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

[Gatsby]

Автор: highlights - Антон Черный
Название: Веб-дизайн. Продвинутый уровень



Этот курс для практикующих дизайнеров, которые хотят повысить качество своих работ и открыть для себя новые приемы в веб-дизайне.

Навыки:
Как вы прокачаетесь через 1,5 месяца? 

Будете уметь находить готовые решения для дизайна.
Научитесь работать с деталями, создавая визуально законченный дизайн-макет.
Будете знать основные принципы построения интернет-магазинов.
Сможете использовать основные приемы ретуши фотографий.
Научитесь создавать классическую композицию "с изюминкой".
Научитесь создавать адаптивные дизайн-макеты.
Узнаете больше инструментов Adobe PhotoShop для полноценной работы.
И многое другое...

Подробный план занятий:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.