Освоите веб- и мобильный дизайн
Создадите свой первый макет сайта
Разработаете прототип мобильного приложения
Кому подойдёт курс
- Новичкам в дизайне
- С нуля освоите новую профессию и сможете найти работу на фрилансе или в агентстве
- Дизайнерам с небольшим опытом
- Систематизируете свои знания и дополните профессиональные навыки
- Специалистам смежных профессий
- Сможете расширить свои навыки и применять их в рабочих проектах
Чему научитесь
- Создавать интерфейсы, которые приведут пользователя к цели максимально просто
- Работать с композицией, типографикой и шрифтами при разработке интерфейса
- Создавать адаптивные дизайн-макеты веб- и мобильных интерфейсов
- Работать с гайдлайнами Android и iOS и создавать интерактивные прототипы
- Проводить юзабилити-тестирование мобильных приложений и передавать проект в разработку
- Упаковывать и презентовать проект заказчику, оформлять собственное портфолио
Программа курса
Основы Adobe Photoshop
Если вы никогда не открывали Photoshop, этот модуль поможет получить необходимую базу для работы с фотографиями и дизайн-макетами. Вы познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
- Введение в Photoshop
- Двойная экспозиция
- Ретушь и цветокоррекция
- Постер
- Тонированное изображение
- Сайт в Photoshop
- Мокап
- Gif-анимация
- Иллюстрация
Прототипирование сайта
Изучите методы, чтобы определить, каким должен быть интерфейс, а также техники поиска идей для его разработки. На практике закрепите приёмы и принципы веб-дизайна, которые необходимы для создания современного сайта.
- Знакомство с веб-дизайном
- Модульные сетки
- Скетчинг и прототипирование
- Пользовательское взаимодействие
- Адаптивный дизайн
Иерархия дизайн-проекта
Изучите свойства формы и приёмы для создания композиции. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы, необходимые для создания визуальной иерархии в интерфейсе.
- Композиция
- Веб-типографика
- Теория цвета
- Веб-анимация
- Системы ведения проектов
- Составление технического задания
- Вдохновение, творчество, импровизация
Гайдлайны и архитектура приложения
Освоите ключевые особенности создания дизайна мобильных приложений. Узнаете, какие паттерны используются и как строится процесс работы с гайдалайнами платформ. Научитесь строить структурные схемы экранов и создавать интерактивные прототипы с анимацией.
- Принципы дизайна мобильных интерфейсов
- Принципы проектирования UX
- Анатомия iOS- приложения
- Основные принципы material design
- Анимация интерфейсов. Микровзаимодействия
- Дизайн графики для мобильных приложений
- Основы прототипирования
- Практическое прототипирование
Эргономика и юзабилити
Научитесь проводить тестирование пользовательского интерфейса и его эргономичности. Создадите руководство по стилю для передачи проекта в разработку. Изучите принципы оформления презентации, которые помогут оформить портфолио и донести ваши идеи до заказчика или будущего работодателя.
- Юзабилити-тестирование мобильных приложений
- Передача проекта разработчикам
- Презентация работ и подготовка портфолио
Основные принципы работы в Tilda
Изучите особенности и функционал онлайн-платформы Tilda, принципы и настройки редактирования нулевого блока — Zero Block.
- Базовые возможности платформы Tilda
- Работа с нулевым блоком платформы Tilda
Итоговый проект
Разработаете дизайн-макет сайта и интерактивный прототип мобильного приложения под руководством экспертов курса.
Ключевые навыки
- Работа с модульной сеткой
- Разработка адаптивного макета
- Применение основ композиции и работы с цветом
- Умение работать с веб-типографикой
- Умение работать с гайдлайнами для iOS и Android
- Проектирование и дизайн мобильных интерфейсов
- Создание интерактивных мобильных прототипов
- Анимация мобильных интерфейсов
- Подготовка портфолио