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