точка, линия,

прямоугольник

Сегодня мы поговорим про точку, линию и прямоугольник в дизайне. Вот все на нашей планете состоит из атомов, а в дизайне всё состоит из примитивов. Эти примитивы представляют собой точку, линию и прямоугольник.

Например, перед нами швейцарский постер дизайнера Макса Билла. Из чего он состоит? Мы чётко видим большой круг (точку), несколько прямоугольников и.. строчки (линии) сверху и снизу. Обратите внимание, как это строчки поддерживают композицию.

И дело всё в том, что, наверное, 99% дизайн-макетов состоит из этих фигур. Или делимо на эти фигуры. Вот, например, часть веб-интерфейса. Следовательно, у нас есть точка, линия и прямоугольник. Начнём с точки.

Точка

Точка или круг — это очень сильный объект, поскольку у круга всегда есть свой сильно выраженный центр. На макете точка занимает доминирующую позицию. 
К тому же его форма сильно контрастирует с линией и прямоугольником.

Например, интерфейс инстаграма, где кружки (сторис) перенимают на себя внимание. И я думаю, вы замечали за собой, что можете открыть инстаграм, полистать сторис и не посмотреть ни одного поста из ленты.

К примеру, в данном оглавлении множество элементов, даже с неровными краями формы, но круг все равно доминирует.

Играя с масштабами точки, можно задать визуальное повествование как в данном постере. Сверху-вниз.

Это кусок схемы нью-йорского метрополитена от итальянского дизайнера Массимо Виньелли. Станции, обозначенные кружками выделяются на фоне всех эти цветных линий.

Линия

Один кружок это точка, а несколько кружков это линия. Линия это контраст точке. Это самый спокойный элемент на макете. Мы знаем линию, мы с ней живём давно и долго. Например, строчки в книге — это линии. Мы привыкли воспринимать такую форму подачи материала, она нам кажется знакомой, 
а оттого и спокойной.

В креативах линия часто поддерживает иллюстрацию и успокаивает саму композицию.

Даже в случае если есть что-то лютое, то линия все равно воспринимается нами как знакомый объект, к которому мы тянемся, чтобы получить ответ на вопрос «а что это такое?»

Хороший пример линии в веб-дизайне. Какая-то ненужная информация, которую мы обычно игнорируем, укладывается в самую спокойную форму.

Интерфейс чаще всего подчиняется линии. Вспомните, интерфейс Фигмы, фотошопа или ворда.

Прямоугольник

Растягиваем линию и получаем прямоугольник. Прямоугольник — это идеальный формат. Именно формат. Мы живём в мире, где царит прямоугольник. Он реально везде. И это неплохо. Хороший формат, с ним удобно работать. Внутри прямоугольника мы можем рассказать обо всём. Нам легко высчитывать расстояния, нам легче выстроить доминанту.