Обучение дизайнера интерфейсов, UX/UI. С нуля — выше

Начать. Это бесплатно
или Регистрация c помощью Вашего email-адреса
Rocket clouds
Обучение дизайнера интерфейсов, UX/UI. С нуля — выше создатель Mind Map: Обучение дизайнера интерфейсов, UX/UI. С нуля — выше

1. Необходимое

1.1. Дизайн интерфейсов

1.1.1. Интерфейс-дизайн-дизайнер — какая связь?

1.1.1.1. Что такое интерфейс пользователя?

1.1.1.2. Назначение интерфейса?

1.1.1.3. Какими бывают интерфейсы? Виды

1.1.1.4. Что есть дизайн? В широком понимании этого термина

1.1.1.5. Задачи дизайна?

1.1.1.6. Миссия дизайнера интерфейсов?

1.1.1.7. Практическое задание

1.1.2. Learn Design with Figma

1.1.3. Design Dictionary from Figma

1.1.4. Практическое задание

1.2. Текст и редактура

1.2.1. Для чего дизайнеру «владеть текстом»?

1.2.2. Тексты в интерфейсе

1.2.2.1. Пунктуация в заголовках, подзаголовках, знаки препинания в элементах интерфейса

1.2.2.2. Иерархия

1.2.3. Психология восприятия текста

1.2.4. Информационный стиль

1.2.5. Практическое задание

1.2.6. Тренажёр

1.3. Композиция

1.3.1. Как, куда и почему разместить?

1.3.2. Основы композиции

1.3.3. Принципы визуальной иерархии

1.3.4. Правило «Внутреннего и внешнего»

1.3.5. Визуальное выравнивание, оптическая компенсация

1.3.5.1. Психология восприятия: оптические иллюзии

1.3.6. Сетка, ритм

1.3.7. Практическое задание

1.3.8. Тренажёр

1.3.8.1. Тренажёр

1.4. Типографика

1.4.1. Роль текста?

1.4.2. Основные термины типографики

1.4.3. Классификация, семейства

1.4.3.1. Тренажёр

1.4.4. Типографическая анатомия

1.4.5. Типографика для интерфейсов

1.4.6. Вёрстка текста

1.4.6.1. Тренажёр

1.4.6.2. Практическое задание

1.4.7. Кёрнинг, трекинг

1.4.8. Тренажёр

1.5. Колористика

1.5.1. Как применять цвета и достигать желаемого эффекта?

1.5.2. Типы цветовых моделей

1.5.2.1. Тренажёр

1.5.3. Цветовой круг

1.5.4. Уловки и сложности цветовосприятия

1.5.4.1. Color accessibility

1.5.4.2. Тренажёр

1.5.5. Контрастность в интерфейсе

1.5.5.1. Гайдлайны

1.5.5.2. Инструменты для проверки в интерфейсе

1.5.6. Практическое задание

1.5.6.1. Тренажёр

1.6. Проектирование интерфейса

1.6.1. Как определить цель и достичь результата — ?

1.6.2. UX и UI

1.6.2.1. Различаются ли задачи направлений?

1.6.2.2. Совмещать знания нескольких направлений или разделять обязанности на разных специалистов при работе над проектом/продуктом?

1.6.2.3. Состояния элементов

1.6.2.4. Тренажёр

1.6.3. Usability

1.6.3.1. Модальность в интерфейсах

1.6.4. Информационная архитектура, site map

1.6.5. Методики исследования

1.6.5.1. Виды

1.6.5.1.1. Customer Journey Map

1.6.6. Этап проектирования

1.6.6.1. Постановка задачи

1.6.6.2. Инструменты

1.6.7. Прототипирование

1.6.8. MVP

1.6.9. Практическое задание

1.7. Коммуникации

1.7.1. Как донести идею пользователю, разработке, бизнесу — ?

1.7.2. Выражение мыслей

1.7.3. Психология восприятия

1.7.4. Паттерны сканирования контента

1.7.5. Решение и предотвращение проблемных ситуаций

1.7.6. Психология пользователя

1.7.6.1. Эмпатия

1.7.7. Практическое задание

1.7.8. Презентация

1.7.9. Практическое задание

1.8. Гайдлайны

1.8.1. Назначение — ?

1.8.2. Material Design

1.8.3. Apple guide

1.8.4. Дизайн-библиотеки, UI kit, дизайн-системы,

1.8.4.1. Компоненты

1.8.5. Практическое задание

1.9. Анимация

1.9.1. Задача анимации в веб-дизайне — ?

1.9.2. Микро- и макровзаимодействия

1.9.3. Принципы

1.9.4. Параметры

1.9.5. Практическое задание

1.10. Основы front-end (HTML+CSS) с HTML Academy

1.10.1. Структура веб-страниц, элементы DOM

1.10.2. Разрешения, плотность пикселей

1.10.3. Форматы графики

1.10.3.1. Progressive jpeg

1.10.3.2. Кривые безье

1.10.3.2.1. Тренажёр

1.10.4. Оформление текста

1.10.5. Адаптив, отзывчивость, резиновость

1.10.6. Практическое задание

1.10.7. Практическое задание

1.10.7.1. Инструменты

1.10.7.1.1. Readymag

1.10.7.1.2. Webflow

1.10.7.1.3. Tilda Publishing

2. Дополнительное

2.1. Читать

2.1.1. Статьи, блоги

2.1.1.1. Копирование в дизайне

2.1.1.2. Принятие решения

2.1.1.3. Design & Productivity – Medium

2.1.1.4. Дизайн текста и визуальное повествование

2.1.1.5. Заметки по тегу: Проект Мобилизация

2.1.2. Книги

2.1.3. Рассылки

2.1.3.1. Дизайн текста для редактора

2.2. Смотреть, слушать, читать

2.2.1. Bang Bang Education

2.2.1.1. Инструменты, примеры

2.2.1.2. Мнения практиков

2.2.2. Design Prosmotr

2.2.3. Швейцарская типографика

2.2.4. Школа Яндекса

2.2.5. Сайты с дизайнами

2.3. Практиковаться

3. Чат в Telegram