Курс создан для начинающих дизайнеров, а также подойдет тем, кто хочет углубить свои знания и улучшить качество работ. На этом курсе много практики в виде домашних заданий. В финале курса мы создадим дизайн собственного сайта.
Подробный план занятий:
№ 1. ВВЕДЕНИЕ В ПРОФЕССИЮ
— Понятие веб-дизайна.
— Необходимые компетенции дизайнера.
— Основные принципы современного дизайна.
— Источники вдохновения и полезные ресурсы.
— Типы сайтов.
— Этапы создания сайта.
ДЗ: Разобрать 5 примеров макетов сайтов по принципам современного дизайна (из презентации) .
№ 2. СОЗДАНИЕ ПРОТОТИПА.
— Прототип и его задачи.
— Виды прототипов и их различия.
— Wireframe и его назначение.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать прототип для своего проекта.
№ 3. РАБОТА С ЦВЕТОМ И ИЗОБРАЖЕНИЕМ.
— Эмоциональная составляющая сайта.
— Цвет и его роль в дизайне.
— Изображения и их роль в дизайне.
— Мудборд и его задачи.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать 2-3 мудборда для своего проекта.
№ 4. ПОДБОР ШРИФТОВ И ИКОНОК.
— Цели и задачи иконок в оформлении сайта.
— Типы иконок: сервисные, образные, favicon.
— Обзор стилей иконок: outline, solid, flat, realistic.
— Типографика - задачи и функции. Особенности веб-типографики.
— Виды шрифтов.
— Ресурсы для скачивания.
— Практическая часть: подбор шрифтов и иконок для проекта.
ДЗ: Создать блок для своего проекта с подобранными шрифтами и иконками.
№ 5. ДИЗАЙН ИНТЕРФЕЙСА.
— Понятие интерфейса.
— Основные элементы интерфейса.
— Основные принципы хорошего интерфейса.
— Ресурсы для скачивания и вдохновения.
— Практическая часть: отрисовка элементов интерфейса – кнопок и форм заявок
ДЗ: Создать несколько элементов интерфейса для своего проекта
№ 6. СОЗДАНИЕ ГЛАВНОГО ЭКРАНА САЙТА.
— Составляющие компоненты главного экрана сайта.
— Основные принципы создания запоминающегося главного экрана.
— Примеры хорошего дизайна главных страниц.
— Соединение структуры сайта (прототипа) и его эмоциональной начинки (мудборда).
— Ресурсы для вдохновения.
ДЗ: Оформить главный экран своего проекта.
№ 7. СОЗДАНИЕ ДИЗАЙН МАКЕТА.
— Модульные сетки и выравнивание контента.
— Адаптивный дизайн.
— Основы композиции разделов сайта.
— Расположение элементов, акценты и иерархия восприятия.
— Управление вниманием пользователя.
— Разбор композиционных решений на примерах.
— Практическая часть: создание landing page в Adobe Photoshop.
ДЗ: Оформить страницу дипломного проекта.
№ 8. СВОБОДНОЕ ПЛАВАНИЕ
— Рынок труда: дизайн студии, фриланс, бизнес.
— Работа в команде. Как начать работать в дизайн студии.
— Основы оформления портфолио и подачи проектов.
— Инструменты wow effect: анимация, paralax, видео контент, интерактив.
— Как сделать так что бы мир узнал о вас?
ДЗ: Завершить дизайн дипломного проекта и оформить его в мокап.
Название: Дизайн собственного сайта. Основы веб-дизайна
Год выхода: 2017
Жанр: Видеокурс, веб-дизайн, фотошоп
Формат видео: MP4 1152x720 | H.264
Формат аудио: AAC | 196 кбит/с
Язык: Русский
Продолжительность: 17:19:33
Размер: 10.28 Gb
Скачать Дизайн собственного сайта. Основы веб-дизайна (2017)
|
