Дизайн кнопок за последние десятилетия претерпел следующие изменения:
- Трёхмерные кнопки. habr.com С ранних дней кнопки операционных систем основывались на эмуляции рельефа и тени, чтобы отличать их от окружающих элементов. habr.com Это позволяло легко распознать кликабельный объект. uxgu.ru
- Скевоморфические кнопки. habr.com uxgu.ru Это кнопки, выглядящие как настоящие кнопки из реальной жизни (похожие текстуры, размер и т. п.). uxgu.ru
- Плоские кнопки. habr.com uxgu.ru Этот подход заключается в том, чтобы отобразить объект, не пытаясь сделать его похожим на физический аналог. uxgu.ru В результате такой объект приобретает минималистский вид, без традиционно применяемых тяжёлых визуальных эффектов. uxgu.ru
- Почти плоский дизайн и «плавающие» кнопки. habr.com Этот стиль использует едва видимые тени, подсветку и слои, чтобы вернуть некоторую глубину дизайну. habr.com
- Призрачные кнопки. habr.com uxgu.ru Это прозрачные и пустые прямоугольные или квадратные кнопки. uxgu.ru Они очерчиваются тонкой линией, отражающей активное и неактивное состояние. uxgu.ru
Функциональность кнопок также изменилась:
- Гибридные решения. mobile-review.com Современные кнопки становятся умнее: например, в игровых контроллерах Sony DualSense кнопки адаптируются к игровому процессу, изменяя уровень сопротивления. mobile-review.com В автомобилях BMW и Mercedes встречаются кнопки с комбинированными механико-сенсорными возможностями, где лёгкое касание активирует одну функцию, а полное нажатие — другую. mobile-review.com
- Инновационные материалы и долговечность. mobile-review.com Механические клавиши становятся тише, быстрее и прочнее. mobile-review.com Например, производители игровых клавиатур используют оптико-механические переключатели, обеспечивающие моментальную реакцию без износа контактов. mobile-review.com
Кроме того, в современных смартфонах появились виброотклики, которые имитируют нажатие механической кнопки. mobile-review.com