Мета закинута
Автор не відписував в цілі 9 років 15 днів
Пройти Видеокурс Веб-дизайн.Старт
Наткнулась на интересный курс, где не просто объясняют как пользоваться фотошопом верстальщику, а дают основы композиции, типографики, скетчинга и прочие фундаментальные для дизайнера вещи.
Некоторые уроки автор выложил в свободном доступе на Ютубе.
Критерій завершення
Курс пройден, все задания выполнены
Особисті ресурси
8 лет увлечения веб-дизайном
Екологічність мети
Полученные знания очень пригодятся для работы над своими проектами
-
Секция №1: Задача веб-дизайна и норма в дизайне веб-сайтов
- Понимание задачи веб-дизайна
- Как устроено восприятие пользователя и как этим управлять? Формализация критериев выбора (почему одни сайты нравятся пользователям, а другие - нет).
- Как устроен процесс дизайна веб-сайта и с чего начинать?
- Как определить для себя уровень нормы? Настройка на норму.
- Как совершенствовать свое мастерство? Алгоритм разбора веб-сайтов из уровня нормы.
- БОНУС: основная техника тайм-менеджмента или как найти свободное время?
- Домашнее задание - сделать самостоятельный разбор сайтов из уровня нормы.
Вартість етапу — 17.78 $
-
Секция №2. Исследование и прототип
- Как глубже понять задачу заказчика или что такое бизнес-аналитика?
- Как определить целевую аудиторию и понять, что для нее важно?
- Как упаковать сценарий презентации для пользователя?
- Что такое уровни восприятия информации пользователем? Проработка блоков сайта для разных уровней восприятия.
- Как управлять фокусом внимания пользователя?
- Основные элементы вебсайта и их функции.
- Основы композиции блоков сайта.
- Практический видеоурок: Как создать прототип сайта с помощью программы Moqups.com.
- Домашнее задание: создать прототип сайта учебного проекта по выбранной вами тематике.
-
Секция №3: Создание кнопок и элементов интерфейса
- Задача кнопок на сайте.
- Создание кнопок и меню. Почему одни кнопки выглядят хорошо, а другие совсем не очень. Формализация опыта и правила.
- Создание форм. Отступы.
- Настройка на норму в графике элементов интерфейса.
- Стили создания элементов UI.
- Практическое занятие: Серия видеоуроков по основам работы в Photoshop, созданию кнопок и элементов интерфейса в Photoshop CC.
- Домашнее задание: отрисовать ряд кнопок и форм.
-
Секция №4: Создание иконок
1. Задача иконок на сайте.
2. Ассоциативный ряд или как подобрать правильный образ для иконки?
3. Стилистика иконок.
3. Правила оформления иконок на сайте.
4. Практическое занятие: Создание иконок в разных стилях в программе Photoshop CC.
5. Домашнее задание: создать сет иконок в разных стилях.
-
Секция №5: Типографика
1. Шрифты, классификация.
2. Эмоциональная составляющая и характер шрифтов.
3. Как подбирать и сочетать шрифты?
4. Задача визуальной иерархии шрифтов на сайте.
5. Практическое занятие: Серия видеоуроков по работе со шрифтами и текстом в Photoshop.
6. Домашнее задание: создать композицию с правильно подобранными шрифтами. Подобрать шрифты для своего проекта.
-
Секция №6: Визуальная коммуникация в вебдизайне
- Основная задача визуальной коммуникации.
- Что такое концепция дизайна. Mood Board как инструмент поиска нужной стилистики для сайта.
- Как передать эмоцию с помощью графики? (образ, цвет, шрифты, стилистика)
- Цветовые схемы и психология цвета. Цветовой круг.
- Практическое занятие: Создание главного экрана сайта.
- Домашнее задание: Создать Mood Board и вариант главного экрана для сайта по вашей тематике.
-
Секция №7: Инфографика
- Задача инфографики.
- Как используется инфографика в веб?
- Алгоритм создания инфографики.
- Правила оформления инфографики.
- Практическое занятие: Видеоурок по созданию инфографики.
- Домашнее задание: Создать блок с инфографикой для своего сайта.
-
Секция №8: Создание сайта и основы композиции
- Почему важна сетка и выравнивание?
- Композиция блоков сайта на примерах.
- Что такое иерархия объектов и фокус внимания?
- Основные правила оформления текста на сайте.
- Практическое занятие: Серия видеоуроков о сетке, композиции и иерархии.
- Домашнее задание: Доработать главный экран своего сайта.
-
Секция №9: Организация макета в Photoshop
- Зачем нужно правильно организовывать макет?
- Как донести свою мысль до разработчика?
- Зачем нужно прорабатывать сценарии и состояния элементов интерфейса?
- Практический видеоурок: как организовать макет?
- Домашнее задание: Создать итоговый дизайн-макет сайта.
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
