Закругленные: Острый край не радует глаз, или почему мы предпочитаем закруглённые углы — Дизайн на vc.ru

Почему мы скругляем углы? — Дизайн на vc.ru

Перевод статьи Gonçalo Dias

5792 просмотров

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

Нижеприведенные примеры взяты из этой замечательной статьи

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

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

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

Обработка краев включает в себя больше “нейронных инструментов изображения” в мозге. Таким образом, прямоугольники со скругленными углами легче обрабатывать, потому что они по своей форме ближе к кругу, нежели обычный прямоугольник.

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

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

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

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

Большинство родителей не будут обеспокоены, если их ребенок играет с мячом. Но если бы ребенок начал играть с вилкой, то родители убрали бы ее, опасаясь, что ребенок поранится.

Это вырабатывает реакцию, которую нейробиологи называют “реакцией избегания” острых краев, которая только сильнее укореняется в нашем сознании по мере взросления.

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

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

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

За какой диаграммой легче следить вашим глазам?

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

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

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

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

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

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

Давайте взглянем на некоторые логотипы:

Как смешанные, так и текстовые логотипы выполнены на основе базовых форм. Взято у Taime Koe

А теперь взгляните на некоторые шрифты:

Примеры трех разных шрифтов с отличительными основными формами и линиями. Взято у Taime Koe

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

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

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

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

Подытоживая

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

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

Закругление углов может показаться тривиальным дизайнерским решением, но все же оно оказывает большое влияние. В следующий раз давайте подумаем дважды и будем помнить о нашей естественной одержимости округлостями!

Оригинал статьи:

Закругленные углы (суперэллипс) в экосистеме Apple

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

Squircle

Для этой фигуры есть термин. Она называется squircle (суперэллипс), и представляет собой помесь круга и квадрата. В отличие от обычных закругленных прямоугольников, у которых угол имеет идеальный полукруг, суперэллипс имеет более сжатую форму. Скругление угла не начинается внезапно, вместо этого кривая начинается глубоко внутри прямой и постепенно перерастает в видимую кривую (как показано на изображении 1.1).

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

Изображение 1.1 Суперэллипс (красная фигура) начинает округляться глубже по прямой линии, чем простой прямоугольник с закругленными углами (синяя фигура)

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

(Подробнее о математических расчетах, лежащих в основе этой фигуры стоит прочитать в этой статье).

Эффект

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

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

Примеры

Мне стало любопытно, насколько распространена форма суперэллипса в экосистеме 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 прекрасно смотрится при любом освещении. Ключевым моментом является его форма – независимо от того, как свет падает на устройство, зритель не может выделить острый край.

Попытки использования кривых линий, как средства смягчения продукта не новы. Пит Хейн использовал squircle в 1959 году для решения транспортных проблем в Стокгольме. Центральное место в архитектурном стиле Захи Хадид занимали мягко округленные формы, чтобы напомнить о природе и придать новым строениям ощущение футуристичности.

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

Мне пришла идея написать эту статью, когда я добавлял суперэллипс в наше приложение Minimal | Notes. Если вы дизайнер или iOS-разработчик, который хочет добавить суперэллипс в свой продукт, ознакомьтесь с этими простыми инструкциями.

---

Перевод статьи medium.com

Калькулятор округления чисел

Базовый калькулятор

Калькулятор круглых чисел

Раунд:

Кому: МиллиардыСотни миллионовДесять миллионовМиллионыСотни тысячДесять тысячТысячиРазряд сотенДесятки Разряд единиц (целые числа)Десятки (1 десятичный знак)Сотые доли (2 десятичных знака, центы)Тысячи (3 десятичных знака)Десятитысячные (4)Сотнотысячные (5)Миллионные доли (6)Десять миллионов Сотые (7) Миллионные (8)Миллиардные (9))

Ответ:

3 266,53

Округляется до ближайшего 0,01 или
до сотых долей .

---

Объяснение

---

3266,528

Вы округлили до сотых. 2 в сотом разряде округляется до 3, потому что цифра справа в тысячном разряде равна 8.

3 266,53

Когда цифра справа равна 5 или больше, мы округляем от 0.

3266,528 было округлено вверх и от нуля до 3 266,53

Поделитесь этой ссылкой для ответа: help
Вставьте эту ссылку в электронное письмо, текст или социальные сети.

Получить виджет для этого калькулятора

© Calculator Soup

Поделитесь этим калькулятором и страницей

Калькулятор Используйте калькулятор округления

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

Округление чисел

Допустим, вы хотите округлить число 838,274. В зависимости от того, до какого места вы будете округлять, окончательный результат будет различаться. Округление 838.274:

• Округление до ближайшей сотни: 800
• Округление до ближайших десяти: 840
• Округление до ближайшего равно 838
• Округление до десятых равно 838,3
• Округление до сотых равно 838,27

Основные правила округления

Когда вы «округляете до ближайшего _____», независимо от того, что находится в пробеле, шаги почти всегда одинаковы:

• Определите, до какого разряда вы округляете. Чем меньше разрядное значение, тем точнее будет конечный результат.
• Посмотрите на следующее наименьшее разрядное значение, цифру справа от разрядного значения, до которого вы округляете. Например, если вы хотите округлить до ближайших десяти, вы должны посмотреть на разряд единиц.
• Если цифра в следующем наименьшем разряде меньше пяти (0, 1, 2, 3 или 4), вы оставляете цифру, которую хотите округлить, без изменений. Любые цифры после этого числа (включая следующее наименьшее разрядное значение, которое вы только что просмотрели) становятся нулями или выпадают, если они расположены после десятичной точки. Это называется округлением в меньшую сторону.
• Если следующее наименьшее разрядное значение больше или равно пяти (5, 6, 7, 8 или 9), вы увеличиваете значение цифры, до которой вы округляете, на единицу (+1). Как и прежде, любые оставшиеся цифры до запятой становятся нулями, а все после запятой отбрасываются. Это называется округлением.

Новое содержимое: метод округления этого калькулятора

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

Половина округления от нуля

Половина округления значений от нуля. Когда цифра справа равна 5, это среднее значение между округлением в большую или меньшую сторону. Для следующих примеров давайте округлим до разряда единиц для значений от 2 до 3, где промежуточная точка равна 2,5. В этом методе независимо от того, округляете ли вы положительное или отрицательное число, абсолютные значения результатов одинаковы. Вы можете увидеть эту симметрию вокруг нуля, сравнив положительный и отрицательный результаты. Если ваше число для округления отрицательное, вы можете округлить цифры так же, как и для округления положительного числа.

Для положительных чисел:

Числа меньше середины между 2 и 3, что составляет 2,5, округляются вниз до 0. Числа больше или равны середине между 2 и 3 округляются вверх, от 0.

• 2,4 раунда до 2
• 2,48 раунда до 2
• 2,5 раунда до 3 наполовину, вверх и вниз от 0
• 2,52 патрона до 3
• 2,6 раундов до 3

Для отрицательных чисел:

Числа, превышающие среднюю точку между -3 и -2, что составляет -2,5, округляют вверх до 0. Числа меньше или равные средней точке -2,5 округляют в меньшую сторону от 0

• -2,4 раунда до -2
• -2,48 патронов до -2
• -2,5 раунда вниз до -3 на полпути, вниз и от 0
• -2,52 округления до -3
• -2,6 раунда вниз до -3

Округлить до ближайшей сотни: 3250

• Определите цифру сотен: 2 из 3250
• Определить следующее наименьшее разрядное значение: 5 из 3250
• Эта цифра больше или равна пяти? Да так закругляться.
• Увеличьте цифру сотен на единицу, чтобы 2 стало 3. Каждая цифра после становится нулем.

3250 округлить до сотен будет 3300

Округлить до ближайших десятков: 323,5

• Определите цифру десятков: 2 из 323,5
• Определить следующее наименьшее разрядное значение: 3 из 323,5
• Эта цифра больше или равна пяти? Нет, так округлим.
• Разряд десятков остается прежним, равным 2. Каждая последующая цифра становится нулем. Цифры после запятой отбрасываются.

323,5 округлить до десятых будет 320

Округлить до ближайших десятков: 499

• Определить разряд десятков: первые 9 в числе 499
• Определить следующее наименьшее разрядное значение: вторые 9 из 499
• Эта цифра больше или равна пяти? Да так закругляться.
• Число десятков увеличивается на единицу. Поскольку 9 + 1 = 10, вам нужно перенести 1 и добавить его к цифре в разряде сотен. Каждая цифра после становится нулем.

499 с округлением до десятых равно 500

с округлением до десятых: 0,74

• Определите цифру десятых: 7 из 0,74
• Определить следующее наименьшее разрядное значение: 4 из 0,74
• Эта цифра больше или равна пяти? Нет, так округлим.
• Десятая цифра остается прежней, равной 7. Поскольку остальные цифры после запятой, их просто отбрасывают.

0,74 округлить до десятых будет 0,7

Округлить до сотых: 3,141

• Определите цифру сотых: 4 в 3,141
• Определить следующее наименьшее разрядное значение: второй 1 из 3,141
• Эта цифра больше или равна пяти? Нет, так округлим.
• Цифра сотых осталась прежней, равной 4. Отбросьте цифры справа от 4.

3.141 округление до сотых равно 3.14

Связанные калькуляторы

Чтобы узнать, как округлить число до ближайшего кратного, см. Калькулятор округления до ближайшего множителя. Округление до кратных целых чисел или десятичных долей, таких как десятые, сотые, тысячные и т. д.

Дополнительная литература

About.com on Как округлять числа

MathPlayground: Как ты делаешь раунд?

Math. com имеет несколько уроков по оценке и округлению.

 

Подписаться на CalculatorSoup:

Округленное определение и значение — Merriam-Webster

округлый ˈrau̇n-dəd 

1

: округлый : плавный, а не зубчатый или угловатый

2

: полностью развитый

округлость существительное

Примеры предложений

столешница с закругленными углами вино с округлено символов Роман дает округленную картину жизни нелегального иммигранта в США

Недавние примеры в Интернете Каждая столовая посуда имеет расклешенную ручку с тонкими закругленные края , а горлышко посуды украшено двумя выпуклыми горизонтальными линиями, которые придают элегантный современный вид. — Нафиса Аллен, Better Homes & Gardens , 15 декабря 2022 г. Elevate — это версия элегантного дизайна Sonos от Vizio с большим количеством 90 229 закругленных 90 230 краев и более темным угольным цветом. — Хейли Спранкл, WIRED , 10 декабря 2022 г. Apple может разрабатывать модели с закругленные края. — Крис Смит, BGR , 9 декабря 2022 г. Квадратный циферблат с 90 229 закругленными краями 90 230 украшен усложнением, указывающим на фазы Луны. — Сара Медфорд, WSJ , 2 декабря 2022 г. Этот стильный холодильник имеет массу ретро-привлекательности, с хромированными ручками и отделкой, закругленными краями и глянцевой черной отделкой. — Рэйчел Кляйн, 9 лет. 0229 Популярная механика , 14 ноября 2022 г. Бутылка прямоугольная, с закругленными краями, серебристой отделкой и вертикальными ребрами, покрывающими весь продукт. — Учебник по уходу, The Salt Lake Tribune , 4 ноября 2022 г. Любимые функции включают в себя плавающие титановые пластины с закругленными краями для равномерного распределения тепла и отсутствие складок и зацеплений, которые мы все испытали, пытаясь создать волны с помощью обычного утюга. — Натали Алкала, 9 лет.0229 The Hollywood Reporter , 25 октября 2022 г. С закругленными краями и пятью цветами на выбор, этот стакан имеет керамическую внутреннюю часть и вакуумное уплотнение с двойными стенками, чтобы сохранить ваш напиток горячим или холодным до 12 часов. — Ли Гольдштейн, Bon Appétit , 18 октября 2022 г. Узнать больше

Эти примеры предложений автоматически выбираются из различных онлайн-источников новостей, чтобы отразить текущее использование слова «закругленный». Мнения, выраженные в примерах, не отражают точку зрения Merriam-Webster или ее редакторов. Отправьте нам отзыв.

История слов

Первое известное использование

15 век, в значении, определенном в смысле 1

Путешественник во времени

Первое известное использование округлено было в 15 веке

Посмотреть другие слова из того же века круговорот

округлый

округленная бинарная форма

Посмотреть другие записи поблизости 

Процитировать эту запись

Стиль

MLAЧикагоAPAMМерриам-Вебстер

«Округлый». Словарь Merriam-Webster.com , Merriam-Webster, https://www.merriam-webster.com/dictionary/rounded. По состоянию на 7 января 2023 г.

Ссылка на копию

Детское определение

округлено

прилагательное

округлый ˈrau̇n-dəd 

: Кримирование или круглый по форме

БОЛЬШЕ от Merriam-Webster на

округлый

Тезаурус: все синонимы и Antonyms для округлые

Nglis Перевод с округлением для говорящих на арабском языке

Последнее обновление: 24 декабря 2022 — Обновлены примеры предложений

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

Merriam-Webster без сокращений

загадка

См.