[highlights] Веб-дизайн. Продвинутый уровень (Антон Черный)

ЗАНЯТИЕ № 1. ТИПИЧНЫЕ ОШИБКИ ВЕБ-ДИЗАЙНЕРА.

— Основные отличия профи от среднего дизайнера
— Основные ошибки веб-дизайнера
— Ошибки в верстке текста
— Отсутствие единства стиля проекта
— Непродуманная композиция
— Ошибки в разработке функционала сайта
— Плохо подобранный контент

ДЗ: Сделать редизайн 2х произвольных главных экранов сайта.

ЗАНЯТИЕ № 2. ТЕХНИЧЕСКИЙ ДИЗАЙН: РЕТУШЬ, ЦВЕТОКОРРЕКЦИЯ, КОЛЛАЖИРОВАНИЕ.

— Подготовка изображений для макета
— Основные инструменты для ретуши в PhotoShop
— Основы цветокоррекции
— Способы обтравки объектов
— Коллажирование

ДЗ: Подобрать для своего будущего проекта фотографии и обработать их в одной стилистике, создать их них мудборд.

ЗАНЯТИЕ № 3. ДИЗАЙН ГЛАВНОЙ СТРАНИЦЫ.

— Иерархия в текстовых блоках
— Эффектная типографика
— Основные приемы размещения текста на фотографии
— Оформление объемного блока с текстом
— Композиция для блока “текст - фото/видео”
— Композиция для блока “текст - иконки”
— Основные ошибки в составлении футера

ДЗ: Нарисовать лендинг (главную страницу многостраничника) на свободную тематику.

ЗАНЯТИЕ № 4. ДИЗАЙН ВНУТРЕННИХ СТРАНИЦ И ВСПЛЫВАЮЩИХ ОКОН.

— Взаимодействие между страницами сайта
— Навигация на сайте
— Основные правила при создании меню
— Всплывающие окна
— Создание внутренней страницы “О нас”
— Создание внутренней страницы “Портфолио”
— Создание внутренней страницы “Контакты”

ДЗ: Нарисовать 1-2 внутренние страницы для многостраничника и оформить всплывающее окно.

ЗАНЯТИЕ № 5. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 1).

— Особенности дизайна интернет-магазина
— Главный экран интернет-магазина (меню, поисковая строка, корзина, баннеры)
— Создание раздела “каталог”
— Создание раздела “лидеры продаж”
— Создание раздела “партнеры”
— Создание футера для интернет-магазина

ДЗ: Нарисовать главную страницу интернет-магазина на свободную тематику.

ЗАНЯТИЕ № 6. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 2).

— Создание страницы “Карточка товара”
— Создание страницы “Корзина”
— Создание страницы “Доставка и оплата”
— Создание страницы “оформление заказа”
— Эффекты наведения (ховеры)

ДЗ: Нарисовать внутреннюю страницу для многостраничника и придумать эффекты наведения для элементов интерфейса.

ЗАНЯТИЕ № 7. ДИЗАЙН МОБИЛЬНОЙ ВЕРСИИ САЙТА. АДАПТИВНЫЙ ДИЗАЙН.

— Современные разрешения экранов
— Артборды (монтажные области)
— Правила “сжатия” контента для адаптивных макетов
— Создание дизайн-макета для планшета
— Создание дизайн-макета для смартфона
— Работа с приложением Adobe Preview CC

ДЗ: Создать адаптивный дизайн для своего проекта (либо лендинга, либо всего многостраничника).