Любой предмет вокруг нас — от простой кружки до дизайнерского кресла — подчиняется определенным визуальным законам. Если эти законы соблюдены, предмет нам кажется красивым, гармоничным, «правильным». Если нарушены — он вызывает смутное чувство дискомфорта, даже если мы не можем объяснить почему
В данной лекции мы разберем три кита, на которых держится визуальный язык дизайна: композицию, форму и цвет. Наша задача — не заучить сложные правила, а научиться их замечать и использовать
I. Композиция: искусство собирать целое из частей
Слово «композиция» часто пугает своей академичностью. На самом деле все просто: композиция — это отношения. Отношения между частями предмета, между предметом и пространством, между размером, формой и цветом
Когда эти отношения гармоничны, мы говорим: «Какая красивая вещь!». Когда они нарушены, мы чувствуем дискомфорт, даже не понимая его причину
I.I Ритм
Ритм в дизайне — это повторяемость элементов. Точно так же, как в музыке ритм задает пульс мелодии, в предмете ритм задает пульс формы.
Как это работает: Наш мозг устроен так, что он любит закономерности. Когда мы видим повторяющийся элемент, нам становится спокойно и понятно. Мы как бы говорим: «Ага, здесь есть система»
Например: • Ребра жесткости на радиаторе отопления. Они повторяются через равные промежутки • Ткань в полоску или клетку • Стулья, стоящие вдоль длинного стола на одинаковом расстоянии • Перфорация на металлическом светильнике
Важно: не стоит пытаться запихнуть ритм туда, где он не нужен. Не каждая вещь должна быть в полоску или дырочку. Ритм — это инструмент, а не самоцель.
I.II Доминанта
В любом произведении — в фильме, в книге, в картине — есть главный герой и второстепенные персонажи. В предметном дизайне то же самое. Доминанта — это то, на что зритель смотрит в первую очередь.
Почему это важно: Если в предмете нет доминанты, глаз начинает бегать по нему в поисках «зацепки», устает и в итоге говорит: «Что-то здесь не так». Если доминант слишком много (все детали кричат), наступает визуальный хаос.
Как создается доминанта:
Размером: Огромная ручка на маленьком чайнике сразу притягивает взгляд
Цветом: Ярко-красная кнопка на белом корпусе
Формой: Необычный, изогнутый носик у кувшина среди прямых линий корпуса
Фактурой: Гладкое стекло и матовая, шершавая ручка
Совет: Начиная работу над предметом, спросите себя: «Что здесь будет главным?». Ответьте на этот вопрос, и половина проблем с композицией решится сама собой
I.III Равновесие
Равновесие бывает физическое (предмет стоит и не падает) и визуальное (предмет выглядит устойчивым). Для дизайнера важно и то, и другое.
Визуальное равновесие— это про распределение «тяжести». Темные цвета кажутся тяжелее светлых. Большие формы тяжелее маленьких. Сложные фактуры тяжелее гладких.
Разберем на примере: Представьте себе торшер. У него большой, тяжелый абажур наверху и тонкая, изящная ножка. Чтобы он выглядел устойчиво, основание должно быть достаточно массивным — визуально «держать» эту верхнюю тяжесть. Если основание будет слишком маленьким и легким, торшер будет казаться падающим, даже если он отлично стоит на полу.
Равновесие бывает двух типов:
Симметричное: Левая и правая части предмета зеркально одинаковы. Это самый простой способ добиться равновесия. Пример: классический обеденный стол с ножками по углам.
Асимметричное: Части разные, но они уравновешивают друг друга, как весы. Маленький, но яркий элемент может уравновесить большой, но спокойный. Это сложнее, но интереснее.
II. Формообразование: от простого к сложному
Формообразование — это процесс поиска и разработки формы предмета. Форма не берется из ниоткуда, она всегда результат каких-то решений
Любой предмет можно разложить на базовые формы:
• Куб / Параллелепипед (коробки, шкафы, тумбы) • Сфера / Шар (светильники, вазы, чайники) • Цилиндр (стаканы, ножки столов, торшеры) • Конус (абажуры, воронки)
Рациональный подход формообразования
Модульность Предмет собирается из повторяющихся одинаковых элементов Стеллаж, в котором из одних и тех же деталей можно собирать разные конфигурации
Комбинаторика Близко к модульности, но упор на вариативность. Пользователь сам собирает нужную форму Диван с переставными подушками и спинками
Бионика Заимствование форм и конструктивных принципов у природы Кресло-раковина, стул-капля, мебель, напоминающая кораллы или листья
Трансформация Предмет меняет форму в зависимости от ситуации Складной стул, диван-кровать, стол-трансформер
Интуитивный подход формообразования
Стилизация исторических форм Взять исторический прототип (античность, готику, ампир) и упростить до современного лаконичного языка. Современный стул, в котором угадываются очертания венского стула, но без резьбы и декора
Экспериментальное формообразование Форма рождается из процесса, а не из плана. Работа с материалом, случайностью, технологией. Заливка гипса в ткань (получаются случайные складки), выдувание стекла, 3D-печать с меняющимися параметрами
Семантическое формообразование Форма рождается из смысла, который должен нести предмет. Дизайнер отвечает на вопрос: «О чем эта вещь?» Кресло-кокон (защита, уединение), светильник-кораблик (легкость, ностальгия)
Форма не бывает случайной — за ней всегда стоит метод. Каждый метод подходит под свою задачу: модульность для системных вещей, бионика для природных форм, семантика для предметов со смыслом
Цвет: как договориться с палитрой
Цвет — самый коварный инструмент дизайнера. Он может спасти неудачную форму и убить гениальную. Он вызывает эмоции быстрее, чем форма и композиция. Красный кричит «опасность» и «страсть», синий успокаивает, желтый бодрит.
Но давайте не про психологию, а про практику. Как начинающему дизайнеру создать гармоничное решение?
Анатомия цвета
Чтобы управлять цветом, нужно понимать его устройство. У любого цвета есть три измерения:
Цветовой тон Это то, что мы обычно называем цветом — красный, синий, желтый, зеленый. Это положение цвета на радуге (цветовом круге)
Насыщенность (интенсивность) Это сила цвета. Яркий, сочный красный — высокая насыщенность. Серовато-розовый, «пыльный» низкая насыщенность
Светлота (яркость) Это примесь белого или черного. Светло-голубой (много белого) и темно-синий (много черного), это один и тот же тон, но разная светлота
Новички часто думают, что цвет — это только тон. И пытаются сочетать ярко-красный с ярко-зеленым, получая крик. На самом деле цвет это объемная характеристика. Можно взять один тон, но менять его насыщенность и светлоту и получить бесконечное количество благородных сочетаний.
Цветовые стратегии: три главных приема
Монохромия
Вы берете один цветовой тон и работаете только с его светлотой и насыщенностью.
Как выглядит: От почти белого (едва уловимый оттенок) через средний тон к почти черному (глубокий, насыщенный тон)
Плюсы: Абсолютная безопасность. Это всегда выглядит дорого, цельно и стильно. Ошибки невозможны в принципе.
Нюанс
Вы берете цвета-соседи по цветовому кругу (синий и голубой, желтый и оранжевый, зеленый и салатовый). Или цвета одной «температуры» (все теплые: красный-оранжевый-желтый; все холодные: синий-фиолетовый-зеленый).
Мягко, спокойно, гармонично. Цвета перетекают друг в друга, как в закатном небе.
Плюсы: Создает ощущение комфорта, глубины, сложности. Выглядит «дизайнерски», но не крикливо.
Контраст
Вы берете цвета, которые на цветовом круге стоят напротив друг друга (красный — зеленый, синий — оранжевый, желтый — фиолетовый).
Энергично, ярко, драматично. Бьет в глаза, привлекает внимание.
Важное правило контраста: Чтобы контраст работал красиво, не берите цвета 50/50. Пусть одного будет много (фон), а другого — мало (акцент). Или используйте приглушенные версии контрастных цветов (например, не ярко-красный и ярко-зеленый, а бордовый и оливковый).
Практикум по основам композиции, формообразования и цвета при помощи инструмента Figma
упражнение 1 Анализ формы
Цель: Научиться видеть конструктивную основу любого предмета — раскладывать сложную форму на простые геометрические тела.
Задание:
Выберете референс любого предмета
На основе референса создайте композицию из простых геометрических фигур (прямоугольники/квадраты для кубов, круги для сфер, овалы/эллипсы для цилиндров), которая повторяет структуру предмета
Упражнение 2 Композиционный анализ: поиск ритма и доминанты
Цель: Научиться определять композиционные закономерности в предметах и интерьерах.
Задание:
На основе трех референсов — интерьер (комната или её угол) — предмет мебели (стул, стол, шкаф) — декоративный предмет (ваза, светильник) Для каждого изображения создать в Figma разметку поверх фото:
• Красным цветом обведите доминанту (главный элемент, который притягивает взгляд) • Синим цветом отметьте ритмические повторы (одинаковые или чередующиеся элементы, можно просто расставить точки или стрелки) • Зеленым цветом покажите, как распределяется визуальное равновесие (проведите вертикальную ось и оцените: левая и правая части симметричны или уравновешены асимметрично?)
Под каждым изображением напишите короткий вывод (2-3 предложения): что является доминантой, есть ли ритм, симметрия или асимметрия.