Насмотренность в дизайне
Вы узнаете, как лучше тренировать насмотренность — один из основных навыков в профессии дизайнера. Будете анализировать работы из разных сфер искусства и дизайна и одновременно углублять навыки работы с цветом, композицией и типографикой. В итоге соберёте референсы, которые сможете использовать в своих проектах.
• Насмотренность: почему она так важна для профессионального развития
• Принципы построения композиции, использования цветов и типографики
• Насмотренность на практике: пополняем и структурируем библиотеку изображений
Основы Figma. Модуль от студии Mish.design
Вы получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки.
• Экскурсия по Figma
• Первые шаги в Figma
• Интерфейсы
• Основы веб-дизайна
• Подготовка веб-макета к жизни
• Основы работы с мобильными платформами
• Компоненты и стили
• Кликабельный прототип мобильного приложения
Основы веб-дизайна. Модуль от студии Mish.design
Изучите методы, которые помогают определить, каким должен быть интерфейс. Узнаете о техниках поиска идей для разработки интерфейса. На практике закрепите приёмы и принципы веб-дизайна, необходимые для создания современного сайта. Рассмотрите свойства формы и приёмы работы над композицией. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы создания визуальной иерархии в интерфейсе.
• Знакомство с веб-дизайном
• Модульные сетки
• Скетчинг и прототипирование
• Пользовательское взаимодействие
• Композиция
• Веб-типографика
• Теория цвета
• Вдохновение, творчество, импровизация
Создание проекта сайта. Модуль от студии Mish.design
Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе — мобильную версию. Научитесь взаимодействовать с разработчиками и управлять проектом.
• Адаптивный дизайн
• Веб-анимация
• Системы ведения проектов
• Составление технического задания для вёрстки
Сбор и анализ пользовательских данных UA
Научитесь проводить анализ существующего или будущего проекта, выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории. Освоите аналитические инструменты и сконцентрируетесь на целях и ценностях пользователя.
• Роль аналитики в UX
• Инструменты дизайн‑мышления
• Методы анализа: основы
• Бизнес‑аналитика
• Феномены зрительного восприятия
• Моделирование поведения
• Методы анализа: customer development
• Особенности качественных исследований
• Особенности количественных исследований
• Обзор аналитических инструментов
• Особенности мобильной аналитики
• Математика A/B‑тестов
• Accessibility‑статистика
• Eye‑tracking‑тестирование
Проектирование UX и прототипирование
Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.
• Введение в предметную область
• Азбука пользовательского интерфейса
• Методологии командной работы — Kanban, Scrum
• Воркшоп: персоны
• Lean UX strategy
• Воркшоп: UX strategy
• Customer journey mapping — CJM
• Информационная архитектура
• Воркшоп: UX design
• Инструменты прототипирования
• Воркшоп: UI design
Создание сайтов на Tilda
Изучите стандартные блоки, возможности редактирования и настройки сервисов в Tilda. Узнаете все нюансы подготовки сайта к запуску. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов, подключать платёжные системы и работатьс заявками.
• Настройки сайта
• Настройки страницы
• Подключение домена
• Настройки и редактирование стандартных блоков
• Адаптивность в стандартных блоках
• Подключение внешних шрифтов
• Многостраничные сайты
• Функционал для интернет-магазина и рассылок
• Функция «Потоки»
• Личный кабинет
• CRM Tilda
Tilda Zero Block
Научитесь работать во встроенном графическом редакторе Zero Block: создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block, а также со скрытыми функциями, которые позволяют делать сайты фестивального уровня.
• Работа в редакторе
• Адаптивность в Zero Block
• Базовая анимация
• Пошаговая анимация
• Триггерная анимация
