Примеры дизайнов кнопок на сайтах и в интерфейсах (с 2009 и до наших дней)

Кнопки для веб-сайтов и приложений используются повсеместно: при входе в профили социальных сетей, совершении покупок в интернете, отправке сообщений через форму обратной связи и т.д. Это один из самых важных

элементов UI/UX дизайна и онлайн проектов в навигации и разного рода призывах к действию (Call To Action). Поэтому не удивительно, что ему уделяется достаточно много внимания.

Сегодня публикуем перевод одной интересной статьи от Wojciech Dobry, где собраны примеры кнопок на сайтах и приложениях, начиная с далекого 2009. Все скриншоты взяты из популярной тематической соц.сети Dribbble, которая начала свою деятельность в том же году. Вместе с регулярной сменой общих дизайнерских трендов со временем также изменялось представление о том как должен выглядеть эффективный дизайн кнопок для сайта / приложений.

По каждому пункту кроме непосредственно самой графики будет небольшой комментарий. Всего проработано около тысячи иллюстраций из Dribbble, поэтому выборку вполне можно считать репрезентативной, хотя она и является неким субъективным мнением автора.

2009

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

Прочитано 339 раз

Закажите звонок!
и мы свяжемся с вами в ближайшее время

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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

ЗАЯВКА НА УСЛУГУ

Заполняется для первичного обмена информацией и последующего конструктивного диалога.


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