Какие типы кнопок существуют и для каких задач они применяются?

Некоторые типы кнопок и их назначение:

• Главные кнопки (Primary Buttons). itsets.ru Основные кнопки интерфейса, которые привлекают наибольшее внимание. itsets.ru Предназначены для ключевых действий: оформления заказа, регистрации, отправки формы, завершения транзакции. itsets.ru
• Второстепенные кнопки (Secondary Buttons). itsets.ru Используются для дополнительных действий, которые менее важны, чем основное. itsets.ru Обычно имеют менее насыщенный цвет или контурный стиль. itsets.ru
• Третичные кнопки (Tertiary Buttons). itsets.ru Применяются для второстепенных действий, которые не требуют яркого акцента, но всё же должны оставаться доступными. itsets.ru
• Кнопки действий (Action Buttons). itsets.ru Используются для выполнения быстрых действий в интерфейсе. itsets.ru Могут быть как текстовыми, так и иконочными. itsets.ru
• Кнопки-призраки (Ghost Buttons). itsets.ru Выглядят полупрозрачными или просто имеют контур, используются в минималистичных и лёгких интерфейсах, чтобы не перегружать дизайн. itsets.ru
• Плавающие кнопки действия (Floating Action Button, FAB). itsets.ru web-design.academy Используются в мобильных интерфейсах для выполнения главного действия на экране. itsets.ru Это кнопка, которая всегда на виду и доступна для пользователя. itsets.ru
• Бургер-меню. tenchat.ru Кнопка, которая скрывает основное меню и раскрывает его при нажатии. tenchat.ru Располагается либо в верхнем правом, либо в верхнем левом углу экрана. tenchat.ru Используется в мобильных версиях сайтов, приложениях и в десктопной версии, когда перечень в меню слишком большой. tenchat.ru
• Раскрывающиеся списки (dropdown). tenchat.ru Выглядят обычно в виде одной строки, на которую нужно нажать. tenchat.ru Раскрывается меню, в котором отображается установленный по умолчанию или выбранный пользователем элемент. tenchat.ru
• Переключатели. tenchat.ru Элемент управления, который позволяет сделать выбор между разными по значению опциями. tenchat.ru Например, вкл/выкл, переключение языка и т. д.. tenchat.ru