[highlights] Веб-дизайн. Продвинутый уровень (Антон Черный)
Цена:
609.4
![[?IMG]](proxy14p.php?image=https%3A%2F%2Fi120.fastpic.org%2Fbig%2F2022%2F0926%2Fc6%2F2573b836e2da379490f7a903019ef7c6.jpeg&hash=03ee1c3b70db593e5fd7ac6470fac5bf&v=4)
? Этот курс для практикующих дизайнеров, которые хотят повысить качество своих работ и открыть для себя новые приемы в веб-дизайне.
Как вы покачаетесь через 1,5 месяца? ?
- Будете уметь находить готовые решения для дизайна.
- Научитесь работать с деталями, создавая визуально законченный дизайн-макет.
- Будете знать основные принципы построения интернет-магазинов.
- Сможете использовать основные приемы ретуши фотографий.
- Научитесь создавать классическую композицию 'с изюминкой'.
- Научитесь создавать адаптивные дизайн-макеты.
- Узнаете больше инструментов Adobe PhotoShop для полноценной работы.
ЗАНЯТИЕ № 1. ТИПИЧНЫЕ ОШИБКИ ВЕБ-ДИЗАЙНЕРА.
— Основные отличия профи от среднего дизайнера
— Основные ошибки веб-дизайнера
— Ошибки в верстке текста
— Отсутствие единства стиля проекта
— Непродуманная композиция
— Ошибки в разработке функционала сайта
— Плохо подобранный контент
ДЗ: Сделать редизайн 2х произвольных главных экранов сайта.
ЗАНЯТИЕ № 2. ТЕХНИЧЕСКИЙ ДИЗАЙН: РЕТУШЬ, ЦВЕТОКОРРЕКЦИЯ, КОЛЛАЖИРОВАНИЕ.
— Подготовка изображений для макета
— Основные инструменты для ретуши в PhotoShop
— Основы цветокоррекции
— Способы обтравки объектов
— Коллажирование
ДЗ: Подобрать для своего будущего проекта фотографии и обработать их в одной стилистике, создать их них мудборд.
ЗАНЯТИЕ № 3. ДИЗАЙН ГЛАВНОЙ СТРАНИЦЫ.
— Иерархия в текстовых блоках
— Эффектная типографика
— Основные приемы размещения текста на фотографии
— Оформление объемного блока с текстом
— Композиция для блока “текст - фото/видео”
— Композиция для блока “текст - иконки”
— Основные ошибки в составлении футера
ДЗ: Нарисовать лендинг (главную страницу многостраничника) на свободную тематику.
ЗАНЯТИЕ № 4. ДИЗАЙН ВНУТРЕННИХ СТРАНИЦ И ВСПЛЫВАЮЩИХ ОКОН.
— Взаимодействие между страницами сайта
— Навигация на сайте
— Основные правила при создании меню
— Всплывающие окна
— Создание внутренней страницы “О нас”
— Создание внутренней страницы “Портфолио”
— Создание внутренней страницы “Контакты”
ДЗ: Нарисовать 1-2 внутренние страницы для многостраничника и оформить всплывающее окно.
ЗАНЯТИЕ № 5. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 1).
— Особенности дизайна интернет-магазина
— Главный экран интернет-магазина (меню, поисковая строка, корзина, баннеры)
— Создание раздела “каталог”
— Создание раздела “лидеры продаж”
— Создание раздела “партнеры”
— Создание футера для интернет-магазина
ДЗ: Нарисовать главную страницу интернет-магазина на свободную тематику.
ЗАНЯТИЕ № 6. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 2).
— Создание страницы “Карточка товара”
— Создание страницы “Корзина”
— Создание страницы “Доставка и оплата”
— Создание страницы “оформление заказа”
— Эффекты наведения (ховеры)
ДЗ: Нарисовать внутреннюю страницу для многостраничника и придумать эффекты наведения для элементов интерфейса.
ЗАНЯТИЕ № 7. ДИЗАЙН МОБИЛЬНОЙ ВЕРСИИ САЙТА. АДАПТИВНЫЙ ДИЗАЙН.
— Современные разрешения экранов
— Артборды (монтажные области)
— Правила “сжатия” контента для адаптивных макетов
— Создание дизайн-макета для планшета
— Создание дизайн-макета для смартфона
— Работа с приложением Adobe Preview CC
ДЗ: Создать адаптивный дизайн для своего проекта (либо лендинга, либо всего многостраничника).
— Основные отличия профи от среднего дизайнера
— Основные ошибки веб-дизайнера
— Ошибки в верстке текста
— Отсутствие единства стиля проекта
— Непродуманная композиция
— Ошибки в разработке функционала сайта
— Плохо подобранный контент
ДЗ: Сделать редизайн 2х произвольных главных экранов сайта.
ЗАНЯТИЕ № 2. ТЕХНИЧЕСКИЙ ДИЗАЙН: РЕТУШЬ, ЦВЕТОКОРРЕКЦИЯ, КОЛЛАЖИРОВАНИЕ.
— Подготовка изображений для макета
— Основные инструменты для ретуши в PhotoShop
— Основы цветокоррекции
— Способы обтравки объектов
— Коллажирование
ДЗ: Подобрать для своего будущего проекта фотографии и обработать их в одной стилистике, создать их них мудборд.
ЗАНЯТИЕ № 3. ДИЗАЙН ГЛАВНОЙ СТРАНИЦЫ.
— Иерархия в текстовых блоках
— Эффектная типографика
— Основные приемы размещения текста на фотографии
— Оформление объемного блока с текстом
— Композиция для блока “текст - фото/видео”
— Композиция для блока “текст - иконки”
— Основные ошибки в составлении футера
ДЗ: Нарисовать лендинг (главную страницу многостраничника) на свободную тематику.
ЗАНЯТИЕ № 4. ДИЗАЙН ВНУТРЕННИХ СТРАНИЦ И ВСПЛЫВАЮЩИХ ОКОН.
— Взаимодействие между страницами сайта
— Навигация на сайте
— Основные правила при создании меню
— Всплывающие окна
— Создание внутренней страницы “О нас”
— Создание внутренней страницы “Портфолио”
— Создание внутренней страницы “Контакты”
ДЗ: Нарисовать 1-2 внутренние страницы для многостраничника и оформить всплывающее окно.
ЗАНЯТИЕ № 5. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 1).
— Особенности дизайна интернет-магазина
— Главный экран интернет-магазина (меню, поисковая строка, корзина, баннеры)
— Создание раздела “каталог”
— Создание раздела “лидеры продаж”
— Создание раздела “партнеры”
— Создание футера для интернет-магазина
ДЗ: Нарисовать главную страницу интернет-магазина на свободную тематику.
ЗАНЯТИЕ № 6. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА (ЧАСТЬ 2).
— Создание страницы “Карточка товара”
— Создание страницы “Корзина”
— Создание страницы “Доставка и оплата”
— Создание страницы “оформление заказа”
— Эффекты наведения (ховеры)
ДЗ: Нарисовать внутреннюю страницу для многостраничника и придумать эффекты наведения для элементов интерфейса.
ЗАНЯТИЕ № 7. ДИЗАЙН МОБИЛЬНОЙ ВЕРСИИ САЙТА. АДАПТИВНЫЙ ДИЗАЙН.
— Современные разрешения экранов
— Артборды (монтажные области)
— Правила “сжатия” контента для адаптивных макетов
— Создание дизайн-макета для планшета
— Создание дизайн-макета для смартфона
— Работа с приложением Adobe Preview CC
ДЗ: Создать адаптивный дизайн для своего проекта (либо лендинга, либо всего многостраничника).