1. Знайомство. Поняття UI/UX. Занурення в дизайн.
- Знайомство.
- Що вас чекає протягом курсу.
- Як буде проходити курс.
- Що таке веб-дизайн.
- Чим відрізняється хороший дизайн від поганого.
- Поняття UI/UX.
- Основні навички та інструменти.
2. Основні інструменти для web-дизайнера.
- Тренди та стиль у дизайні.
- Натхнення.
- Як орієнтуватися в Photoshop, основні елементи інтерфейсу.
- Функціонал основних панелей та їх параметри.
- Створення та налаштування документа.
- Різновиди шарів Photoshop.
- Способи організації шарів в документі.
- Основні гарячі клавіші.
3. Основні етапи роботи над проектом.
- Типи сайтів. Landing Page. Корпоративний сайт. Сайт-візитка. Інтернет-магазин.
- Типи контенту на сайті.
- Брифінг з замовником.
- Підготовка проекту. Розуміння задачі замовника та цільової аудиторії.
- Мудборди та референси.
4. Перший крок.
- Які є види сіток. Як працювати з сіткою в 12 колонок.
- Композиція. Колір в дизайні (“Золотий перетин”, “Правило третин”).
- Робота кольоровими парами.
- Інструменти для роботи з кольором.
- Введення в типографіку.
- Робота з текстом. Шрифтові пари.
5. Елементи дизайну. Візуалізація даних.
- Види навігації.
- Структура сайту.
- Ключові елементи контенту.
- Додаткові елементи.
- Види елементів інтерфейсу.
- Введення в юзабіліті (Модульність, розміщення елементів).
6. Основи роботи з графікою.
- Як графіка впливає на користувача.
- Де шукати якісну графіку для проекту.
- Обробка зображень.
- Тіні.
- Маски.
- Робота з зображеннями для проекту.
- Іконографіка. Стилі іконок. Створення іконок. SVG. Flat icon.
7. Адаптив.
- Адаптивний та резиновий дизайн.
- Мобільна версія сайту.
- Розміри шрифтів та елементів.
- Правила перестановки контенту.
- Основні помилки при зменшенні макетів.
- Приклади.
8. Підготовка до верстки. Захист проекту.
- Підготовка до верстки.
- Структура презентації.
- Інструменти для створення презентації.
- Мокапи.
- Корисні ресурси.