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

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

Виды дизайнаВиды дизайна

Вёрстка

Основа работы с базовой сеткой

Альманах Readymag 1/4: Сетка

Типографика

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

Альманах Readymag 2/4: Типографика

type.today: Геометрические гротески с кириллицей в Google Fonts

Композиция и визуальная иерархия

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

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

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

Цвет

Кодирование цветов: HEX, RGBa, HSBКодирование цветов: HEX, RGBa, HSB

Альманах Readymag 3/4: Цвет

ColorandContrast.com

Анимация

Альманах Readymag 4/4: Анимация