Веб-дизайн — январь

Home / Курсы / Курсы веб дизайна / Веб-дизайн — январь

Веб-дизайн является очень популярной дисциплиной. Хотя под веб-дизайном разные люди понимают разные вещи — от рисования макета сайта до его разработки веб-программистом.

Данный курс — это именно правила веб-дизайна — дисциплины о правильном проектировании внешнего вида сайта. Поэтому курс небольшой, занимает всего месяц. На курсе даются правила расположения различных элементов сайта, цветовые комбинации, которую рекомендуют при разработке интерфейсов сайтов, а также изучение программы для разработки интерфейса сайта под названием Figma.

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

Занятие 1. Обзор программы Figma

Обзор программы Figma и её основных инструментов. Обзор и разбор основных понятий UI/UX дизайна.

Занятие 2. Photoshop. Особенности растровой графики. Работа с выделением

Растровая графика. Понятие пиксель. Разрешение изображения. Интерфейс Adobe Photoshop. Выделение области документа. Выделение области произвольной формы (Lasso Tool, Polygonal Lasso Tool, Magnetic Lasso Tool). Инструмент Magic Wand (Волшебная палочка).

Занятие 3. Photoshop. Работа со слоями. Работа с текстом.

Палитра слоев (Layers). Операции со  слоями. Понятие прозрачности слоев (Opacity). Трансформация слоев (Free Transform). Наборы слоев (Set). Стиль слоя. Настройка стилей, создание своих стилей. Текстовые слои. Текстовые слои-маски. Деформация текста (Warp text).

Занятие 4. Создание модульной сетки и работа с компонентами. Работа с формами, инструментом Constreints и текстом

Разбор понятия «модульная сетка» и «компоненты», обзор их назначения и применения.

Работа с формами и инструментом Constreints на примере сайта и мобильного приложения. Обзор особенностей работы с текстом в редакторе Figma.

Занятие 5. Практическое занятие

Создание дизайна одностраничного сайта-портфолио.

Занятие 6. Горячие клавиши Figma, работа с растровой графикой и создание адаптивных элементов. Практическое занятие.

Обзор горячих клавиш в программе Figma. Обзор особенностей работы с растровой графикой в редакторе Figma и связывание работы редактора с программой Photoshop. Автоматизация работы с кнопками и формами. Создание дизайна одностраничного сайта Landing page.

Занятие 7. Создание колоночной и интерфейсной сетки

Разбор понятия «колоночная сетка» и «интерфейсная сетка», обзор их назначения и применения.

Занятие 8. Практическое занятие

Создание дизайна мобильного приложения.

Контактный телефон: 071-314-85-55 Сергей Владимирович.

Ваш преподаватель

Кирилл Сергеевич

ДонНТУ, выпускник кафедры автоматизированных систем управления. Опыт работы преподавателем - с 2016г. Резюме

1800 руб/мес

Записаться

Остались вопросы?

Имя

Телефон или Email

Ваше сообщение

Яндекс.Метрика