/designer
/designer
/designer

/designer

— образовательный проект о дизайне интерфейсов.

О проекте

Figma

Основной инструмент продуктового дизайнера

Notion

Основной инструмент сбора данных

📖
Аналитика для дизайнеров: введение

Планы
  • UX-аналитика в Notion: бриф
  • Основы Notion: типы блоков
  • Команды через /, поиск через @ и [[
  • Зачем Ноушн дизайнеру
  • Как сделать хорошую структуру данных
  • Структура документации: темы, термины, свойства, сценарии, записи демо
  • Карта сценариев
  • Сценарий и джоб-стори
  • Сбор хотелок и багов

Основы дизайна

Типографика

Живая типографика — А. Королькова
Живая типографика — А. Королькова
Почему Джобс любил шрифты
Почему Джобс любил шрифты

Цвет

Кодирование цветов: HEX, RGBa, HSB
Кодирование цветов: HEX, RGBa, HSB
Как называть цвета в Figma
Как называть цвета в Figma
  • Акценты
  • Семантические палитры

Визуальная иерархия

Правило близости
Правило близости

Планы
  • О вложенности элементов
  • Базовая сетка 4px для компонентов
  • Сетка: 12-колонник и блоки
  • Негативное пространство
  • Оптические компенсации
  • Цвет в интерфейсах
  • Типографика
  • Палитра
  • Якорные объекты

Основы UI-анимации

  • Типы анимации

Управление командой

🤝
Роли: заказчик, исполнитель, пользователь

#стать_лидом

1. Режим дизайнера и режим лида
2. Иерархия
3. Иерархия и творческая свобода
4. Куда мы двигаемся
5. Что нужно иметь перед наймом своей команды
  • Как подобрать команду
  • К доске! как мы планируем дизайн-задачи
  • Ежедневные синки
  • 1-1 и мотивация команды
  • Ревью и фидбэк по макетам
  • Демо и правки