Комплексний сучасний курс “Web design UI/UX” 17+ з вивченням основного стеку технологій для дизайнера: Photoshop, Illustrator, Figma.
Web-designer, UI/UX-designer – одна з найбільш затребуваних і високооплачуваних професій в IT-індустрії.
UI/UX-designer – фахівець, який займається проектуванням користувацьких інтерфейсів, він проектує дизайн web сайтів, мобільних застосунків, розробляє концепцію сайту, мобільного додатка, застосовує різні візуальні стилі, здійснює підготовку макета для верстки, володіє типографікою, модульними сітками; застосовує теорію кольору та композиції на практиці.
Основні обов’язки Web/ UX/UI дизайнера:
збір інформації про проект і його аудиторії;
виявлення потреб цільової аудиторії;
проектування користувацьких сценаріїв;
розробка стилю, надання вказівок щодо шрифтів, кольорів і розмірів;
створення макетів і прототипів;
створення інтерфейсу в графічних редакторах.
На курсі розглядаються основи юзабіліті, доступності, теорія кольору, типографія, макетування.
Закінчивши навчальний курс, ви зможете:
розробляти будь-який дизайн,
застосовувати теорію кольору та композиції на практиці.
проектувати дизайн 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 ITSchool, і наш адміністратор обов’язково Вам зателефонує.
