Кнопки

Кнопки

www.behance.net/annaosipov6316

Решила сделать небольшую подборку кнопочек. Я сама использую не больше 5 видов, только меняю шрифты и цвет кнопок.

Думаю, что единственное настоящее правило в создании кнопок это не увлекаться процессом.

Создайте 2, максимум 3 вида кнопок и во всех остальных случаях меняйте только их название. Создайте их по приоритетам. Например заполненную цветом, самую активную кнопку используйте только в случаях, когда внимание пользователя обязательно нужно привлечь. Такая кнопка будет самая содержательная.

В зависимости от цвета фона к кнопке можно применить инверсию, при этом полностью сохранить её размеры


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

Такую кнопку так же можно сделать белого цвета при необходимости

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

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

В остальном все на вкус дизайнера, делать кнопка черными или синими. Заполненными цветом или с прозрачностью. Толстый контур или тонкий.

Обойтись без контурной рамки, добавить стрелочку или другие иконки.

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

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

Пара примеров крутяцких кнопочек в пост:




Report Page