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

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

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

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

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

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

Урок 1. Знакомство с веб-дизайном и бриф

• Знакомство с учениками • Мир веб-дизайна и специфика работы (зоны ответственности веб-дизайнера, этапы работы) • Что нужно знать начинающему дизайнеру. Какими навыками он должен обладать. • Определение цели курса • Как будем достигать этой цели. Что будет на курсе. Этапы работы. В чем заключается итоговая работа • Организационные моменты (Как проходят лекции: формат / длительность. Как сдавать домашнюю работу: формат, сроки, прочие ответы на вопросы • Начало работы над задачей. Бриф

Урок 2. Структура

• Сайты. Основные типы • Что такое лендинг? В чем его специфика. Когда его используют. Примеры лендингов. Их специфика и назначение. • Структура лендинга. Принципы дизайна. Этапы создания лендинга. • Предпроектная работа: анализ аудитории, конкурентов. • Создание структуры • Практический пример

Урок 3. Предпроектная работа: мудборд и референсы

• Эволюция веб-сайтов • Стили в веб-дизайне • Тренды 2020-2021 • Мудборд: для чего он нужен и как его собирать • Референсы: где искать

Урок 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. Итоговая работа

• Разбор работ каждого студента • Ответы на оставшиеся вопросы • Пожелания студентам

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

Сабина Мухтаруллина
Сабина Мухтаруллина
Сергей Плащинский
Сергей Плащинский
Роман Шаповал
UX/UI-дизайнер в стартапе в сфере финансово-управленческого учёта
Geek Brains
Geek Brains
Показать еще
Цена
1 148 096 сум
В рассрочку на 6 мес
191 350 UZS/мес
Кешбэк
344 429 баллов

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

Профессия Менеджер проектов
Для новичков12 месяцев
ХИТ
-45%
Кешбэк 30%: 6 525 814 баллов
39 550 383 сум
21 752 711 сум
В рассрочку на 12 мес
1 812 726 UZS/мес
Профессия Продакт-менеджер
Для новичков12 месяцев
-45%
Кешбэк 30%: 6 480 160 баллов
39 273 696 сум
21 600 533 сум
В рассрочку на 12 мес
1 800 045 UZS/мес
Факультет продакт-менеджмента
Для новичков12 месяцев
Старт: 15 октября
ХИТ
-25%
Кешбэк 30%: 5 535 465 баллов
24 602 063 сум
18 451 547 сум
В рассрочку на 18 мес
1 025 086 UZS/мес
Продакт-менеджмент
Для новичков5 месяцев
-25%
Кешбэк 30%: 4 630 973 балла
20 582 100 сум
15 436 575 сум
В рассрочку на 12 мес
1 286 382 UZS/мес
Профессия Продуктовый аналитик
Для продвинутых14 месяцев
-45%
Кешбэк 30%: 3 739 539 баллов
22 663 872 сум
12 465 130 сум
В рассрочку на 12 мес
1 038 761 UZS/мес
Мастер презентации и публичных выступлений
Для новичков4 месяца
-20%
Кешбэк 30%: 1 493 477 баллов
6 222 820 сум
4 978 256 сум
В рассрочку на 12 мес
414 855 UZS/мес
Факультет проджект-менеджмента
Для новичков12 месяцев
Старт: 15 октября
-25%
Кешбэк 30%: 5 535 465 баллов
24 602 063 сум
18 451 547 сум
В рассрочку на 18 мес
1 025 086 UZS/мес
Управление проектами
Для новичков4 месяца
-40%
Кешбэк 30%: 3 972 093 балла
22 067 178 сум
13 240 307 сум
В рассрочку на 12 мес
1 103 359 UZS/мес
PowerPoint + Google Презентации
Для новичков2 месяца
-20%
Кешбэк 30%: 833 569 баллов
3 473 202 сум
2 778 561 сум
В рассрочку на 6 мес
463 094 UZS/мес
Продуктовый маркетолог
Для продвинутых6 месяцев
-35%
Кешбэк 30%: 2 305 944 балла
11 825 352 сум
7 686 479 сум
В рассрочку на 12 мес
640 540 UZS/мес
Agile: Scrum и Kanban в работе над продуктом
Для новичков3 месяца
-25%
Кешбэк 30%: 1 668 123 балла
7 413 879 сум
5 560 410 сум
В рассрочку на 12 мес
463 368 UZS/мес
Управление проектами
Для новичков6 месяцев
Старт: 15 октября
-45%
Кешбэк 30%: 2 697 207 баллов
16 346 704 сум
8 990 687 сум
В рассрочку на 18 мес
499 483 UZS/мес
Запуск и продюсирование онлайн-курсов
Для новичков4 месяца
-25%
Кешбэк 30%: 3 399 165 баллов
15 107 400 сум
11 330 550 сум
В рассрочку на 12 мес
944 213 UZS/мес
CX-исследования
Для новичков4 месяца
-35%
Кешбэк 30%: 1 722 161 балл
8 831 592 сум
5 740 535 сум
В рассрочку на 12 мес
478 378 UZS/мес
MS Office и инструменты Google
Для новичков6 месяцев
-40%
Кешбэк 30%: 2 213 387 баллов
12 296 589 сум
7 377 954 сум
В рассрочку на 12 мес
614 830 UZS/мес
Профессия Product‌ ‌marketing‌ ‌manager‌
Для новичков9 месяцев
-30%
Кешбэк 30%: 5 985 059 баллов
28 500 279 сум
19 950 196 сум
В рассрочку на 12 мес
1 662 517 UZS/мес
Профессия Арт-менеджер
Для новичков12 месяцев
-40%
Кешбэк 30%: 5 599 765 баллов
31 109 804 сум
18 665 882 сум
В рассрочку на 12 мес
1 555 491 UZS/мес
Юнит-экономика и метрики продукта
Для новичков2 месяца
-20%
Кешбэк 30%: 1 146 157 баллов
4 775 652 сум
3 820 522 сум
В рассрочку на 12 мес
318 377 UZS/мес
Профессия TeamLead
Для продвинутых3 месяца
-35%
Кешбэк 30%: 5 198 451 балл
26 658 720 сум
17 328 168 сум
В рассрочку на 12 мес
1 444 014 UZS/мес
Продуктовый дизайнер
Для продвинутых4 месяца
-35%
Кешбэк 30%: 2 849 884 балла
14 614 788 сум
9 499 612 сум
В рассрочку на 12 мес
791 635 UZS/мес
Профессия Руководитель проектов в онлайн-образовании
Для продвинутых18 месяцев
-30%
Кешбэк 30%: 4 946 124 балла
23 552 972 сум
16 487 080 сум
В рассрочку на 12 мес
1 373 924 UZS/мес
Customer Development
Для новичков2 месяца
-35%
Кешбэк 30%: 1 246 414 баллов
6 391 864 сум
4 154 712 сум
В рассрочку на 12 мес
346 226 UZS/мес
Арт-менеджмент
Для новичков4 месяца
-35%
Кешбэк 30%: 2 439 410 баллов
12 509 791 сум
8 131 364 сум
В рассрочку на 12 мес
677 614 UZS/мес
Продюсер рекламного ролика
Для новичков2 месяца
-35%
Кешбэк 30%: 1 701 874 балла
8 727 559 сум
5 672 913 сум
В рассрочку на 12 мес
472 743 UZS/мес
Инженерия требований в машиностроении
Для новичков8 часов
-35%
Кешбэк 30%: 1 424 473 балла
7 304 987 сум
4 748 242 сум
В рассрочку на 12 мес
395 687 UZS/мес
ООО «UBRAINS», ИНН 308432936
Республика Узбекистан, г. Ташкент, Мирабадский р-н, ул. Афросиаб 4б, каб. 102
Регистрационный номер 982705
© UBRAINS, 2022
Zcard
Anorbank
Humo
Payme
© UBRAINS, 2022