May 12, 2022

Как сделать идеальную кнопку

1. Горизонтальные отступы

Не нужно загонять текст в «тюрьму», делать кнопки слишком узкими, а также не стоит делать их слишком широкими.

Идеальный отступ для удобного взаимодействия с кнопкой – 32px

2. Вертикальные отступы

Кнопка не должна быть слишком высокой или наоборот плоской.

18px – идеальный отступ


Для создания кнопок в Figma можно использовать Auto Layout, там очень удобно задавать параметры отступов


3. Шрифт и его размер

Не стоит использовать слишком большой или маленький размер шрифта, 16pt - самый оптимальный вариант. Так же стоит заметить, что слишком тонкий стиль шрифта может быть плохо читаемым.


Заключение

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