Дизайнерҳои UX ва UI чӣ кор мекунанд ва таҳиягарони пешрафта чӣ кор мекунанд?

Дар соҳаи технологияҳои иттилоотӣ соҳаҳои марбут ба тарроҳӣ хеле зиёданд. Аз ҳама маъмултарини онҳо тарроҳон мебошанд, ки дар паси ихтисороти UX ва UI пинҳон шудаанд. Хуб, баъзе одамон ҳатто метавонанд таҳиягарони пешрафтаро ҳамчун тарроҳон дохил кунанд. Биёед кӯшиш кунем бифаҳмем, ки тарроҳон дар ҷаҳони IT кистанд, фарқияти байни UI ва UX чӣ гуна аст ва муҳандисони пешрафта бояд чӣ гуна робита дошта бошанд.

Дизайнерхо

Таҳияи интерфейси барномаҳо, вебсайтҳо ё бозиҳо як раванди хеле мураккаб аст ва татбиқи донишҳоро аз соҳаҳои гуногун талаб мекунад: муҳандисӣ, психология ва дизайн. Дизайнерҳои интерфейси корбар (ба забони англисӣ - User Interface ё UI) ба тарзи намоиши функсияҳои сайт (ҷустуҷӯ, ҷадвалҳо, менюҳо) ва тафсилоти ҳамкории муштарӣ ва интерфейс тамаркуз мекунанд. Ҳадафи тарроҳи UI тарҳрезии маҳсулоти муосири аз ҷиҳати эстетикӣ қобor қабул аст . UX маънои таҷрибаи корбарро дорад, ки маънои "таҷрибаи корбар" -ро дорад. Дизайнери UX бештар ба қобorятнокӣ ва фаҳмиши интерфейс аз ҷониби корбари эҳтимолӣ тамаркуз мекунад. Чунин мутахассис аксар вақт тадқиқот ва пурсишҳоро мегузаронад, ки барои эҷоди консепсияи тарроҳӣ асос хоҳанд буд, инчунин консепсияҳоро дар давоми ва баъд аз таҳия санҷида мешавад. Он одатан ба сохтор, мундариҷа, паймоиш ва чӣ гуна корбар бо ин унсурҳо муошират мекунад. Он харитаҳои сайтҳо, прототипҳоро истеҳсол мекунад, ки сохтори асосӣ ҳангоми сохтани нармафзор мебошанд. Ҳадафи кори тарроҳи UX аз он иборат аст, ки корбар зуд ва бедард аз сайт он чизеро, ки ӯ барои он ба ин ҷо омадааст, дарёфт кунад . Бо вуҷуди ин, имрӯз дидани ин ду ихтисос хеле маъмул аст, ки бо хатти хат навишта шудаанд. Яъне, вазифаи ҳарду самтро як мутахассис иҷро мекунад. Дизайнери UX/UI ҳамкории корбарро бо интерфейс тарроҳӣ мекунад, қарор мекунад, ки маҳз ӯ чӣ кор кардан лозим аст ва барои он ки ин интерфейс дар натиҷа чӣ гуна хоҳад буд, масъул аст.

Дизайнери UX/UI чиро бояд донад

• Муҳаррири графикӣ . Воситаҳои маъмултарин дар бозор Adobe Photoshop, Adobe Illustrator, инчунин Sketch, Figma мебошанд. Муҳаррири барои шумо мувофиқро интихоб кунед ва аввал кӯшиш кунед, ки скриншотҳои вебсайт ё барномаро кашед ва онҳоро каме навсозӣ кунед.

  Дастури эскиз

• Воситаҳои прототипсозӣ (Mockplus, Axure) . Воситаи прототипсозӣ пайванди идея ва татбиқи он мебошад. Муҳим нест, ки шумо кадом асбобро истифода мебаред. Шумо метавонед якчанд чизро санҷед ва дар бораи он, ки ба услуб ва афзалиятҳои шумо мувофиқ аст, қарор диҳед.

• Психологияи корбар. Аллакай дар марҳилаи тарроҳӣ, шумо бояд фикр кунед, ки оё истифодаи ин интерфейс барои шумо ё ягон каси дигар қулай хоҳад буд. Худро ба ҷои муштарӣ гузоред, бо ӯ робитаи мустаҳкам барқарор кунед ва ба ниёзҳои ӯ бодиққат бошед. Охир, маҳсулот дар сурате муваффақ мешавад, ки ба он талабот вуҷуд дошта бошад.

  Психологияи тарроҳӣ: 8 принсипи психологӣ, ки ҳангоми тарҳрезӣ муфид хоҳанд буд

• Ба шумо инчунин дониши назарияи ранг лозим аст . Мо аз овони бачагй баъзе чизхоро медонем, махсусан онхое, ки ба мактаби рассомй рафтаанд. Бо вуҷуди ин, дар бораи кори тарроҳон мушаххасоти муайян мавҷуданд. Донишҳои асосиро аз китобҳо ё мақолаҳо дар Интернет гирифтан мумкин аст.

  Назарияи ранг барои тарроҳон Қисми 1: Маънои ранг

  Чӣ тавр рангҳоро дар тарроҳии UI истифода бурдан мумкин аст

• Тавсия дода мешавад, ки фаҳмиши типография , воситаи омезиши ҷузъҳои матн ва визуалӣ дошта бошед.

  25 Қоидаҳои типография барои тарроҳони шурӯъкунандагон

  Типография дар веб

• Таркиби сайт ва қобor истифода.

  Таркиб дар тарроҳии веб ё дар бораи он чизе ки дарсӣ Photoshop хомӯшанд

• Вобаста аз хусусиятҳои кор, ба шумо фаҳмиши HTML ва CSS ё (баъзе) забонҳои барномасозӣ лозим аст (пайвандҳоро ба захираҳо дар зер, дар бахши “Чӣ бояд таҳиягари фронталӣ донад” пайдо кардан мумкин аст).

Таҳиягари пештара

Вазифаи асосии таҳиягари фронт ин таҳияи қисми муштарии интерфейс мебошад. Яъне, чунин мутахассис он чизеро, ки конструкторон тарҳрезӣ кардаанд, «эҳё мекунад». Ӯ барои амалиёт ва кори интерфейс ва камтар барои мундариҷаи визуалӣ масъул аст. Таҳиягари пешрафта аксар вақт бояд дар марҳилаи таҳияи он барои интерфейси корбар ҳалли хуб пайдо кунад, аз ин рӯ вай аксар вақт бо тарроҳи UX/UI ҳамкорӣ мекунад. Рамзе, ки аз ҷониби таҳиягари пешрафта навишта шудааст, дар браузери корбар кор мекунад (чунон ки мегӯянд, "дар тарафи муштарӣ"). Инчунин, яке аз вазифаҳои муҳимтарин ин аст, ки сайт ё барномаи веб дар ҳама платформаҳо ва браузерҳо якхела бошад.

Таҳиягари пештара чиро бояд донад

Чун қоида, фронт ба се сутун асос ёфтааст: забони аломатгузории саҳифаи HTML, варақаҳои сабки CSS ва забони барномасозии JavaScript. Илова бар ин, таҳиягари пешрафта бояд принсипҳои кори протоколи HTTP, serverҳо ва браузерҳо ва хусусиятҳои намоиши интерфейсро дар дастгоҳҳои мухталифе, ки ҳоло дар бозор ҳастанд, фаҳманд. Воситаҳо ва усулҳои эҷоди интерфейсҳои веб пайваста таҳаввул ва тағир меёбанд, аз ин рӯ, таҳиякунанда бояд ҳамеша инро назорат кунад.

HTML ва CSS (тарҳ)

Ин тарҳ, ҳамон хиштест, ки аз он сайт сохта шудааст. Забони аломатгузории HTML ташкил, мундариҷа ва ҳама муносибатҳои байни онҳоро дикта мекунад. Он ба шумо имкон медиҳад, ки қисми болоии саҳифа, поён, блокҳои паҳлӯиро бо мундариҷа, сарлавҳаҳо, намоиши матн ва унсурҳои мултимедиявӣ таъин кунед. Ҷадвалҳои сабки CSS барои оро додани унсурҳои HTML истифода мешаванд. Онҳо дақиқ муайян мекунанд, ки ҳар як элементи графикие, ки дар саҳифа ҷойгир аст, чӣ гуна намоиш дода мешавад. Бо истифода аз versionҳои охирини HTML5 ва CSS3, шумо метавонед ҷузъҳои видео ва аудио дар саҳифа ҷойгир кунед, тасвирҳо ва аниматсияҳои 2D эҷод кунед ва ҳатто бозиҳои оддӣ нависед. Ҳоҷат нест, ки кӯшиш кунед, ки ҳама тегҳо ва услубҳоро якбора дар хотир доред. Омӯзиши асосҳо ва фавран ба кор андохтани онҳо муфид хоҳад буд. Сайти хеле хубе, ки шумо метавонед асосҳои HTML ва CSS-ро омӯзед W3School. Аммо танҳо агар шумо ҳадди аққал дониши ибтидоии забони англисиро дошта бошед.

• W3School
• CSS

Инчунин, таҳиягари пешрафта бояд таҳияи кросс-браузер ва платформаҳои кросс-платформа, тарҳбандии мутобиқшавӣ ва ҷавобгӯро дарк кунад.

Bootstrap

Ин чаҳорчӯба барои HTML, CSS ва JavaScript мебошад. Яъне, қолабҳои муайяне, ки аз онҳо шумо метавонед сайтҳоро ба мисли конструктор назар ба бе онҳо зудтар ҷамъ кунед. Аммо, албатта, шумо бояд онро мувофиқи эҳтиёҷоти худ танзим кунед. Агар шумо забони англисиро донед, мо вебсайти getbootstrap ва ҳамон w3schools -ро тавсия медиҳем .

JavaScript

Javascript асосии таҳияи пешрафт аст. Ин аввалин ва маъмултарин забони барномасозии интерфейс мебошад. Он метавонад ба сайт хусусиятҳои зиёде илова кунад. Дар сатҳи асосӣ, ин забон ба шумо имкон медиҳад, ки унсурҳои интерактивиро ба саҳифа илова кунед. Он барои сохтани харитаҳое истифода мешавад, ки дар вақти воқеӣ навсозӣ мешаванд, бозиҳои интерактивии онлайн ва филмҳо. Дар курсҳои калони JavaRush мо каме JavaScript меомӯзем. Шумо инчунин метавонед онро дар ҳамон W3School омӯзед ё дар вебсайти javascript.ru дар бораи он ба забони русӣ хонед .

jQuery

jQuery китобхонаи Javascript аст, ки дорои плагинҳо ва васеъшавиҳо мебошад, ки метавонанд рушдро боз ҳам осонтар ва тезтар кунанд. Ба ҷои навиштани code аз сифр, китобхонаҳо ба шумо имкон медиҳанд, ки ҷузъҳои тайёрро илова кунед, ки онҳоро барои лоиҳаи мушаххас мутобиқ кардан мумкин аст. Шумо метавонед аз функсияҳои худкор пур кардани варақаҳои ҷустуҷӯ, аз нав танзим ва тағир додани андозаи шабака ва танзими вақтсанҷҳои ҳисоб истифода баред. Курси амалии jQuery дар w3school

Чаҳорчӯби Javascript

Намудҳои гуногуни чаҳорчӯба мавҷуданд, аммо шумо метавонед якееро интихоб кунед, ки барои истифода қулай аст. Маъруфтаринашон Angular, Backbone, Ember ва React мебошанд. Онҳо сохтори омодаи codeро намояндагӣ мекунанд. Онҳо ба суръатбахшии рушд мусоидат мекунанд. Ва дар якҷоягӣ бо китобхонаҳо онҳо метавонанд рушди вебсайт ё барномаро аз сифр кам кунанд. Баррасии 5 чаҳорчӯба ва китобхонаҳои маъмултарини JavaScript дар соли 2017

Системаи идоракунии versionи Git

Системаҳои идоракунии version метавонанд тағиротро дар code бо мурури замон пайгирӣ кунанд. Онҳо инчунин ба шумо имкон медиҳанд, ки ба versionи қаблии лоиҳа баргардед. Git системаи идоракунии versionи васеъ истифодашаванда мебошад. Донистани тарзи кор бо Git барои ҳар як таҳиягар маҳорати муҳим аст. Дарси Git бо забони русӣ

Хулосаҳои мухтасар

UI маънои интерфейси корбарро дорад, ки маънои "интерфейси корбар" -ро дорад. Яъне, тарроҳии UI пеш аз ҳама барои чӣ гуна пешниҳод кардани маҳсулот ба корбар масъул аст. Вай тугмаҳо, нишонаҳо таҳия мекунад, шрифтҳоро интихоб мекунад ва макетро омода мекунад. UX маънои таҷрибаи корбарро дорад. Ҳамин тавр, як тарроҳи UX тарроҳии вебсайт, барнома ё ҳама чизро тарроҳӣ мекунад, то корбар бароҳат ва фаҳмо бошад, ки чӣ аст ва ӯ тавонад он чизеро, ки ба ӯ лозим аст, аз сайт бо кӯшиши кам ба даст орад. Аксар вақт, ҳарду намуди кор аз ҷониби як оркестр иҷро карда мешавад: дизайнери UI/UX. Таҳиягари Front-end кори тарроҳонро тавассути ворид кардани динамика ба он зинда мекунад: тугмаҳо пахш карда мешаванд ва тасвир тағир меёбад. Вай бояд забонҳои барномасозиро донад, ки бо чаҳорчӯбаҳо, просессорҳо ва китобхонаҳо таҷриба карда шудааст.