Закругленные углы кажутся менее броскими
Мы все можем оценить эстетическую красоту закругленных углов. Но можем ли мы объяснить, откуда именно берется эта красота? Ответ на этот вопрос буквально в наших глазах.
Исследования показали, что прямоугольники со скругленными углами меньше раздражают глаза, чем прямоугольники с острыми краями , потому что для их визуальной обработки требуется меньше когнитивных усилий. Центральная ямка на сетчатке глаза быстрее всего обрабатывает круги. Обработка краев объекта задействует больше «инструментов нейронного изображения» в мозгу. Таким образом, прямоугольники со скругленными углами легче обрабатывать, потому что они ближе к кругу, чем обычный прямоугольник.
Научные исследования углов, проведенные Неврологическим институтом Барроу, показали, что «воспринимаемая заметность угла изменяется линейно в зависимости от самого угла. Острые углы сильнее выделяются, чем пологие». Другими словами, чем острее угол, тем ярче он выглядит. И чем ярче выглядит угол, тем труднее на него смотреть.
На какую фигуру легче смотреть?
Примеры
Мне стало любопытно, насколько распространена форма суперэллипса в экосистеме Apple, поэтому я начал фотографировать все, что мог, и накладывать фигуры на изображения (см. изображение 2.2). Я рассмотрел HomePod, где суперэллипс очевиден, а также iPad, клавиши новой клавиатуры iPad, Apple Watch и кнопки покупки в приложениях Apple TV, Apple News и Apple Music. Как оказалось, суперэллипс есть везде.
Изображение 2.0 HomePod. При любом освещении вы не найдете острого угла
Изображение 2.1. Клавиатура iPad
Изображение 2.2 Типичный прямоугольник с закругленными углами, наложенный на силуэт iPad
Обратите внимание на едва заметные розовые участки, где закругленный прямоугольник выступает за суперэллипс (корпус iPad)
Изображение 2.3 Пункт управления, элементы управления внешним видом и подписка в Apple News +
Обратите внимание, что, несмотря на нарушение руководящих принципов Apple по поводу встроенных в приложение покупок, кнопка «Get Started» имеет форму суперэллипса
Изображение 2.4 Суперэллипс дебютировал на iPhone в iOS 7, представив новую, более мягкую форму иконок приложений
Мой любимый пример – HomePod. В отличие от большинства колонок, которые прячут, чтобы не нарушать интерьер, HomePod предназначен стать элементом декора комнаты. Подобно керамическим изделиям ручной работы, HomePod прекрасно смотрится при любом освещении. Ключевым моментом является его форма – независимо от того, как свет падает на устройство, зритель не может выделить острый край.
Что примечательно, так это необычайная простота суперэллипса. Эту фигуру можно использовать в наборе продуктов – цифровых или физических – без изменения основополагающих принципов или необходимости выполнения сложных математических расчетов. Именно это Apple сделала для своих аппаратных и программных интерфейсов. В результате вся экосистема компании из Купертино кажется более дружелюбной, доступной и восхитительной.
Эффект
Полное отсутствие острых краев и внезапных переходов устраняет ощущение фабричности, к которому мы так привыкли в товарах массового потребления. Вместо того, чтобы напоминать нам о промышленных цепочках поставок, конвейерном производстве и химических лабораториях, эти более мягкие формы напоминают о красоте природы. Это кажется органичным и вызывает приятные ощущения.
Помимо эстетического и тактильного эффекта, существует также аспект прагматической оптимизации. Например, теоретически вождение по извилистым горным дорогам должно быть более безопасным и комфортным при постепенном изменении кривизны дороги.
Закругленные углы легче обрабатывать
Закругленные углы более эффективны для карт и диаграмм, потому что позволяют нашим глазам легко следить за линиями
Острые углы отвлекают внимание от пути линии, поэтому возникают внезапные паузы, когда линия меняет направление. Но со скругленными углами наш взгляд скользит по линии вдоль каждого угла, чтобы плавно продолжить путь
Какую диаграмму вам легче воспринимать?
Закругленные углы также являются эффективными контейнерами для контента. Это связано с тем, что закругленные углы направлены внутрь к центру прямоугольника. Это помещает фокус на содержимое прямоугольника. Кроме того, когда два прямоугольника находятся рядом друг с другом, вы можете легко увидеть, какая сторона принадлежит какому прямоугольнику.
Острые углы направлены наружу, что снижает внимание к содержимому внутри прямоугольника. Они также затрудняют определение, какая из двух сторон принадлежит какому прямоугольнику, когда два прямоугольника расположены рядом
Это потому, что каждая сторона прямоугольника представляет собой прямую линию. Стороны прямоугольника со скругленными углами уникальны, поскольку линии поворачивают в сторону прямоугольника, которому они принадлежат.
Какую пару прямоугольников легче различить?
Squircle
Для этой фигуры есть термин. Она называется squircle (суперэллипс), и представляет собой помесь круга и квадрата. В отличие от обычных закругленных прямоугольников, у которых угол имеет идеальный полукруг, суперэллипс имеет более сжатую форму. Скругление угла не начинается внезапно, вместо этого кривая начинается глубоко внутри прямой и постепенно перерастает в видимую кривую (как показано на изображении 1.1).
Изображение 1.0 Третья комбинированная фигура усиливает этот эффект. Видимая синяя часть подрезается, чтобы получились более гладкие и мягкие углы
Изображение 1.1 Суперэллипс (красная фигура) начинает округляться глубже по прямой линии, чем простой прямоугольник с закругленными углами (синяя фигура)
В то время, как прямоугольники с закругленными углами имеют постоянный угловой радиус, угловой радиус суперэллипса уменьшается или сжимается по мере углубления кривой, а затем снова симметрично расширяется на другой стороне кривой.
Проблемы с закруглением
После подобных рассуждений легко подумать: давайте везде применять закругленные углы!
Это явно не лучший подход, ведь закругленные углы не всегда являются лучшим решением. Чтобы получить правильное восприятие пользователя, проектируя продукт мы должны думать о его назначении и задаче. Закругление одного угла само по себе может быть незначительным, но, если сделать это в масштабе (например, на всем интерфейсе), это может кардинально изменить внешний вид продукта.
Чтобы понять подобный эффект, давайте перейдем на базовый уровень. Все элементы дизайна можно свести к базовым фигурам и линиям, подсознательно передавая зрителям разные идентичности.
Давайте посмотрим на несколько логотипов:
Товарные знаки и логотипы состоят из простых фигур. Taime Koe
А теперь взгляните на несколько гарнитур:
Примеры трех разных шрифтов с простыми фигурами и линиями. TaimeKoe
Совершенно очевидно, как эти логотипы и шрифты вызывают разные реакции. И все сводится к психологии форм:
- Квадратные формы обычно считаются надежными, однородными, традиционными и профессиональными.
- Круглые формы обычно считаются харизматичными, привлекательными, безобидными и дружелюбными.
- Треугольные формы обычно считаются динамичными, энергичными и мощными.
Поэтому при проектировании дизайна очень важно думать о целях нашего бренда или продукта, потому что формы, которые мы выбираем для основных элементов дизайна, могут иметь большое влияние на восприятие пользователей. Скругление углов может быть уместным, если мы хотим добиться дружелюбного, невинного внешнего вида, но это не всегда так
Еще одна важная вещь, о которой следует помнить – это сходство элементов дизайна
При проектировании интерфейсов иногда мы хотим выделить определенную кнопку, ссылку или тег, чтобы направить пользователя к важному действию. Этого не удастся добиться, если мы будем использовать только округлые формы
по использованию форм в интерфейсе
Ключевой вывод заключается в том, что «формы направляют внимание, определяют компоненты, сообщают о состоянии и выражают бренд»
Рекомендации
