Как стать автором
Обновить

Без углов и стресса: Формула успешного дизайна, или как правильно скруглить внутренние углы фигур

Уровень сложностиСредний
Время на прочтение2 мин
Количество просмотров5.5K
Всего голосов 12: ↑5 и ↓70
Комментарии8

Комментарии 8

ЗакрепленныеЗакреплённые комментарии

Спасибо за на столько развернутый комментарий и мнение, очень ценю.

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

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

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

А про успешное скругление рядом с кнопками-то чего забыли

Благодарю за наводку, это будет отличная тема для следующей статьи

Простое, но полезное правило. В MCAD-ах это реализовано автоматически.

Согласен. Отсутствие этой функции в Фотошопе и Иллюстраторе наталкивает на идею создания плагина под эту задачу

Про фотошоп не знаю, но вот например в Corel Draw так:

  1. рисуется прямоугольник, задается ему толщина абриса равная расстоянию B. Положение абриса внутрь.

  2. преобразовывается абрис в объект (Ctrl+Shitf+Q). Получается два прямоугольника со скругленными углами, и при этом расстояние как раз равное B

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

И получаем, что при radius <= padding будет прямой угол. Да и выглядит это правило зачастую очень не очень. Да, радиус должен быть меньше, но... Насколько? Какой будет минимальный? BigR - (0.5 .. 0.75)P = SmallR практически всегда выглядит лучше

Особенно порадовала кнопка «купить завтра»

Да и «купить сейчас» тоже шедевр.

Не городите огород, посмотрите как Амазон делает. Даже если у них что-то криво, то народ к этому привык и воспринимает как должное. (По крайней мере западный)

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

За слово «дизайн» /«дизайнер» пора уже по рукам клавиатурой бить :)

Дизайнер это кто вам эскиз обстановки квартиры нарисует.

Все остальное, особенно что с разработкой связано, Web и т.д. Давно пора в «промышленный дизайн» переименовать.

Одно слово добавили и какой результат….

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

Если рисуете дизайн сайта, то потрудитесь посмотреть на каком фреймворка его разрабатывать будут и используйте дефолтные компоненты/ цвета.

Потом поиграйтесь с цветами если клиенту цвета по умолчанию не нравятся.

И расположение и название элементов посмотрите на самых популярных сайтах.

А вас же в машине нет кнопки «завести сейчас» и «завести завтра»?

И медли у вас во всех машинах одинаково расположены: сцепление слева, торов справа.

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

Спасибо за на столько развернутый комментарий и мнение, очень ценю.

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

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

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

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории