Xrust.ru
Жизнь в стиле Хай-тек.
» » Дизайн собственного сайта. Основы веб-дизайна (2017)

Дизайн собственного сайта. Основы веб-дизайна (2017)

08 февраль 2018, Четверг
159
0
Дизайн собственного сайта. Основы веб-дизайна (2017)

Курс создан для начинающих дизайнеров, а также подойдет тем, кто хочет углубить свои знания и улучшить качество работ. На этом курсе много практики в виде домашних заданий. В финале курса мы создадим дизайн собственного сайта.

Подробный план занятий:
№ 1. ВВЕДЕНИЕ В ПРОФЕССИЮ
— Понятие веб-дизайна.
— Необходимые компетенции дизайнера.
— Основные принципы современного дизайна.
— Источники вдохновения и полезные ресурсы.
— Типы сайтов.
— Этапы создания сайта.
ДЗ: Разобрать 5 примеров макетов сайтов по принципам современного дизайна (из презентации) .

№ 2. СОЗДАНИЕ ПРОТОТИПА.
— Прототип и его задачи.
— Виды прототипов и их различия.
— Wireframe и его назначение.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать прототип для своего проекта.

№ 3. РАБОТА С ЦВЕТОМ И ИЗОБРАЖЕНИЕМ.
— Эмоциональная составляющая сайта.
— Цвет и его роль в дизайне.
— Изображения и их роль в дизайне.
— Мудборд и его задачи.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать 2-3 мудборда для своего проекта.

№ 4. ПОДБОР ШРИФТОВ И ИКОНОК.
— Цели и задачи иконок в оформлении сайта.
— Типы иконок: сервисные, образные, favicon.
— Обзор стилей иконок: outline, solid, flat, realistic.
— Типографика - задачи и функции. Особенности веб-типографики.
— Виды шрифтов.
— Ресурсы для скачивания.
— Практическая часть: подбор шрифтов и иконок для проекта.
ДЗ: Создать блок для своего проекта с подобранными шрифтами и иконками.

№ 5. ДИЗАЙН ИНТЕРФЕЙСА.
— Понятие интерфейса.
— Основные элементы интерфейса.
— Основные принципы хорошего интерфейса.
— Ресурсы для скачивания и вдохновения.
— Практическая часть: отрисовка элементов интерфейса – кнопок и форм заявок
ДЗ: Создать несколько элементов интерфейса для своего проекта

№ 6. СОЗДАНИЕ ГЛАВНОГО ЭКРАНА САЙТА.
— Составляющие компоненты главного экрана сайта.
— Основные принципы создания запоминающегося главного экрана.
— Примеры хорошего дизайна главных страниц.
— Соединение структуры сайта (прототипа) и его эмоциональной начинки (мудборда).
— Ресурсы для вдохновения.
ДЗ: Оформить главный экран своего проекта.

№ 7. СОЗДАНИЕ ДИЗАЙН МАКЕТА.
— Модульные сетки и выравнивание контента.
— Адаптивный дизайн.
— Основы композиции разделов сайта.
— Расположение элементов, акценты и иерархия восприятия.
— Управление вниманием пользователя.
— Разбор композиционных решений на примерах.
— Практическая часть: создание landing page в Adobe Photoshop.
ДЗ: Оформить страницу дипломного проекта.

№ 8. СВОБОДНОЕ ПЛАВАНИЕ
— Рынок труда: дизайн студии, фриланс, бизнес.
— Работа в команде. Как начать работать в дизайн студии.
— Основы оформления портфолио и подачи проектов.
— Инструменты wow effect: анимация, paralax, видео контент, интерактив.
— Как сделать так что бы мир узнал о вас?
ДЗ: Завершить дизайн дипломного проекта и оформить его в мокап.

Дизайн собственного сайта. Основы веб-дизайна (2017)Дизайн собственного сайта. Основы веб-дизайна (2017)Дизайн собственного сайта. Основы веб-дизайна (2017)
Дизайн собственного сайта. Основы веб-дизайна (2017)Дизайн собственного сайта. Основы веб-дизайна (2017)Дизайн собственного сайта. Основы веб-дизайна (2017)

Название: Дизайн собственного сайта. Основы веб-дизайна
Год выхода: 2017
Жанр: Видеокурс, веб-дизайн, фотошоп
Формат видео: MP4 1152x720 | H.264
Формат аудио: AAC | 196 кбит/с
Язык: Русский
Продолжительность: 17:19:33
Размер: 10.28 Gb



Пожалуйста зарегистрируйтесь или введите в Панели пользователя логин и пароль.
Если не хотите регистрироваться, то введите логин: demo пароль:demo
Читайте также
Научитесь рисовать любые сайты в Фотошопе с нуля! Видеокурс (2014)
Научитесь рисовать любые сайты в Фотошопе с нуля! Видеокурс (2014)
Бесплатные программы
Независимо от их сложности, благодаря продуманной и четкой пошаговой схеме действий этого курса для начинающих, Вы с легкостью сможете создавать многостраничные дизайны сайтов с чистого листа до подготовки дизайна к верстке.
Web-дизайн. От новичка до профи Видеокурс (2013)
Web-дизайн. От новичка до профи Видеокурс (2013)
Бесплатные программы
Курс предназначен для новичков в веб-дизайне, желающих научится рисовать красивые, удобные, современные сайты. В курсе подробно разобраны и отработаны на практике основные правила, техники и приемы создания качественных дизайнов сайтов в программе
Мастер Web-дизайна (Полный курс) (2011/DVDRip)
Мастер Web-дизайна (Полный курс) (2011/DVDRip)
Графика
Представляем Вам видеокурс Алексея Захаренко "Мастер Web-дизайна" который создан исключительно для новичков и только о том, как рисовать дизайны сайтов. Вёрстка и программирование в курсе не разбираются. Курс и ценен тем, что подробно разобрана тема
Секреты Web Дизайна с помощью Photoshop (2010) Видеокурс
Секреты Web Дизайна с помощью Photoshop (2010) Видеокурс
Фильмы
Узнайте самые эффективные методы и приемы работы, которые сделают вас мастером web дизайна! С курсом «Photoshop Web Secrets» ваше обучение будет не только быстрым и эффективным, но еще и Интересным! Благодаря разработанной методике вы узнаете
Мастер веб-дизайна (полный курс) 2011
Мастер веб-дизайна (полный курс) 2011
Фильмы
Описание: Хотите стать мастером веб - дизайна и зарабатывать на этом деньги. Стабильный ежемесячный заработок от 15.000 руб. Рисовать Дизайн Сайтов - ПРОЩЕ, Чем Вы Думаете! Для кого этот курс?
Обучающий видеокурс - Создание сайтов (2009) 3DVD
Обучающий видеокурс - Создание сайтов (2009) 3DVD
Бесплатные программы
Обучающий видеокурс - Создание сайтов даст Вам основы в изучение HTML, CSS, PHP, MYSQL. В данном видео курсе вы узнаете как установить локальный WEB cервер и настроить его. Так же показаны основы работы и создания сайта в программе Adobe
Добавить
Комментарии (0)
Прокомментировать
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Войти через: