Уеб дизайн от нулата до PRO - безплатен курс от Skillbox, обучение, Дата: 29 ноември 2023 г.

Figma от нулата до PRO
Ще овладеете най-популярната програма за уеб дизайн на професионално ниво. Научете как да създавате интерактивни прототипи, да предавате дизайни на разработчиците и да пестите време за рутинни задачи.

Запознаване с Figma
Ще разберете интерфейса и основните настройки на програмата. Научете се да използвате геометрични форми, слоеве и текстови полета. Създайте своя първи прототип.

Основни инструменти на Figma

Научете какво представляват рамките и как се различават от слоевете. Научете се да рисувате прости форми, да добавяте цвят, ефекти и текст. Научете основите на прототипирането.

Икони, илюстрации и картини
Научете как да създавате свои собствени икони и да манипулирате изображения с помощта на вътрешните инструменти на Figma. Можете да правите дизайнерски оформления от нулата, без да използвате редактори на трети страни.

Компоненти
Научете как да създавате компоненти и да използвате панела с настройки. Научете как да правите интерактивни прототипи и да покажете на клиента как хората ще използват бъдещия сайт.

Библиотеки с компоненти и общи стилове
Можете да създадете библиотеки от стилове и UI Kit, за да стандартизирате елементите на интерфейса. Научете се да създавате чисти оформления с помощта на модулни мрежи.

Автоматично оформление и варианти
Ще разберете как да комбинирате оформления в система с помощта на функцията Variants. Ще можете да създавате и адаптирате сложни интерфейсни елементи за различни устройства.

Сложни многостранични документи
Научете се да работите с основни екрани и да създадете дървовидна страница. Започнете с бета функцията Branches. Ще разберете как да организирате работата на екипа върху различни версии на едно и също оформление.

Допълнителни функции и общност от автори
Разберете кои добавки ще ви помогнат бързо да създавате чернови на проекти и да работите с редакции. Научете се да добавяте анимация към прототипи.

Подготовка на оформление за разработчици
Можете да покажете на разработчика техническите аспекти на проекта и кода на компонентите. Научете се да оптимизирате работата на вашия екип с помощта на приставката Figma Jam.

Уеб дизайн от нулата до PRO
Ще се потопите в професията на уеб дизайнер. Ще научите как да работите по проект – от първата среща с клиента до готовия уеб сайт. Научете се да измисляте креативни идеи и да черпите от UX изследвания. Усъвършенствайте уменията си чрез дизайнерски спринтове.

Въведение в професията уеб дизайнер
Разберете какви проблеми решават уеб дизайнерите и защо тези специалисти са толкова търсени. Запознайте се с професионални термини и инструменти.

Първа поръчка: комуникация с клиента и технически спецификации
Научете се да общувате с клиента: разберете целите и ограниченията на проекта, обсъдете референции, планирайте срокове. Ще разберете как да поставите правилните очаквания от работата и да не обещавате твърде много. Изготвяне на технически спецификации.

Търсене на идея
Ще разберете как наблюдението ви помага да намерите най-добрите дизайнерски идеи. Научете се да анализирате вашите конкуренти, да създавате табла за настроение и да избирате успешни препоръки за вашия проект.

Модулни решетки
Всяко оформление започва с модулна мрежа. Ще се запознаете с видовете му и ще научите как да изберете правилния. Научете за нюансите на решетките за мобилни и пълни версии.

Вертикален ритъм
Научете се да контролирате вниманието на потребителите с помощта на компетентен състав и вертикален ритъм. Научете за визуалната йерархия и разберете какъв размер трябва да бъде всеки елемент на страницата.

Типография
Научете се да избирате шрифтове и да ги комбинирате един с друг. Ще разберете как да създадете ефективен дизайн, като вземете предвид правилата на типографията.

Спринт 1
Скъпо и минималистично: ние създаваме дизайн на целева страница, базиран на типография

Задачата на текстовете в интерфейсите
Научете за изискванията към текстовете за интерфейси. Научете основите на UX копирайтинг. Ще можете да модифицирате текстовете така, че да са разбираеми за потребителите и да пасват перфектно на оформлението.

Цветове, фонове и сенки
Овладейте теорията на цветовете и научете за нейните функции в интерфейса. Ще разберете как да изберете палитра за уебсайт и да подчертаете елементите, които са най-важни за потребителя. Можете да създавате реалистични сенки за бутони и други компоненти на дизайна.

Контраст и четливост
Научете как визуално да подчертавате важни блокове на страница и да правите текста по-четлив. Запознайте се с принципите на приобщаващия дизайн и можете да създавате уебсайтове за широка аудитория.

Прототип на първа страница
Създайте wireframe - прототип, който се фокусира върху структурата и логиката, а не върху визуалния дизайн. Овладейте два дизайнерски подхода: блок и свободен стил.

Спринт 2
UX писане: създаваме целева страница и подготвяме текстове за всички елементи на интерфейса.

Екран на първа страница
Запознайте се с метода на атомарния дизайн, който ще ускори дизайна на уебсайта. Ще разберете как да привлечете вниманието на потребителите от първия екран. Научете се да създавате бутони, икони, полета за въвеждане на данни и формуляри в последователен стил и мащаб.

Проучване на потребителите: Карта на пътуването на клиента и потребителски поток
Научете как да вземете предвид нуждите на вашата целева аудитория във вашия дизайн. Научете се да създавате карта на пътуването на клиента и потребителски поток, оценявайте поведението на потребителите на всеки етап от взаимодействието със сайта.

Навигация
Разберете видовете навигация. Ще разберете за какви задачи и устройства е подходящ всеки от тях.

Проектиране на основни блокове
Научете се да създавате продуктови карти, слайдери, блокове с предимства, тарифи и реклама. Ще съставите пълноценна страница и ще разберете как да я представите на клиента. Ще можете да обяснявате дизайнерските си решения, да приемате адекватно редакциите и да работите с възраженията на клиентите.

Адаптивност и компоненти
Запознайте се с адаптивния уеб дизайн и неговите принципи. Нека да разгледаме популярните адаптивни мрежи. Научете как да направите висококачествена мобилна версия на сайта.

Спринт 3
Ние адаптираме оформлението на страницата за компютър, таблет и мобилен телефон.

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

Прехвърляне на оформлението на разработчиците
Ще подредите слоевете и техните имена, ще създадете проста анимация на елементи и преходи между страници и ще създадете спецификация. Научете се да извършвате преглед на дизайна след оформлението.

Спринт 4
Техники за впечатляващо портфолио: създаване на случай в Behance.

Калъф за портфолио
Ще разберете какво е по-добро за промоция - уебсайт за визитна картичка или портфолио в платформи за дизайн. Научете как да създавате случаи в Behance, така че работата ви да бъде забелязана и оценена. Научете за платените и безплатните методи за промоция.

Бонус модули

1. Принципи на успешна работа с клиента
2. Къде да търся поръчки
3. Как работят дизайнерите в големи екипи

Проект за дипломиране

Концепция за дизайн на уебсайт
Изберете един от реалните клиенти и разработете дизайн на уебсайт за техния бизнес. Използвайте принципите на разказване на истории, за да говорите за работата си.