12+
Оглавление - Ты — дизайнер
Эффективная методика быстрого входа в UX/UI для новичков
- Введение
- Кто я такой
- Глава 1: Как выбрать и с чего начать
- Визуальный и аналитический дизайн
- Визуальный дизайн
- Аналитический дизайн
- Виды дизайнеров: как понять, куда расти
- Как определить свою сильную сторону: три вопроса
- Инструменты в дизайне: от скетчей до прототипов
- Практическое задание
- Заключение
- Глава 2: Отступы
- Наружные и внутренние отступы
- Автолейаут: автоматизация пространства
- Система отступов и кратность в пикселях
- Колонки и сетка
- Важность переносов и якорей (constraints)
- Небольшая практика
- Глава 3. Адаптивность: как учесть все устройства
- Какие бывают девайсы
- Виды взаимодействия: цифровое и аналоговое
- Что такое брейкпоинты и зачем они нужны
- Сколько брейкпоинтов нужно
- Практическое задание
- Глава 4. Типографика: зачем она нужна и как её правильно использовать
- Исторический и научный контекст
- Зачем уделять столько внимания шрифтам?
- Классификация шрифтов: немного глубже
- Языковая поддержка: как работать с различными глифами
- Шрифтовые пары: художественная и функциональная гармония
- Иерархия заголовков и приоритизация
- Доступность: размер, контраст и удобочитаемость
- Тематика и тон коммуникации
- Практический шоукейс в Figma
- Творческое задание для самостоятельной практики
- Заключение: сила букв и ваша роль
- Глава 5. Цвет: как превратить палитру в мощный инструмент дизайна
- Где начинаются ошибки новичков
- Палитры, проверенные временем и экспертами
- Зачем ограничиваться одним-двумя акцентами
- Оттенки одного цвета: когда это уместно, а когда нет
- Тени и обводка: незаметные, но важные детали
- Светлая и тёмная темы: не только мода, но и практичность
- Психология цвета и национальные особенности
- Как быть с людьми, которые не различают определённые цвета
- Как упорядочить цветовые стили в Figma и не утонуть при обновлениях
- Небольшое заключение и пара рекомендаций для самостоятельной практики
- Глава 6. Удобство: как превратить интерфейс в приятный для пользователя опыт
- Почему удобство — это так важно?
- Виды взаимодействия: физические, визуальные, вербальные и не только
- Приоритизация контента: что ставить наверх, а что «прятать»
- Расположение элементов и учёт сценариев использования
- Прототипы: зачем они нужны и как их делать
- Инструменты для прототипирования
- Анимации
- Аналитика прототипов
- Домашнее задание: прокачайте удобство в своих макетах
- Заключение
- Глава 7. Чистота дизайна: почему она так важна и как её достичь
- Распространённые ошибки, которые портят чистоту
- Единый стиль: почему так важна консистентность
- Домашнее задание: сформируйте свою «чистоту»
- Дополнительное вдохновение и мысли
- Заключение
- Глава 8. Простота: как удержать фокус и не перегрузить интерфейс
- Иерархия и навигация: почему «просто» не значит «скучно»
- Иерархия: всего три ступени
- Навигация: «дорога», где не заблудишься
- Классика и минимализм: как мода возвращается каждые 20 лет
- Зачем нужны тренды?
- 20-летний цикл и перезапуск старых идей
- Инновации или лучше «добавить осторожно»?
- Минимизация: делаем всё быстрее, короче, понятнее
- Меньше кликов и шагов
- Меньше текста, меньше шума
- Отказ от переизбытка анимаций и всплывающих окон
- Компоненты: «лего» для вашего приложения
- Зачем нужны компоненты?
- UIKit и дизайн-система: в чём разница?
- Атомы, молекулы и организмы
- Небольшой пример: как создать компоненты и варианты
- Домашнее задание: оформляем упрощённый UI-кит
- Заключение
- Глава 9. Портфолио: какие проекты включить, где хранить и как не отпугнуть рекрутера
- Частые ошибки: почему стиль и внимание к деталям важнее супер-идей
- Ошибка №1. Слишком много «всего на свете»
- Ошибка №2. Сложно читать и «мутная» структура
- Ошибка №3. Непонятные доступы
- Виды проектов: что именно показать, если у вас мало опыта
- Проекты с упором на аналитический дизайн (UX)
- Проекты с упором на визуальный дизайн (UI)
- «Другие» проекты: иллюстрации, логотипы, брендинг
- Платформы: где и как разместить, чтобы найти работу
- Dribbble: «глянцевая витрина»
- Behance: длинные презентации
- Персональный сайт
- Портфолио «прямо в Figma»
- Домашнее задание: прокачиваем проекты и оформляем в портфолио
- Заключение
- Глава 10. Как найти работу и не потеряться на рынке дизайна
- Размеры компаний: где вы окажетесь завтра?
- Типы компаний: продукт, сервис или гибрид?
- Градации дизайнеров: стажёр, джуниор, мидл, сеньор и дальше
- Взаимодействие: как устроен рабочий процесс в IT
- Коммерческий опыт: как получить, если никто не берёт без опыта
- Ошибки в резюме и лайфхаки: как не оттолкнуть работодателя за 3 секунды
- Где искать работу: HeadHunter, LinkedIn и прочее
- Итоги и финальное домашнее задание
- Благодарность
- Ссылки на литературу и статьи
- Инструменты и ресурсы