UI Design
Опис курсу
Згодні з тим, що непоказний інтерфейс, проте з хорошим продуктом приверне набагато менше потенційних покупців, аніж захоплююче оформлення, навіть якщо і сам продукт далекий від ідеалу? Тоді вам потрібен цей курс, адже саме пройшовши його, Ви навчитесь створювати дизайнерські шедеври для веб-середовища.
В процесі навчання Ви дізнаєтесь про секрети візуального дизайну, що “продає”, почнете розуміти психофізіологію графічних інтерфейсів, вивчите основні форми та елементи інтерфейсу, а також відкриєте для себе кращі тренди веб-дизайну.
Після курсу Ви зможете:
- Створювати та оптимізовувати цифровий інтерфейс для користувачів
- Знаходити та пропонувати найбільш прості точки взаємодії користувача з системою
- Правильно керувати іконками, анімацією та іншим графічним контентом на сайті
- Розробляти та впроваджувати ефективні рішення для підвищення функціональності веб-сайту
Програма курсу:
- Введення до курсу UI
- Етапи розробки продукту
- Поняття UX/UI/GUI
- Технічні вимоги
- Налаштування графічних редакторів для створення макетів для Web
- Підготовка макетів для верстки
- Підготовка графічних елементів
- Дизайн мислення
- Створення настрою проекту (Moodboard)
- Скетчбук
- Натхнення
- Генерація креативних ідей
- Композиція
- Золотий перетин
- Контраст і нюанс
- Статика і динаміка
- Акцент
- Домінанта
- Ієрархія об'єктів
- Колір
- Робота з колірним колом
- Монохромні, компліментарні та близькі кольори
- Підбираємо правильні кольори для сайту
- Інструменти для підбору кольору
- Шрифт
- Web-типографіка
- Візуальні елементи публікації
- Підбір шрифтів та шрифтові пари
- Інструменти підбору Web-шрифтів
- Елементи інтерфейсу та їх стан
- Елементи форми
- Елементи навігації
- Інформаційні елементи
- Прелоадери
- Та ін.
- Іконки
- Стилі іконок
- Стилеутворюючі елементи
- Формати та стандартні розміри іконок
- Анімація іконок
- Фавіконки та сервіси для створення фавіконок
- Сервіси для підбору іконок
- Фотографії та ілюстрації
- Формати зображень для сайту
- Розміри фотографій
- Зберігання та оптимізація зображень
- Закони та принципи побудови інтерфейсів
- Візуальна ієрархія сайту
- Закон близькості в гештальт-психології
- Розстановка пріорітетів та акцентів на сторінках
- F- и Z- патерни
- Модульні сітки
- 8pt сітка
- Горизонтальний ритм
- Вертикальний ритм
- Модульная сітка Bootstrap
- Нестандартні модульні сітки
- Responsive and Adaptive design
- Mobile first/Desktop first підходи
- Мобільні версії сайту vs Адаптивний дизайн
- Підготовка макету для adaptive/responsive сайтів
- Правила підготовки макетів та зображень для Retina дисплеїв
- Анімація інтерфейсу
- Анімація інтерфейсу
- Анімація ілюстрацій та іконок
- Популярні інструменти та сервіси
- Види та підходи до прототипування
- Скетчінг
- Варфреймінг
- Інтерактивне прототипування
- Тестування
- Тестування дизайну в процесі створення продукту
- Поліпшення дизайну на основі отриманих даних
- Історія та тренди в Web-дизайні
- Скевоморфізм
- Плоский дизайн (Flat)
- Material design (Google)
- Fluent Design (Microsoft)
- IBM Design Language
- Презентація робіт
- Правила оформлення портфоліо
- Завантаження робіт на Behance
- Захист курсової роботи перед групою
Мінімальні вимоги:
- Впевнене володіння ПК.
- Наявність власного ноутбуку для занять в аудиторіях
* Примітка: зазначені знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Знижка застосовується тільки до нових заявок та при умові повної оплати курсу. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!