ЗАНЯТИЕ № 1. ТИПИЧНЫЕ ОШИБКИ ВЕБ-ДИЗАЙНЕРА.
— Основные отличия профи от среднего дизайнера
— Основные ошибки веб-дизайнера
— Ошибки в верстке текста
— Отсутствие единства стиля проекта
— Непродуманная композиция
— Ошибки в разработке функционала сайта
— Плохо подобранный контент
ДЗ: Сделать редизайн 2х произвольных главных экранов сайта.
ЗАНЯТИЕ № 2. ТЕХНИЧЕСКИЙ ДИЗАЙН: РЕТУШЬ, ЦВЕТОКОРРЕКЦИЯ, КОЛЛАЖИРОВАНИЕ.
— Подготовка изображений для макета
— Основные инструменты для ретуши в PhotoShop
— Основы цветокоррекции
— Способы обтравки объектов
— Коллажирование
ДЗ: Подобрать для своего будущего проекта фотографии и обработать их в одной стилистике, создать их них мудборд.
ЗАНЯТИЕ № 3. ДИЗАЙН ГЛАВНОЙ СТРАНИЦЫ.
— Иерархия в текстовых блоках
— Эффектная типографика
— Основные приемы размещения текста на фотографии
— Оформление объемного блока с текстом
— Композиция для блока “текст - фото/видео”
— Композиция для блока “текст - иконки”
— Основные ошибки в составлении футера
ДЗ: Нарисовать лендинг (главную страницу многостраничника) на свободную тематику.
ЗАНЯТИЕ № 4. ДИЗАЙН ВНУТРЕННИХ СТРАНИЦ И ВСПЛЫВАЮЩИХ ОКОН.
— Взаимодействие между страницами сайта
— Навигация на сайте
— Основные правила при создании меню
— Всплывающие окна
— Создание внутренней страницы “О нас”
— Создание внутренней страницы “Портфолио”
— Создание внутренней страницы “Контакты”
ДЗ: Нарисовать 1-2 внутренние страницы для многостраничника и оформить всплывающее окно.
ЗАНЯТИЕ № 5. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 1).
— Особенности дизайна интернет-магазина
— Главный экран интернет-магазина (меню, поисковая строка, корзина, баннеры)
— Создание раздела “каталог”
— Создание раздела “лидеры продаж”
— Создание раздела “партнеры”
— Создание футера для интернет-магазина
ДЗ: Нарисовать главную страницу интернет-магазина на свободную тематику.
ЗАНЯТИЕ № 6. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 2).
— Создание страницы “Карточка товара”
— Создание страницы “Корзина”
— Создание страницы “Доставка и оплата”
— Создание страницы “оформление заказа”
— Эффекты наведения (ховеры)
ДЗ: Нарисовать внутреннюю страницу для многостраничника и придумать эффекты наведения для элементов интерфейса.
ЗАНЯТИЕ № 7. ДИЗАЙН МОБИЛЬНОЙ ВЕРСИИ САЙТА. АДАПТИВНЫЙ ДИЗАЙН.
— Современные разрешения экранов
— Артборды (монтажные области)
— Правила “сжатия” контента для адаптивных макетов
— Создание дизайн-макета для планшета
— Создание дизайн-макета для смартфона
— Работа с приложением Adobe Preview CC
ДЗ: Создать адаптивный дизайн для своего проекта (либо лендинга, либо всего многостраничника).