Привет, меня зовут Зеленых Денис, я дизайнер, арт-директор, преподаватель в Яндекс Практикуме и магистратуре Томского государственного университета. В своем блоге делюсь полезными находками в области дизайна.
В продолжение темы о начале пути в дизайн, эта статья про визуальный фундамент: типографику, палитры, сетки и композицию. Про то, с чего действительно стоит начинать обучение, и какие книги читать, если хочется не «чуть-чуть разбираться», а глубоко понимать, почему дизайн работает.
Почему не стоит начинать со шрифтов и цвета
Одна из самых частых ошибок начинающих дизайнеров — начинать с выбора шрифта, палитры и вдохновляющих референсов. Это выглядит логично, но на практике почти всегда приводит к визуальному шуму. Причина простая, шрифты и цвет — это не фундамент, а надстройка.
Если нет структуры, иерархии и ритма:
- хороший шрифт не читается
- красивая палитра не спасает
- макет выглядит «дешево», даже если всё аккуратно
Поэтому правильный порядок обучения другой.
Правильная последовательность обучения визуальному дизайну
Если сильно упростить, порядок такой:
- Композиция и визуальное мышление
- Сетки
- Типографика
- Цвет и палитры
- Системность и масштабирование
Именно в таком порядке всё начинает складываться.
Композиция — основа всего
Композиция — это про управление вниманием. Про то, куда пользователь смотрит в первую секунду, куда — во вторую, и что он считывает без усилий.
Что важно изучить:
- визуальный вес
- иерархию
- контраст
- баланс
- ритм
- отрицательное пространство
Практический совет — периодически отключайте цвет и шрифты. Делайте экраны в чёрно-белом виде. Если композиция работает — она работает и без украшений.
Сетки — скелет интерфейса
Сетка — это не про «ограничения». Это про контроль хаоса и единый ритм.
Типы сеток, которые стоит понимать:
- колоночные
- модульные
- baseline grid
- 4pt / 8pt системы
Важный момент, сетка не обязана быть видимой, но она всегда должна ощущаться. Если элементы «прыгают» — почти всегда проблема в сетке, а не в цвете или шрифте.
Типографика — инструмент коммуникации
Типографика — это не выбор гарнитуры. Это система отношений между текстами.
Что изучать в первую очередь:
- иерархию текста
- работу с размерами
- межстрочные интервалы
- длину строки
- контраст начертаний
Несколько правил, которые сразу улучшают дизайн:
- одна гарнитура — это нормально
- размер важнее гарнитуры
- жирность сильнее цвета
Если текст читается легко — макет кажется «дороже».
Цвет и палитры — последний слой
Цвет — самый эмоциональный инструмент, и именно поэтому он опасен.
Цвет в дизайне:
- подчёркивает иерархию
- отражает тип транслируемой информации
- усиливает смысл
- никогда не должен быть единственным носителем информации
Что важно изучить:
- контраст и доступность
- построение цветовых палитр
Хорошее упражнение — делать интерфейсы в оттенках серого, а цвет добавлять в самом конце.
Книги, которые действительно стоит прочитать
Типографика
- «Новая типографика. Руководство для современного дизайнера», Ян Чихольд — идеально для старта
- «Шрифт в наглядной агитации», Сергей Смирнов — примеры практического применения шрифтов в коммуникационных материалах
- «Книга про буквы от Аа до Яя», Юрий Гордон — если хочется разобраться во всех деталях шрифтостроенияи и том как работают буквы
Композиция и сетки
- «Искусство формы», Иоханнес Иттен — книга за авторством крупнейшего исследователя цвета и формы и преподавателя Баухауса
- «Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок», Йозеф Мюллер-Брокманн — исчерпывающее руководство по работе с стеками
Цвет
- «Искусство цвета, Иоханнес Иттен — тут всё что нужно знать о работе цвета
Как учиться эффективно
Книги важны, но без практики они не работают.
Рабочая схема обучения:
- Прочитали главу
- Сразу применили
- Разобрали чужие работы
- Переделали свои старые макеты
- Применили новые знания и навыки в новых работах
Если дизайн развалился — это хороший знак. Значит, вы наконец-то видите реальные проблемы, а не маскируете их стилем.
Вместо вывода
Типографика, сетки и цвет — это не «украшательство». Это инженерия визуального восприятия. Когда появляется структура — стиль приходит сам. Когда есть система — дизайн начинает масштабироваться. Когда есть база — любые эксперименты становятся осознанными.
Спасибо, что дочитали. Подписывайтесь на мой канал о дизайне привычных вещей «Lorrrem». Там про дизайн и технологии.