Найти в Дзене

Как правильно закруглять кнопки | SSITES

Оглавление

Выбор закругления кнопок оказывает огромное влияние на восприятие твоего проекта. Давай вместе исследуем этот вопрос.

0px Radius

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

+ Показывает профессионализм организации

+ Не захламляет интерфейс

+ Организует и подчеркивает линии интерфейса

- Давно используется

- Отражает корпоративный характер сайта

0px Radius
0px Radius

3-4px Radius

Самый простой в использовании. Негласный стандарт полей и форм.

Он дружелюбнее, проще в использовании, но все еще официальный

+ Показывает профессионализм организации

+ Прост в использовании, такой кнопкой сложно испортить дизайн

+ Отображает дружественные настроения сайта

- Давно используется

- Отражает корпоративный характер сайта

3-4px Radius
3-4px Radius

6-12px Radius

Если вы гонитесь за свежими решениями, то этот варинт для вас.

На мой взгляд, это самый трендовый вариант закругления

+ Свежий взгляд, необычный вид

+ Показывает "инновационность" продукта

+ Отображает дружественные настроения сайта

- Совершенно не серьезный

- В неправильном проекте не смотрится

6-12px Radius
6-12px Radius

Fully Rounded

Мой любимый вариант. Самый приятный для глаза и интерфейса. НО могут возникнуть проблемы с текстами, полями и тенями

+ Легко воспринимается глазом

+ Настраивает на креатив и свободное отношение

- Проблемы с версткой

- Можно перепутать со второстепенными элементами, при сравнении с другими сайтами

Fully Rounded
Fully Rounded

https://ssites.spb.ru