Web design UI/UX (17+)

Web design UI/UX (17+)

 

Тривалість

4 місяці

2 зан./тижд.  по 1,5 год.

 

Викладач

Vadym Ivanenko

 

Вік 

17+ років

Графік

Пн.,Чт.18.30-20.00

 

Вартість

2500 2000 грн/міс

 

Старт

25 квітня 2022 р.

Запис на навчання

У курсі вивчається Adobe Photoshop, Adobe Illustrator для Web design.

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

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

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

UI/UX-designer – фахівець, який займається проектуванням користувацьких інтерфейсів, він проектує дизайн web сайтів, мобільних застосунків,  розробляє концепцію сайту, мобільного додатка,  застосовує різні візуальні стилі, здійснює підготовку макета для верстки, володіє типографікою, модульними сітками; застосовує теорію кольору та композиції на практиці.

Основні обов’язки Web/ UX/UI дизайнера:

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

На курсі розглядаються основи юзабіліті, доступності, теорія кольору, типографія, макетування.

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

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

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

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

Введення в професію.

Знайомство з графічними редакторами: Adobe Photoshop, Adobe  Illustrator, Figma.

Adobe Photoshop, знайомство з програмою.

Налаштування інтерфейсу програми

Персоналізація робочого простору

Зміна основних параметрів зображень

Adobe Photoshop, робота з графікою і кольором.

Інструменти виділення

Інструменти малювання

Робота з кольором. Градієнт

Adobe Photoshop, робота з текстом.

Інструменти групи “Текст”, форматування тексту.

Основні операції з текстовим шаром. Деформація тексту.

Типографіка. Шрифтові пари.

Adobe Photoshop. Корекційні шари.

Використання логічних операцій для малювання об’єктів складної форми.

З’єднання контурів об’єктів. Поділ об’єктів.

Використання розмітки документа для точного позиціонування малюнка.

Управління розміткою. Лінійки. Напрямні. Сітка.

Позиціонування, вирівнювання і розподіл об’єктів.

Фільтри Adobe Photoshop. Смарт-об’єкти

Галерея фільтрів.

Camera Raw.

Liquify (Пластика).

Adobe Illustrator.

Растрова і векторна графіка.

Параметри векторних фігур.

Створення та трансформування об’єктів. Робота з пером.

Інструменти малювання фігур.

Малювання і редагування об’єктів.

Редагування форми об’єктів по точках.

Навички роботи з контурами.

Adobe Illustrator. Робота з текстом.

Інструменти і палітри для роботи з текстом.

Введення, редагування та форматування тексту.

Малювання складних об’єктів.
Робота з кольором. Типи заливок.

Кольорові моделі.

Способи фарбування об’єктів. Редагування кольору.

Формування власного каталогу кольорів.

Створення, застосування і редагування візерунків і градієнтів.

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

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

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

Середовище Figma

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

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

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

Вектор

Маски

Ефекти

Auto layout

Компоненти Figma

Стилі в Figma

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

Instance

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

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

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

Плагіни Figma

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

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

Bootstrap

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

Типографіка

Типи шрифтів

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

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

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

Колористика

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

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

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

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, і наш адміністратор обов’язково Вам зателефонує.

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