1 Радиусы в дизайне
Если это увидеть, уже не развидишь, так что будьте осторожны с этим постом
Первая мудрость заключается в том, что когда друг на друге стоит несколько прямоугольников со скругленными углами, нормальные пацаны и пацанессы строят эти скругления от общего центра. Хороший пример — Айфоны, у которых даже скругления в операционке дружат с формой корпуса.
Плохие примеры можете поискать сами, посмотрев на окружающую вас бытовую технику.
2 Сквирклы–суперэллипсы
Вторая мудрость заключается в том, что построение радиусов скругления из одной точки — это еще не рецепт красивой гуманистической формы. Следующий шажок — отказаться от радиусов вообще в пользу более изящных способов скруглять углы. Один из таких способов практически застолбила Эппл, делая почти все свои продукты суперэллипсами.
Суперэллипс — это математически среднее между эллипсом и прямоугольником. Его частный случай еще называют сквирклом, объединяя слова square и circle.
Тут можно сделать много оговорок, что «среднее» между ними может быть очень разным, но математику, стоящую за идеей суперэллипсов гуглите сами.
В чем кайф сквирклов? В том, что нет резкого перехода между идеально ровной стороной прямоугольника и скруглением по радиусу. Благодаря чему 2д-формы и реальные объекты выглядят более гармоничными и даже, кхм-кхм, природно красивыми.
Специально визуализировал внизу разницу в кривизне. В первом случае есть ступенька между бесконечной кривизной ровной грани и значением кривизны скругления. Во втором — кривизна плавно нарастает, доходит до максимума и так же плавно сходит на нет.
2.1 Давайте еще в объеме посмотрим
Скругления-радиусы еще более стремно выглядят в тридэ. Глаз просто отказывается воспринимать обычный куб с фасками реальным объектом. Спасают сложные материалы с рельефом-фактурой-текстурой, которые хорошо скрывают эффект неестественности внесением в форму объекта несовершенств.
А что насчет суперэллипсов? К сожалению, в моем тридэ-пакете нет простых способов построить фаску произвольной формы для всех граней кубика, поэтому покажу на примере скругления только четырех из них. Даже так видно, что сквиркл лишен недостатка с резким переходом от скругления к радиусу, хоть и создает несколько других проблем.
Как и любые другие решения, суперэллипсы — не идеальное решение для всех случаев дизайнерской жизни.
Например, реализовать такую форму в вебе сегодня можно только через сложные векторные костыли, в то время как обычное скругление радиусом требует буквально вот такого кода:
border-radius: 32px;
Поэтому в вебе всем наплевать на сквирклы. А вот в Айфонах они используются постоянно, о чем дизайнер должен знать. Да и вообще полезно понимать преимущества и недостатки существующих решений, чтобы выбирать оптимальное под задачу.
