Web design (17+)

Web design (17+)

icon-09 

Вимоги

Знання Adobe Photoshop, Adobe Illustrator

Тільки для студентів New IT School

icon-08 

Вік

17+ років

icon-07 

Тривалість

12 занять

icon-11  

Вартість/міс

2500 грн/курс

icon-10 

Графік

Вт.Пт. 18.30-20.00

icon-13 

Старт

3 листопада 2020

Все навчання проводиться на базі Figma – нового, крутого та безкоштовного інструменту, що стрімко набирає популярність у всьому світі! Уже не потрібно розробляти макети сайтів в Photoshop.

Figma сьогодні займає позицію №1 в списку інструментів сучасного Web (UI) дизайнера – це актуальний векторний дизайн інтерфейсу сайтів і мобільних додатків, революційна система “розумних” компонентів для створення адаптивних дизайнів, інтерактивних прототипів, це колосальне прискорення і полегшення подальшої роботи з макетом для верстальника та програміста, це командна робота над дизайном, контроль версій і багато іншого.

Це конкурентний аналог Sketch Mac OS, працює під Windows і доступний взагалі на будь-якій платформі.

Figma об’єднує в собі все найкраще, що відбувалося зі світом інструментів UI-дизайну за останні кілька років: це передові якості від Sketch, Zeplin і InVision в одному крутому продукті.

Figma має як браузерну версію так і десктопний додаток!

Figma допомагає створювати прототипи інтерфейсів, дизайни сайтів, ілюстрації і векторну графіку, це дизайн-мислення зі створення сайтів – аналітика, прототипування, налаштування сіток, візуальна комунікація.

Web-designer, UI/UX-designer – одна з найбільш затребуваних і високооплачуваних професій в IT-індустрії.

Закінчивши навчальний курс, ви зможете:

  • проектувати дизайн web сайтів,
  • розробляти концепцію сайту,
  • застосовувати різні візуальні стилі для web,
  • здійснювати підготовку макета для верстки,
  • володіти типографікою, модульними сітками;
  • застосовувати теорію кольору та композиції на практиці.

Навчальна програма

Введення в Web-дизайн

Теорія Web-дизайну.

Figma, знайомство з програмою

Скачування програми

Встановлення програми

Середовище Figma

Інструменти Figma

Шейпи, прив’язки в Figma

Робота з текстом

Вектор

Маски

Ефекти

Auto layout

Компоненти Figma

Стилі в Figma

Бібліотека компонентів

Instance

Колективна робота в Figmar

Share. Посилання доступу до проекту

Експорт проекту. Експорт частин дизайну

Плагіни Figma

Плагіни для пришвидшення та автоматизації роботи в Figma

Модульні сітки, розміри макетів

Bootstrap

Адаптивні розміри макетів

Типографіка в Web

Типи шрифтів

Шрифтові пари

Правила застосування шрифтів

Онлайн ресурси для робота зі шрифтами

Колористика в Web

Кольорові гармонії

Психологія кольору

Онлайн-ресурси для роботи з кольорами

Landing page

Основні блоки Landing page

Етапи створення Landing page

Аналіз бріфа

Дослідження

Wireframe

Оффер, УТП, правила створення

Маркетинг в Landing page

Інтернет магазини

Основні блоки інтернет-магазинів

CMS

Маркетинг в ecommerce

Mobile App

Google material design

iOS Human Interface Guidelines

Розміри макетів, Layout

Сценарій та поведінка користувача

Карта екранів

Прототипування в Figma

Анімація в Figma


Для кожного – персональний ноутбук.

Документ про закінчення курсів:
Cертифікат New IT School відповідного навчального курсу, що підтверджує отриманий рівень знань

Приклади робіт


Залиште заявку, натиснувши на кнопку “Записатись на курс”, оповіщаючи нас про Ваше бажання навчатись в New IT School, і наш адміністратор обов’язково Вам зателефонує.

Записатись на курс