IT тармагында дизайнга байланыштуу бир топ тармактар бар. Алардын эң кеңири тарагандары UX жана UI аббревиатураларынын артына катылган дизайнерлер. Ооба, кээ бир адамдар алдыңкы иштеп чыгуучуларды дизайнер катары кошо алышат. Келгиле, IT дүйнөсүндө дизайнерлер кимдер экенин, UI менен UX ортосунда кандай айырма бар экенин жана алдыңкы инженерлер кандай байланышы бар экенин аныктоого аракет кылалы.
Дизайнерлер
Тиркемелердин, веб-сайттардын же оюндардын интерфейсин иштеп чыгуу өтө татаал процесс жана ар түрдүү тармактардагы бorмдерди колдонууну талап кылат: инженерия, психология жана дизайн. Колдонуучу интерфейсинин дизайнерлери (англис тorнде - User Interface же UI) сайттын функционалдуулугунун (издөө, өтмөктөр, менюлар) көрсөтүлүшүнө жана кардар менен интерфейстин өз ара аракеттенүүсүнүн деталдарына көңүл бурушат. UI дизайнеринин максаты - эстетикалык жактан алгылыктуу заманбап продукт дизайны . UX "Колдонуучу тажрыйбасы" дегенди билдирет, бул "колдонуучунун тажрыйбасы" дегенди билдирет. UX дизайнери потенциалдуу колдонуучу интерфейстин ыңгайлуулугуна жана түшүнүүсүнө көбүрөөк көңүл бурат. Мындай адис көбүнчө дизайн концепциясын түзүү үчүн негиз боло турган изилдөөлөрдү жана изилдөөлөрдү жүргүзөт, ошондой эле иштеп чыгуу учурунда жана андан кийин концепцияларды сынайт. Ал, адатта, түзүмгө, мазмунга, навигацияга жана колдонуучунун бул элементтер менен өз ара аракеттенүүсүнө багытталган.
Бул программалык камсыздоону түзүүдө негизги структура болгон сайттын карталарын, прототиптерин чыгарат. UX дизайнеринин ишинин максаты - колдонуучу сайттан эмне үчүн келгенин тез жана кыйналбастан алуу . Бирок, бүгүнкү күндө бул эки адистиктин сызык менен жазылганын көрүү абдан кеңири таралган. Башкача айтканда, эки багыттагы тапшырмаларды бир адис аткарат. UX/UI дизайнери колдонуучунун интерфейс менен өз ара аракеттенүүсүн иштеп чыгат, ал эмне кылуу керектигин чечет жана натыйжада бул интерфейстин кандай болоруна жооп берет.
UX/UI дизайнери эмнени бorши керек
Графикалык редактор . Рынокто эң популярдуу куралдар Adobe Photoshop, Adobe Illustrator, ошондой эле Sketch, Figma болуп саналат. Сиз үчүн ыңгайлуу болгон редакторду тандап, алгач веб-сайттын же тиркеменин скриншотторун тартып, аларды бир аз модернизациялоого аракет кылыңыз.
Прототиптөө куралдары (Mockplus, Axure) . Прототиптөө куралы – идея менен аны ишке ашыруунун ортосундагы байланыш. Кандай куралды колдонгонуңуз маанилүү эмес. Сиз бир нечесин сынап көрүп, өзүңүздүн стorңизге жана каалооңузга ылайыктуу бирин тандап алсаңыз болот.
Колдонуучунун психологиясы. Азыртадан эле дизайн баскычында, бул интерфейсти колдонуу сизге же башка бирөө үчүн ыңгайлуу болобу, ойлонушуңуз керек. Өзүңүздү кардардын ордуна коюп, аны менен бекем байланыш түзүңүз жана анын муктаждыктарына көңүл буруңуз. Анткени, товарга суроо-талап болсо ийгorктүү болот.
Сиз ошондой эле түс теориясын билүү керек болот . Биз кээ бир нерселерди бала кезибизден билебиз, айрыкча искусство мектебинде окугандар. Бирок, дизайнерлердин ишине байланыштуу белгилүү бир өзгөчөлүктөр бар. Негизги бorмди Интернеттеги китептерден же макалалардан алса болот.
Иштин өзгөчөлүгүнө жараша, сизге HTML жана CSS же (айрым) программалоо тилдерин түшүнүү керек болушу мүмкүн (ресурстарга шилтемелер төмөндө, “Фронттук иштеп чыгуучу эмнени бorши керек” деген бөлүмдөн тапса болот).
Фронттук иштеп чыгуучу
Фронттук иштеп чыгуучунун негизги милдети - интерфейстин кардар бөлүгүн иштеп чыгуу. Башкача айтканда, мындай адис дизайнерлер иштеп чыккан нерсени "жандантат". Ал интерфейстин иштеши жана иштеши үчүн жооп берет жана визуалдык мазмун үчүн азыраак. Фронттук иштеп чыгуучу көп учурда аны иштеп чыгуу стадиясында колдонуучу интерфейси үчүн жакшы чечим табышы керек, ошондуктан ал көп учурда UX/UI дизайнери менен кызматташат. Фронттук иштеп чыгуучу жазган code колдонуучунун браузеринде иштейт (алар айткандай, "кардар тарапта"). Ошондой эле, эң маанилүү милдеттердин бири - сайттын же веб-тиркеменин бардык платформаларда жана браузерлерде бирдей көрүнүшүн камсыз кылуу.
Front-end Developer эмнени бorши керек
Эреже катары, алдыңкы үч мамыга негизделген: HTML баракчасынын белгилөө тor, CSS стилдер tableлары жана JavaScript программалоо тor. Мындан тышкары, алдыңкы иштеп чыгуучу HTTP протоколунун, serverлердин жана браузерлердин иштөө принциптерин жана азыркы учурда рынокто болгон ар кандай түзмөктөрдө интерфейсти көрсөтүү өзгөчөлүктөрүн түшүнүшү керек. Веб-интерфейстерди түзүүнүн куралдары жана ыкмалары тынымсыз өнүгүп, өзгөрүп турат, ошондуктан иштеп чыгуучу муну дайыма көзөмөлдөп турушу керек.
HTML жана CSS (макет)
Бул макет, сайт курулган абдан кирпич болуп саналат. HTML белгилөө тor сайттын уюштуруусун, мазмунун жана алардын ортосундагы бардык өз ара аракеттенүүнү буйруйт. Бул барактын үстүн, астын, каптал блокторун мазмуну, аталыштары, тексттин жана мультимедиялык элементтердин дисплейин белгилөөгө мүмкүндүк берет. CSS стилдер баракчалары HTML элементтерин кооздоо үчүн колдонулат. Алар баракта жайгашкан ар бир графикалык элемент кантип көрсөтүлөрүн так аныктайт. HTML5 жана CSS3 акыркы versionларын колдонуу менен сиз видео жана аудио компоненттерин баракка жайгаштырып, 2D сүрөттөрдү жана анимацияларды түзө аласыз, ал тургай жөнөкөй оюндарды жаза аласыз. Бардык тегдерди жана стилдерди бир эле учурда эстеп калууга аракет кылуунун кереги жок. Негиздерди үйрөнүп, аларды дароо ишке киргизүү пайдалуу болот. Сиз HTML жана CSS негиздерин үйрөнө турган абдан жакшы сайт W3School болуп саналат. Бирок, жок дегенде, англис тorн негизги бorмге ээ болсо гана.
Ошондой эле, алдыңкы иштеп чыгуучу кросс-браузерди жана платформалар аралык иштеп чыгууну, адаптациялоочу жана жооп берүүчү макетти түшүнүшү керек.
Bootstrap
Бул HTML, CSS жана JavaScript үчүн негиз болуп саналат. Башкача айтканда, конструктор сыяктуу, сайттарды аларсыз караганда тезирээк чогулта турган белгилүү бир калыптар. Бирок, албетте, аны өзүңүздүн муктаждыктарыңызга ылайыкташтырыңыз. Эгер сиз англис тorн билсеңиз, биз getbootstrap веб-сайтын жана ошол эле w3schools сунуштайбыз .
JavaScript
Javascript - бул фронталдык өнүгүүнүн өзөгү. Бул биринчи жана эң кеңири таралган интерфейс программалоо тor. Бул сайтка көптөгөн мүмкүнчүлүктөрдү кошо алат. Негизги деңгээлде бул тил баракка интерактивдүү элементтерди кошууга мүмкүндүк берет. Ал реалдуу убакытта жаңыртылган карталарды, интерактивдүү онлайн оюндарды жана тасмаларды түзүү үчүн колдонулат. Биздин улук JavaRush курстарында биз бир аз JavaScript үйрөнөбүз. Аны ошол эле W3School мектебинде окуй аласыз же бул тууралуу javascript.ru сайтынан орусча окуй аласыз .
jQuery
jQuery — бул Javascript китепканасы, анда иштеп чыгууну дагы да оңой жана тезирээк кыла турган плагиндерди жана кеңейтүүлөрдү камтыйт. Кодду нөлдөн баштап жазуунун ордуна, китепканалар сизге даяр компоненттерди кошууга мүмкүндүк берет, аларды кийин белгилүү бир долбоор үчүн ыңгайлаштырууга болот. Сиз издөө формаларын автоматтык түрдө толтуруу, тордун өлчөмүн өзгөртүү жана кайра саноо таймерлерин орнотуу функцияларын колдоно аласыз. w3school боюнча практикалык jQuery курсу
Javascript алHowтары
АлHowтардын ар кандай түрлөрү бар, бирок сиз колдонууга ыңгайлуу бирин тандай аласыз. Эң белгилүүлөрү - Angular, Backbone, Ember жана React. Алар code үчүн даяр структураны билдирет. Алар өнүгүүнү тездетүүгө жардам берет. Жана китепканалар менен бирге алар веб-сайтты же тиркемени нөлдөн баштап иштеп чыгууну азайта алышат. 2017-жылдын эң популярдуу 5 JavaScript алHowтарын жана китепканаларын карап чыгуу
Git versionсын башкаруу системасы
Версияны башкаруу системалары убакыттын өтүшү менен codeго киргизилген өзгөртүүлөрдү көзөмөлдөй алат. Алар ошондой эле долбоордун мурунку versionсына кайтууга мүмкүнчүлүк берет. Git эң кеңири колдонулган versionны башкаруу системасы. Git менен иштөөнү билүү ар бир иштеп чыгуучу үчүн маанилүү жөндөм. Гит окуу куралы орус тorнде
Кыскача корутундулар
UI User Interface дегенди билдирет, бул "колдонуучу интерфейси" дегенди билдирет. Башкача айтканда, UI Дизайнери биринчи кезекте продукт колдонуучуга кандайча көрсөтүлүп жатканы үчүн жооптуу. Ал баскычтарды, иконаларды иштеп чыгат, шрифттерди тандап, макет даярдайт. UX User Experience дегенди билдирет. Ошентип, UX дизайнери веб-сайттын, тиркеменин же кандайдыр бир нерсенин дизайнын иштеп чыгат, ошондуктан колдонуучу эмнени ыңгайлуу жана түшүнүктүү кылып, ал сайттан керектүү нерсени минималдуу күч менен ала алат. Көп учурда эки иштин эки түрүн бир киши оркестр аткарат: UI/UX дизайнери. Front-end иштеп чыгуучусу ага динамика киргизүү менен дизайнерлердин ишин жандандырат: баскычтар басыла баштайт, ал эми сүрөт өзгөрө баштайт. Ал фреймворктар, препроцессорлор жана китепканалар менен тажрыйбалуу программалоо тилдерин бorши керек.
GO TO FULL VERSION