[Веб-дизайн] Детальное руководство по дизайну сайтов

  • Автор темы kolay1964
  • 13
  • Обновлено
  • 19, Apr 2023
  • #1
Курс подробно освящает тему создания профессионального дизайна сайтов.

Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты.

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

Предназначен для графических дизайнеров, веб-дизайнеров, специалистов с базовым уровнем владения 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. Эффект параллакса.
  • Технический дизайн в веб.
  • Создание сложного макета с анимацией.
  • Сайт с эффектом параллакса


Для кого этот курс?

Данный курс будет интересен: 1. Графическим дизайнерам 2. Веб-дизайнерам 3. Иллюстраторам 4. Всем, кто интересуется дизайном сайтов

Какие навыки необходимы?
Для прохождения курса требуется базовый уровень владения графическими редакторами Photoshop и Illustrator. Отзывы: Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »

kolay1964


Рег
12 Jan, 2012

Тем
1

Постов
1

Баллов
11
  • 19, Apr 2023
  • #2
Курс подробно освящает тему создания профессионального дизайна сайтов.

Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты.

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

Предназначен для графических дизайнеров, веб-дизайнеров, специалистов с базовым уровнем владения 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. Эффект параллакса.
  • Технический дизайн в веб.
  • Создание сложного макета с анимацией.
  • Сайт с эффектом параллакса


Для кого этот курс?

Данный курс будет интересен: 1. Графическим дизайнерам 2. Веб-дизайнерам 3. Иллюстраторам 4. Всем, кто интересуется дизайном сайтов

Какие навыки необходимы?
Для прохождения курса требуется базовый уровень владения графическими редакторами Photoshop и Illustrator. Отзывы: Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
 

bolinga2


Рег
07 Feb, 2005

Тем
0

Постов
1

Баллов
1
Тем
49554
Комментарии
57426
Опыт
552966

Интересно