UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Почему мы скругляем углы
Dinozavrix
Dinozavrix

Опубліковано з Редакція • Оновлено

Почему мы скругляем углы

Ця стаття українською:


Закругленные углы повсюду. От интерфейсов программного обеспечения до дизайна девайсов. Во внешнем виде закругленных углов есть нечто внутренне удовлетворительное. Дизайнеры используют их так часто, что они фактически стали отраслевым стандартом, а не трендом дизайна. Но почему закругленные углы так популярны?

Закругленные углы кажутся менее броскими

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

Исследования показали, что прямоугольники со скругленными углами меньше раздражают глаза, чем прямоугольники с острыми краями , потому что для их визуальной обработки требуется меньше когнитивных усилий. Центральная ямка на сетчатке глаза быстрее всего обрабатывает круги. Обработка краев объекта задействует больше «инструментов нейронного изображения» в мозгу. Таким образом, прямоугольники со скругленными углами легче обрабатывать, потому что они ближе к кругу, чем обычный прямоугольник.

Научные исследования углов, проведенные Неврологическим институтом Барроу, показали, что «воспринимаемая заметность угла изменяется линейно в зависимости от самого угла. Острые углы сильнее выделяются, чем пологие». Другими словами, чем острее угол, тем ярче он выглядит. И чем ярче выглядит угол, тем труднее на него смотреть.

Image description

На какую фигуру легче смотреть?

Мы привыкли к закругленным углам

С юных лет нас учат, что острые углы опасны. По этой причине мы избегаем их в физическом мире и вместо этого ищем округлые, органические, безопасные объекты.

Когда ребенок играет с мячом, большинство родителей не пугаются. Но если ребенок начнет играть с вилкой, родители заберут вилку, опасаясь, что ребенок может пораниться. Нейробиологи называют это явление «реакция избегания» , которая укореняется в нашем мозгу по мере взросления.

Image description

С каким предметом вы бы позволили играть своему ребенку?

Закругленные углы легче обрабатывать

Закругленные углы более эффективны для карт и диаграмм, потому что позволяют нашим глазам легко следить за линиями. Острые углы отвлекают внимание от пути линии, поэтому возникают внезапные паузы, когда линия меняет направление. Но со скругленными углами наш взгляд скользит по линии вдоль каждого угла, чтобы плавно продолжить путь.

Image description
Какую диаграмму вам легче воспринимать?

Закругленные углы также являются эффективными контейнерами для контента. Это связано с тем, что закругленные углы направлены внутрь к центру прямоугольника. Это помещает фокус на содержимое прямоугольника. Кроме того, когда два прямоугольника находятся рядом друг с другом, вы можете легко увидеть, какая сторона принадлежит какому прямоугольнику.

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

Image description

Какую пару прямоугольников легче различить?

Проблемы с закруглением

После подобных рассуждений легко подумать: давайте везде применять закругленные углы!

Это явно не лучший подход, ведь закругленные углы не всегда являются лучшим решением. Чтобы получить правильное восприятие пользователя, проектируя продукт мы должны думать о его назначении и задаче. Закругление одного угла само по себе может быть незначительным, но, если сделать это в масштабе (например, на всем интерфейсе), это может кардинально изменить внешний вид продукта.

Чтобы понять подобный эффект, давайте перейдем на базовый уровень. Все элементы дизайна можно свести к базовым фигурам и линиям, подсознательно передавая зрителям разные идентичности.

Давайте посмотрим на несколько логотипов:

Image description
Товарные знаки и логотипы состоят из простых фигур. Taime Koe

А теперь взгляните на несколько гарнитур:

Image description

Примеры трех разных шрифтов с простыми фигурами и линиями. TaimeKoe

Совершенно очевидно, как эти логотипы и шрифты вызывают разные реакции. И все сводится к психологии форм:

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

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

Еще одна важная вещь, о которой следует помнить – это сходство элементов дизайна. При проектировании интерфейсов иногда мы хотим выделить определенную кнопку, ссылку или тег, чтобы направить пользователя к важному действию. Этого не удастся добиться, если мы будем использовать только округлые формы.

В системе MaterialDesign есть несколько отличных рекомендаций по использованию форм в интерфейсе. Ключевой вывод заключается в том, что «формы направляют внимание, определяют компоненты, сообщают о состоянии и выражают бренд».

Image description

Рекомендации MaterialDesignSystem

Скругление

Определенно есть доказательства и причины того, почему нам нравятся закругленные углы как в физических, так и в цифровых продуктах. Пристрастие к округлости глубоко укоренилось в процессе нашего развития с раннего возраста и основано на том, что все в окружающем нас природном мире округлое.

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

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

А что вы думаете о скруглении углов?

Топ коментарі (1)

Згорнути/розгорнути
 
endrino profile image
Endrino

Что интересно, сейчас в дизайне наметилась тенденция на острые угры с уклоном в ретро-визуал 80-90. Наверное, эта геометрия пришла на смену округлости и мягкости форм, которая была трендовой последние 20 лет.

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