Образование
Освоить профессию веб-дизайнера
Хочу освоить удаленную профессию для стабильного заработка
Критерий завершения
Выйти на доход более 50к
-
Изучение основ
- Композиция. Как работать с модульной сеткой, выравнивать между собой элементы дизайна и в правильной пропорции соотносить содержание с оформлением, чтобы композиция сайта выглядела эстетически привлекательной.
- Компоновка. Как группировать между собой элементы дизайна, чтобы было удобно и понятно взаимодействовать с интерфейсом.
- Типографика. Как выбирать шрифты для сайта и как правильно их настраивать.
- Принципы иерархии и контраста. Как отделять главное от второстепенного и тем самым упрощать восприятие дизайна для пользователей.
- Цвет. Как выбирать цветовую палитру для сайта и сочетать между собой цвета.
-
Литература
Фильмы
- «Гельветика» (2007) о типографике и графическом дизайне +
- «Овеществление» (2009) о промышленном дизайне и эргономик
Книги
- Отзывчивый веб-дизайн
- Эмоциональный веб-дизайн
- Основы конкретной стратегии
- Не заставляйте меня думать — Стив Круг
- Slide:ology. Нэнси Дуарте
- Веб-юзабилити и здравый смысл. 3-е издание - Круг Стив
-
Изучение Figma
- Основные инструменты Figma: группы, цвет, эффекты, фреймы
- Работа с иконками и изображениями
- Создание компонентов и интерактивных прототипов
- Создание библиотеки стилей и UI Kit
- Дизайн макетов с помощью модульных сеток
- Инструменты Auto Layout и Variants
- Работа с плагинами и анимацией
- Подготовка макета для разработчиков
-
Выбор проекта для обучения
- Начало работы над проектом: изучение бизнес-задач, анализ пользователей и конкурентов
- Подбор референсов и подготовка мудборда
- Подбор композиции с акцентами на главном
- Работа с модульными сетками и отступами
- Сбор архитектуры сайта и проектирование навигации сайтов и мобильных приложений
- Создание дизайн-концепции
- Работа с текстом и типографикой
- Создание варфрейма (чёрно-белого прототипа)
- Подбор цветовой гаммы проекта
- Подготовка адаптивного дизайна
- Создание UI Kit
- Эффектная презентация и выстраивание коммуникации с заказчиком
- Подготовка макетов для разработки
-
Вёрстка
- Веб-верстка. Базовый уровень. Научиться верстать адаптивные сайты, которые будут одинаково красиво смотреться на экране монитора, смартфона и планшета.
- Веб-верстка. Продвинутый уровень. Ускорить свою работу с CSS и освоите технологию Grid. Научиться создавать сложные сайты-каталоги, оптимизировать загрузку веб-приложений и научитесь автоматизировать сборку проектов.
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
