Автор: Вероника Полякова
Название: Веб-дизайн. Детальное руководство по дизайну сайтов
Школа графического дизайна "Firefly Design"
Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты. Курс дает представление о профессиональном подходе к дизайну сайта от разработки концепции до ее реализации, отражает новейшие тренды в веб-дизайне, предоставляет студентам мощный инструментарий для дальнейшего развития и профессионального роста в этой области.
Курс предназначен для специалистов с базовым уровнем владения Photoshop и Illustrator.
Урок 1. Основные понятия.
Что такое веб-дизайн: цели и задачи.
Этапы создания сайта: UI, визуализации, верстка, программирование, CMS, seo, продвижение.
Кто такой веб-дизайнер: его задачи и навыки.
Инструментарий веб-дизайнера: Photoshop, Illustrator, After Effects.
Урок 2. Дизайн landing page.
UI (прототип), скетч, детализация.
Основы работы с разрешением экрана.
Фотографии, стоки, готовые элементы.
Особенности веб-шрифтов.
Дизайн landing page с нуля.
Урок 3. Адаптивный дизайн и мобильный сайт.
Работа с динамичным разрешением.
Основы верстки: масштабирование, резиновый дизайн.
Дизайн мобильной версии сайта.
Урок 4. Многостраничные сайты.
Прототипирование, модульная сетка, подбор визуального стиля.
Типы веб-сайтов и их отличия.
Дизайн интернет-магазина с нуля.
Урок 5. Выбор стилистического решения.
Композиция и цвет в веб-дизайне.
Инструментарий: 3д, анимация, ручные материалы, графический дизайн.
Единство и контраст в веб-дизайне.
Основы веб-типографики.
Урок 6. Работа над концепцией.
Поиск идей, референсы.
Примеры концептуальных решений.
Полезные ресурсы.
Сторителлинг, сценарии.
Mindmaps, brainstorming.
Урок 7. Графические элементы в веб.
Использование текстур, паттернов, градиентов.
Новейшие тренды в веб-дизайне.
Активные элементы: кнопки, ссылки.
Шаблонные элементы: слайдеры, карусели.
Проработка деталей.
Урок 8. Эффект параллакса.
Технический дизайн в веб.
Создание сложного макета с анимацией.
Сайт с эффектом параллакса.
Скачать:
Название: Веб-дизайн. Детальное руководство по дизайну сайтов
Школа графического дизайна "Firefly Design"
Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты. Курс дает представление о профессиональном подходе к дизайну сайта от разработки концепции до ее реализации, отражает новейшие тренды в веб-дизайне, предоставляет студентам мощный инструментарий для дальнейшего развития и профессионального роста в этой области.
Курс предназначен для специалистов с базовым уровнем владения Photoshop и Illustrator.
Урок 1. Основные понятия.
Что такое веб-дизайн: цели и задачи.
Этапы создания сайта: UI, визуализации, верстка, программирование, CMS, seo, продвижение.
Кто такой веб-дизайнер: его задачи и навыки.
Инструментарий веб-дизайнера: Photoshop, Illustrator, After Effects.
Урок 2. Дизайн landing page.
UI (прототип), скетч, детализация.
Основы работы с разрешением экрана.
Фотографии, стоки, готовые элементы.
Особенности веб-шрифтов.
Дизайн landing page с нуля.
Урок 3. Адаптивный дизайн и мобильный сайт.
Работа с динамичным разрешением.
Основы верстки: масштабирование, резиновый дизайн.
Дизайн мобильной версии сайта.
Урок 4. Многостраничные сайты.
Прототипирование, модульная сетка, подбор визуального стиля.
Типы веб-сайтов и их отличия.
Дизайн интернет-магазина с нуля.
Урок 5. Выбор стилистического решения.
Композиция и цвет в веб-дизайне.
Инструментарий: 3д, анимация, ручные материалы, графический дизайн.
Единство и контраст в веб-дизайне.
Основы веб-типографики.
Урок 6. Работа над концепцией.
Поиск идей, референсы.
Примеры концептуальных решений.
Полезные ресурсы.
Сторителлинг, сценарии.
Mindmaps, brainstorming.
Урок 7. Графические элементы в веб.
Использование текстур, паттернов, градиентов.
Новейшие тренды в веб-дизайне.
Активные элементы: кнопки, ссылки.
Шаблонные элементы: слайдеры, карусели.
Проработка деталей.
Урок 8. Эффект параллакса.
Технический дизайн в веб.
Создание сложного макета с анимацией.
Сайт с эффектом параллакса.
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
