Основы веб-дизайна

Программа курса

Ознакомьтесь с программой курса «Основы веб-дизайна» от Школа дизайна НИУ ВШЭ - design.hse.ru

1. Введение и основы веб-дизайна. Разберём кто такой веб-дизайнер какие задачи решает дизайн в современном мире какие его направления существуют.
2. Основы визуальной композиции в веб-дизайне. Рассмотрим ключевые аспекты веб-дизайна: композицию и сетку движение взгляда и иерархию композиции а также типы страниц и интерактивные элементы которые делают сайт более привлекательным.
3. Нейросети в дизайне. Изучим как нейросети могут быть полезны веб-дизайнеру и какие задачи можно решить с помощью ИИ а также освоим правила работы с промптами.
4. Создание концепции сайта старт проекта. Разберём этапы работы с проектом изучим особенности разработки брифа.
5. Анализ конкурентов формирование гипотез. Проведём анализ конкурентов и на его основе составим мудборд для итогового проекта. А также научим составлять грамотное ТЗ для отрисовки прототипа сайта.
6. Разработка визуальной концепции UI-kit. Разработаем визуальную концепцию сайта. Обозначим что такое UI-kit и адаптивы. Рассмотрим все этапы подготовки макетов к передаче в разработку.
7. Работа в графической программе Figma. Изучим интерфейс Figma. Поработаем с основными инструментами графической программы. Узнаем что такое плагины автолейауты компоненты варианты и стили.
8. 3D-дизайн. Знакомство с программой Blender: возможности установка интерфейс. Изучим недеструктивное моделирование и проведём обзор других техник моделирования. Рассмотрим базу анимации лайтинг и рендеринг. В формате воркшопа совместно создадим создадим мокап…
9. Работа в графической программе растровой графики. Изучим интерфейс поработаем с основными инструментами программы.
10. Технологии создания рекламных макетов. Рассмотрим основные технологии и инструменты используемые для создания рекламных макетов. Создадим рекламные макеты и их адаптивы.
11. Разработка визуальной концепции сайта в Figma. Разберём проекты и визуальную концепцию сайта для итогового проекта.
12. Технологии оформления портфолио на Behance. Рассмотрим общий процесс создания кейса.

Чему вы научитесь

• Освоите основы: введение и основы веб дизайна. разберём кто такой веб дизайнер какие задачи решает дизайн в современном мире какие его направления существуют.
• Работа в графической программе Figma. Изучим интерфейс Figma. Поработаем с основными инструментами графической программы. Узнаем что такое плагины автолейауты компоненты варианты и стили.
• 3D дизайн. Знакомство с программой Blender возможности установка интерфейс. Изучим недеструктивное моделирование и проведём обзор других техник моделирования. Рассмотрим базу анимации лайтинг и рендеринг. В формате в…
• Анализ конкурентов формирование гипотез. Проведём анализ конкурентов и на его основе составим мудборд для итогового проекта. А также научим составлять грамотное ТЗ для отрисовки прототипа сайта.
• Разработка визуальной концепции UI kit. Разработаем визуальную концепцию сайта. Обозначим что такое UI kit и адаптивы. Рассмотрим все этапы подготовки макетов к передаче в разработку.