Какие бывают виды кнопок на веб-ресурсах?
Кнопки – неотъемлемые элементы дизайна, позволяющие пользователям взаимодействовать с web-ресурсом, приложением, игрой. На первый взгляд, они кажутся одними из простейших элементов UI, но на самом деле прошли долгий путь изменений. В этой статье мы поговорим об эволюции кнопок, выберем наиболее актуальные и эффективные их виды.
1. Трехмерные кнопки
Один из первых типов, который основываюеся на рельефе и игре теней. Трехмерные кнопки выглядит контрастно на фоне ,пользователям легко понять, что это один из элементов, поддерживающих клики и нажатия.
Для визуальной иерархии и легкого распознавания интерактивных элементов используются толстые и тонкие тени, а также подсветки для трехмерных эффектов.
2. Скевоморфические кнопки
Благодаря приемам скевоморфизма, элементы UI имеют вид реальных объектов. Это один и видов баттонов, способных помочь человеку понять, как использовать интерфейс. Скевоморфические кнопки сейчас используются редко, но при этом выглядят они стильно.
3. Плоские
Одно из глобальных изменений современного дизайна – отказ от скевоморфических кнопок и переход к плоским. Они имеют яркие цветовые заливки и несложные формы. Плоские кнопки подсказывают пользователям, что на элемент можно «кликнуть».
4. Плавающие
Плавающие кнопки имеют едва видимые тени, дополнительную подсветку и слои. Как правило, они располагаются на слоях основного интерфейса. Привлекают внимание наличием рекомендуемого действия.
5. Контурные или призраки
Стали популярны благодаря появлению iOS 7. Это полностью прозрачные кнопки, имеющие несложную форму, но контрастную обводку. Цвет текстового описания внутри кнопки, как правило, соответствует кайме. Несложные прямоугольные формы вместе с хорошим шрифтом имеют привлекательный вид и являются одним из главных элементов эмоционального дизайна.
Кнопки – неотъемлемые элементы дизайна, позволяющие пользователям взаимодействовать с web-ресурсом, приложением, игрой. На первый взгляд, они кажутся одними из простейших элементов UI, но на самом деле прошли долгий путь изменений. В этой статье мы поговорим об эволюции кнопок, выберем наиболее актуальные и эффективные их виды.
1. Трехмерные кнопки
Один из первых типов, который основываюеся на рельефе и игре теней. Трехмерные кнопки выглядит контрастно на фоне ,пользователям легко понять, что это один из элементов, поддерживающих клики и нажатия.
Для визуальной иерархии и легкого распознавания интерактивных элементов используются толстые и тонкие тени, а также подсветки для трехмерных эффектов.
2. Скевоморфические кнопки
Благодаря приемам скевоморфизма, элементы UI имеют вид реальных объектов. Это один и видов баттонов, способных помочь человеку понять, как использовать интерфейс. Скевоморфические кнопки сейчас используются редко, но при этом выглядят они стильно.
3. Плоские
Одно из глобальных изменений современного дизайна – отказ от скевоморфических кнопок и переход к плоским. Они имеют яркие цветовые заливки и несложные формы. Плоские кнопки подсказывают пользователям, что на элемент можно «кликнуть».
4. Плавающие
Плавающие кнопки имеют едва видимые тени, дополнительную подсветку и слои. Как правило, они располагаются на слоях основного интерфейса. Привлекают внимание наличием рекомендуемого действия.
5. Контурные или призраки
Стали популярны благодаря появлению iOS 7. Это полностью прозрачные кнопки, имеющие несложную форму, но контрастную обводку. Цвет текстового описания внутри кнопки, как правило, соответствует кайме. Несложные прямоугольные формы вместе с хорошим шрифтом имеют привлекательный вид и являются одним из главных элементов эмоционального дизайна.