Веб дизајн од нуле до ПРО - бесплатни курс од Скиллбок-а, обука, Датум: 29. новембар 2023.

Фигма од нуле до ПРО
Савладаћете најпопуларнији програм за веб дизајн на професионалном нивоу. Научите како да креирате интерактивне прототипове, предате дизајн програмерима и уштедите време на рутинским задацима.

Упознавање Фигме
Разумећете интерфејс и основна подешавања програма. Научите да користите геометријске облике, слојеве и текстуална поља. Направите свој први прототип.

Основни алати Фигма
Сазнајте шта су оквири и како се разликују од слојева. Научите да цртате једноставне облике, додајте боју, ефекте и текст. Научите основе израде прототипа.

Иконе, илустрације и слике
Научите како да креирате сопствене иконе и манипулишете сликама користећи интерне алате Фигме. Можете да направите распоред дизајна од нуле без коришћења уређивача трећих страна.

Компоненте
Научите како да креирате компоненте и користите панел са подешавањима. Научите како да направите интерактивне прототипове и покажите купцу како ће људи користити будући сајт.

Библиотеке компоненти и уобичајени стилови
Можете креирати библиотеке стилова и УИ Кит да бисте стандардизовали елементе интерфејса. Научите да креирате уредне распореде користећи модуларне мреже.

Ауто распоред и варијанте
Разумећете како да комбинујете распореде у систем користећи функцију Вариантс. Бићете у могућности да креирате и прилагодите сложене елементе интерфејса за различите уређаје.

Сложени документи на више страница
Научите да радите са основним екранима и направите стабло страница. Започните са бета функцијом Филијале. Разумећете како да организујете рад тима на различитим верзијама истог распореда.

Додатне могућности и заједница аутора
Сазнајте који додаци ће вам помоћи да брзо креирате нацрте пројеката и радите са изменама. Научите да додате анимацију прототиповима.

Припрема изгледа за програмере
Програмеру можете показати техничке аспекте пројекта и код компоненти. Научите да оптимизујете рад свог тима користећи додатак Фигма Јам.

Веб дизајн од нуле до ПРО
Уживаћете у професију веб дизајнера. Научићете како да радите на пројекту - од првог састанка са клијентом до готовог веб сајта. Научите да смишљате креативне идеје и ослањате се на УКС истраживања. Усавршите своје вештине кроз дизајнерске спринтове.

Увод у професију веб дизајнера
Сазнајте које проблеме решавају веб дизајнери и зашто су ови стручњаци толико тражени. Упознајте се са професионалним терминима и алатима.

Први ред: комуникација са купцем и техничке спецификације
Научите да комуницирате са купцем: сазнајте циљеве и ограничења пројекта, разговарајте о референцама, планирајте рокове. Схватићете како да поставите права очекивања од посла и да не обећавате превише. Направите техничке спецификације.

Потражите идеју
Схватићете како вам посматрање помаже да пронађете најбоље дизајнерске идеје. Научите да анализирате своје конкуренте, креирате табле са расположењем и изаберете успешне референце за свој пројекат.

Модуларне решетке
Сваки распоред почиње са модуларном мрежом. Упознаћете се са његовим врстама и научити како да изаберете прави. Сазнајте више о нијансама мрежа за мобилне и пуне верзије.

Вертикални ритам
Научите да контролишете пажњу корисника уз помоћ компетентне композиције и вертикалног ритма. Научите о визуелној хијерархији и схватите која величина треба да буде сваки елемент на страници.

Типографија
Научите да изаберете фонтове и да их комбинујете један са другим. Разумећете како да направите ефикасан дизајн узимајући у обзир правила типографије.

Спринт 1
Скупо и минималистички: креирамо дизајн одредишне странице на основу типографије

Задатак текстова у интерфејсима
Сазнајте више о захтевима за текстове за интерфејсе. Научите основе УКС цопивритинг-а. Моћи ћете да модификујете текстове тако да буду разумљиви корисницима и да се савршено уклапају у изглед.

Боје, позадине и сенке
Савладајте теорију боја и научите о њеним функцијама у интерфејсу. Разумећете како да изаберете палету за веб локацију и истакнете елементе који су најважнији за корисника. Можете креирати реалистичне сенке за дугмад и друге компоненте дизајна.

Контраст и читљивост
Научите како да визуелно истакнете важне блокове на страници и учините текст читљивијим. Упознајте се са принципима инклузивног дизајна и будите у могућности да креирате веб странице за широку публику.

Прототип прве странице
Направите жичани оквир - прототип који се фокусира на структуру и логику, а не на визуелни дизајн. Савладајте два приступа дизајну: блок и слободни стил.

Спринт 2
УКС писање: креирамо одредишну страницу и припремамо текстове за све елементе интерфејса.

Екран прве странице
Упознајте се са методом атомског дизајна, која ће убрзати дизајн веб странице. Схватићете како да привучете пажњу корисника са првог екрана. Научите да креирате дугмад, иконе, поља за унос података и обрасце у доследном стилу и размери.

Истраживање корисника: Мапа пута корисника и ток корисника
Научите како да узмете у обзир потребе ваше циљне публике у свом дизајну. Научите да креирате мапу путовања и ток корисника, процените понашање корисника у свакој фази интеракције са сајтом.

Навигација
Разумети типове навигације. Разумећете за које задатке и уређаје је сваки од њих погодан.

Дизајн главних блокова
Научите да креирате картице производа, клизаче, блокове са погодностима, тарифама и оглашавањем. Саставићете потпуну страницу и разумети како да је представите клијенту. Бићете у могућности да објасните своје дизајнерске одлуке, адекватно прихватите измене и радите са примедбама купаца.

Прилагодљивост и компоненте
Упознајте респонзивни веб дизајн и његове принципе. Погледајмо популарне адаптивне мреже. Научите како да направите мобилну верзију сајта високог квалитета.

Спринт 3
Прилагођавамо изглед странице за рачунар, таблет и мобилни телефон.

Презентација пројекта купцу
Научите како да представите пројекат у ефикасној и разумљивој презентацији. Научите да објасните своја решења клијенту и одговорите на типична или неочекивана питања.

Преношење изгледа на програмере
Поређаћете слојеве и њихова имена, креирати једноставну анимацију елемената и прелаза између страница и креирати спецификацију. Научите да извршите преглед дизајна након изгледа.

Спринт 4
Технике за импресиван портфолио: креирање случаја на Беханцеу.

Портфолио цасе
Схватићете шта је боље за промоцију - веб страница са визит картама или портфолио на платформама за дизајн. Научите како да креирате случајеве на Беханце-у како би ваш рад био примећен и цењен. Сазнајте више о плаћеним и бесплатним методама промоције.

Бонус модули

1. Принципи успешног рада са купцем
2. Где тражити наређења
3. Како дизајнери раде у великим тимовима

Дипломски рад

Концепт дизајна веб странице
Изаберите једног од правих купаца и развијте дизајн веб странице за њихово пословање. Користите принципе приповедања да бисте причали о свом послу.