Чему вы научитесь
Программа курса
Преподаватели
Похожие курсы
Назад

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

GeekBrains
Сложность
Для новичков
Длительность
2 месяца
Тип курса
Живые лекции

Описание курса

Обзор онлайн-курса «Основы веб-дизайна» от GeekBrains: ознакомиться с программой обучения, ценой, длительностью и преподавателями курса можно в каталоге LERNA в Киргизии.

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

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

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

1. Знакомство с веб-дизайном
Особенности профессии веб-дизайнера: зоны ответственности, этапы работы.  Что нужно знать начинающему дизайнеру, какими навыками он должен обладать?
2. Структура
Основные типы сайтов. Лендинги: структура, специфика, назначение, этапы создания. Анализ аудитории и конкурентов. Создание структуры и разбор примеров.
3. Предпроектная работа: мудборд и референсы
Эволюция сайтов, стили и тренды в веб-дизайне. Мудборд: для чего он нужен и как его собирать. Где искать референсы.
4. Прототипирование
Скетч, вайрфрейм, прототип, мокап. Прототипы: зачем нужны, где создавать, как собирать, ошибки в проектировании. Насколько прототип может отличаться от дизайн-макета и какие изменения стоит вносить на этапе прототипирования?
5. Контент и редактура
Как формируется визуальный и текстовый контент на сайтах? Кто должен его предоставлять: заказчик или исполнитель? Lorem Ipsum и рыбный текст: зачем нужны, когда применять, а когда не стоит. Советы по копирайтингу. Правила оформления визуального контента на сайте: иконки, изображения, фото, видео, иллюстрации, графика. Специфика контента и аудитории. Обзор ресурсов для поиска контента.
6. Юзабилити. UX и UI
Принципы юзабилити. UX-дизайн меню. Кнопки в интерфейсах. Дизайн эффективных форм. Визуальные подсказки. Микроанимация и состояние интерактивных элементов.
7. Разбор работ
Разбор работ студентов: распространенные ошибки и ответы на вопросы.
8. Композиция. Принцип близости, правило внутреннего и внешнего
Элементы и основные законы композиции. Для чего нужна композиция в веб-дизайне? Основные приемы расположения контента: принцип близости, расстояние, принцип внутреннего и внешнего, система отступов.
9. Модульные сетки
Модульная сетка: зачем нужна, разновидности, принципы построения. Особенности построения модульных сеток для разных разрешений: десктопной версии, планшетной, мобильной. Практический пример: подсчет колонок и работа с модулями.
10. Основы типографики
Почему веб-дизайнер изучает типографику? Шрифты: анатомия, основные термины в типографике. Начертание, размер кегля, интерлиньяж, кернинг и трекинг. Применение моноширинного и пропорционального типов шрифтов. Виды гарнитур: антиква, гротеск, рукописная и декоративная/акцидентная. Где искать шрифты и принципы их подбора. Составление шрифтовых пар. Практические задания.
11. Типографика в веб-дизайне
Тренды типографики в веб-дизайне. Принципы верстки текста на веб-сайтах. Шрифтовая иерархия. Правильная работа с текстовыми полями. Style-guide с типографикой проекта. Полезные советы и разбор частых ошибок начинающих дизайнеров. Плагины на Figma и полезные сервисы для работы со шрифтами.
12. Колористика
Свойства цвета. Цветовые модели (RGB, HEX, CMYK, HSL, HSB). Психология восприятия цвета, цветовые предпочтения и цветовое кодирование • Цветовой круг. Цветовые гармонии и сочетания. Техника подбора палитры и сервисы. Цветовая иерархия и контраст в интерфейсе. Style-guide с палитрой проекта. Плагины на Figma и полезные сервисы для работы с цветом. Практические задания и ответы на вопросы.
13. Разбор работ: частые ошибки
Чек-лист для проверки макета. Разбор работ студентов. Объяснение домашнего задания и ответы на вопросы.
14. Подготовка макета к вёрстке
Макет глазами верстальщика (вкладка code). Принципы developer-friendly макета. Размеры, отступы, сетка, текстовые поля. «Магическое число» и важность целых чисел. Правила написания имен для слоев, групп и элементов. Подготовка контента: изображения, иконки, текст. Дизайн-система, выбор идеологии компонентов. Стили текста и элементов. Коммуникация. Кодирование готовности, гайды. Анимация: codrops, codepen, ховер-эффекты.
15. Оформление работы в портфолио
Как лучше оформлять портфолио и как его оценивают работодатели? Стоит ли создавать сайт-портфолио? Что указывать в резюме?
16. Итоговая работа
Разбор работ студентов. Ответы на вопросы и пожелания.

Преподаватели

Всеволод Шапошников
Всеволод Шапошников
Geek Brains
Geek Brains
Сергей Плащинский
Сергей Плащинский
Ярослава Костицына
UI/UX-дизайнер
Показать еще
Цена
7 485 с
В рассрочку на 6 мес
1 248 KGS/мес
Кешбэк
2 246 баллов

Похожие курсы

Профессия Менеджер проектов
Для новичков12 месяцев
ХИТ
-45%
Кешбэк 30%: 47 984 балла
290 812 с
159 946 с
В рассрочку на 24 мес
6 665 KGS/мес
Профессия Продакт-менеджер
Для новичков12 месяцев
-45%
Кешбэк 30%: 47 649 баллов
288 777 с
158 827 с
В рассрочку на 24 мес
6 618 KGS/мес
Факультет "Продакт-менеджмента"
Для новичков12 месяцев
Старт: 15 октября
ХИТ
-25%
Кешбэк 30%: 36 090 баллов
160 399 с
120 299 с
В рассрочку на 24 мес
5 013 KGS/мес
Продакт-менеджмент
Для новичков5 месяцев
-25%
Кешбэк 30%: 34 052 балла
151 339 с
113 504 с
В рассрочку на 24 мес
4 730 KGS/мес
Профессия Продуктовый аналитик
Для продвинутых14 месяцев
-45%
Кешбэк 30%: 27 497 баллов
166 646 с
91 655 с
В рассрочку на 24 мес
3 819 KGS/мес
Мастер презентации
Для новичков4 месяца
-20%
Кешбэк 30%: 10 982 балла
45 756 с
36 605 с
В рассрочку на 12 мес
3 051 KGS/мес
Факультет "Проджект-менеджмента"
Для новичков12 месяцев
Старт: 15 октября
-25%
Кешбэк 30%: 36 090 баллов
160 399 с
120 299 с
В рассрочку на 24 мес
5 013 KGS/мес
Управление проектами
Для новичков4 месяца
-40%
Кешбэк 30%: 29 207 баллов
162 259 с
97 355 с
В рассрочку на 24 мес
4 057 KGS/мес
PowerPoint + Google-презентации
Для новичков2 месяца
-20%
Кешбэк 30%: 6 130 баллов
25 538 с
20 431 с
В рассрочку на 6 мес
3 406 KGS/мес
Продуктовый маркетолог
Для продвинутых6 месяцев
-35%
Кешбэк 30%: 16 956 баллов
86 951 с
56 518 с
В рассрочку на 18 мес
3 140 KGS/мес
Agile: Scrum и Kanban в работе над продуктом
Для новичков3 месяца
-25%
Кешбэк 30%: 12 266 баллов
54 514 с
40 885 с
В рассрочку на 12 мес
3 408 KGS/мес
Проджект-менеджер
Для новичков6 месяцев
Старт: 15 октября
-45%
Кешбэк 30%: 17 586 баллов
106 576 с
58 617 с
В рассрочку на 12 мес
4 885 KGS/мес
Запуск и продюсирование онлайн-курсов
Для новичков4 месяца
-25%
Кешбэк 30%: 24 994 балла
111 084 с
83 313 с
В рассрочку на 24 мес
3 472 KGS/мес
CX-исследования
Для новичков4 месяца
-35%
Кешбэк 30%: 12 663 балла
64 938 с
42 210 с
В рассрочку на 12 мес
3 518 KGS/мес
MS Office
Для новичков6 месяцев
-40%
Кешбэк 30%: 16 275 баллов
90 416 с
54 250 с
В рассрочку на 18 мес
3 014 KGS/мес
Product marketing manager
Для новичков9 месяцев
-30%
Кешбэк 30%: 44 008 баллов
209 561 с
146 693 с
В рассрочку на 24 мес
6 113 KGS/мес
Профессия Арт-менеджер
Для новичков12 месяцев
-40%
Кешбэк 30%: 41 175 баллов
228 749 с
137 249 с
В рассрочку на 24 мес
5 719 KGS/мес
Юнит-экономика и метрики продукта
Для новичков2 месяца
-20%
Кешбэк 30%: 8 428 баллов
35 115 с
28 092 с
В рассрочку на 12 мес
2 341 KGS/мес
Профессия TeamLead
Для продвинутых3 месяца
-35%
Кешбэк 30%: 38 224 балла
196 020 с
127 413 с
В рассрочку на 24 мес
5 309 KGS/мес
Продуктовый дизайнер
Для продвинутых4 месяца
-35%
Кешбэк 30%: 20 955 баллов
107 462 с
69 850 с
В рассрочку на 18 мес
3 881 KGS/мес
Профессия Руководитель проектов в онлайн-образовании
Для продвинутых18 месяцев
-30%
Кешбэк 30%: 36 369 баллов
173 184 с
121 229 с
В рассрочку на 24 мес
5 052 KGS/мес
Customer Development
Для новичков2 месяца
-35%
Кешбэк 30%: 9 165 баллов
46 999 с
30 549 с
В рассрочку на 12 мес
2 546 KGS/мес
Арт-менеджмент
Для новичков4 месяца
-35%
Кешбэк 30%: 17 937 баллов
91 984 с
59 789 с
В рассрочку на 18 мес
3 322 KGS/мес
Продюсер рекламного ролика
Для новичков2 месяца
-35%
Кешбэк 30%: 12 514 баллов
64 173 с
41 713 с
В рассрочку на 12 мес
3 477 KGS/мес
Инженерия требований в машиностроении
Для новичков8 часов
-35%
Кешбэк 30%: 10 475 баллов
53 713 с
34 914 с
В рассрочку на 12 мес
2 910 KGS/мес
ОсОО «Софтскилз» КР, ИНН 02304202110222
Г.Бишкек, ул. Токтогула, д.125/1, пом 1104
Регистрационный номер 197076-3300-ООО, ОКПО 30967194
© Софтскилз, 2022
Visa Secure
Mastercard ID Check
PayBox
Apple Pay
G Pay
© Софтскилз, 2022