www.TutorBit.org

Регистрация
TutorBit.org на facebook TutorBit.org RSS
ГЛАВНАЯ » СКЛАД » ВИДЕОУРОКИ » Web, Сайтостроение

Веб-дизайн. Продвинутый уровень

Добавлено: 08.01.2018, 16:57
Скачать Веб-дизайн. Продвинутый уровень

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

Курс Ведет Антон Черный. С 17 лет работает веб-дизайнером в студии "Clipsite", а так же на удаленной основе с многими другими студиями Краснодарского края. Работал над такими крупными проектами как: сайт Международного фестиваля современного кино, проект гостиничного комплекса г. Пятигорск, Дизайн сайта бизнес-школы iBM г. Москва и др. В 2015 году стал арт-директором в крупном рекламном агенстве "People&Times".


Навыки

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поделиться в соц. сетях:


Скачивать файлы с сервера могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Скачать Веб-дизайн. Продвинутый уровень
Веб-дизайн. Продвинутый уровень
Просмотров: 362
Скачали: 36
Размер материала: 19,69 Gb
Дата добавления: 08.01.2018

Правообладателям



Материал предоставлен для ознакомления!
Применение содержимого на практике только на Ваш страх и риск.

Поставьте, пожалуйста, свою оценку:
  5.0/1
Категория: Web, Сайтостроение | Теги: Уровень, Веб-дизайн., Продвинутый Просмотров: 362 | Загрузок: 36

Рекомендуем:


ВНИМАНИЕ!!!

Вы можете скачать бесплатно"Веб-дизайн. Продвинутый уровень", если у Вас активирован статус "Premium" или "Gold" пользователя.
Если Вы являетесь автором материала и его размещение на сайте произошло без Вашего согласия - обратитесь к администрации сайта и с Вами свяжутся в ближайшее время для урегулирования ситуации.

Ваши комментарии очень важны для развития проекта!!!

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]