Рубрика «кнопки»

Кнопки в дизайне интерфейсов: эволюция стиля и рекомендации - 1

Кнопка – простейший каждодневный элемент дизайна для взаимодействий. Хотя кнопки кажутся простыми элементами UI, их дизайн за последние десятилетия сильно менялся. Но всегда в сторону улучшения распознавания и ясности.

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

Эволюция стиля

Трёхмерная кнопка

С ранних дней кнопки операционных систем основывались на эмуляции рельефа и тени, чтобы отличать их от окружающих элементов. Это дизайнерское решение было основано на простом принципе – использование кромки, градиента и тени выделяет элемент из фона, и его становится легко распознать как элемент, поддерживающий нажатие.
Читать полностью »

Автор: Komar aka Michał Trybus; Англо-русский перевод: firerock
Оригинал: blog.komar.be/how-to-make-a-keyboard-the-matrix

Это — первый пост из серии, посвящённой клавиатурам; надеюсь, он не будет последним. Хочется, чтобы в итоге получился курс по изготовлению клавиатуры с нуля. Сегодня я расскажу о цифровом вводе-выводе и о клавиатурных матрицах. Вооружитесь элементарными школьными знаниями из области электроники — и поехали.
Читать полностью »

Я занимаюсь интерфейсами и люблю подмечать детали, которые нас окружают. Особенно те, которые можно сделать лучше.

Знаете, я хотел бы начать с сокровенного. Я хочу поделиться страхом нажимать кнопки в лифте! Нет, не все. Лишь две из них, пиктограммы к которым мне кажутся, по меньшей мере, странными.

Панель кнопок в лифте: двери, не спешите закрываться - 1
Читать полностью »

Обзор и разбор клавиатуры Filco Majestouch 2 - 1

Наконец-то до меня добралась столь долгожданная клавиатура компании Filco! Мне кажется, каждый уважающий себя любитель механических клавиатур знает об этом производителе. Те же, кто только встаёт на путь истинный, сразу узнают, что Filco — это признанный эталон качества. Но на просторах России информации катастрофически не хватает: нет ни единого полноценного обзора. Разве что владельцы данных клавиатур поделятся своим опытом на тематических форумах. Именно поэтому я с таким нетерпением хотел узнать, что же это за зверь такой, о котором все знают, все его любят и хвалят, но за что именно — никому не известно. Так давайте же сегодня об этом узнаем. Пусть тайное станет явным!
Читать полностью »

В прошлой заметке я писал о том, как можно избавится от связи со StandardStyles.xaml в ваших проектах Windows 8.1. В частности, я указывал, что одним из самых популярных использований этого вспомогательного файла были AppBarButton стили, а также 200 различных символов, используемых для кнопок AppBar-а. Я решил ненадолго немного поглубже погрузится в эти стили, так как получил какое-то определенное количество писем с вопросами.
Читать полностью »

Обзор и разбор клавиатуры Das Keyboard 4 Professional Clicky - 1

Хочу поделиться с вами впечатлениями от тестирования механической клавиатуры Das Keyboard 4 Professional Clicky. Скажу сразу, что клавиатура показала себя с очень разных углов. С одной стороны, использованные материалы, внешний вид и детали говорят о высококачественном продукте. С другой — их реализация намекает на внутренние проблемы организации и затягивание гаек в бюджетах. Моих ожиданий клавиатура не оправдала.
Читать полностью »

Здравствуйте, читатели !

Не так давно я начал изучать программирование под Android и некоторое время назад столкнулся с проблемой, решением которой хочу поделиться со всеми, кто ещё не начинал, но планирует посвятить себя разработке приложений под эту платформу.
Читать полностью »

В этой подборке представлены уроки с наглядными примерами по созданию CSS-кнопок на любой вкус.

Fancy 3D Button with CSS3 [Демо | Подробности]

Большая подборка уроков по созданию CSS кнопокЧитать полностью »

Наткнулся на очень простой в реализации, но интересный rollover-эффект для кнопок на CSS. Автор — некий японец ksk1015.

Удивительно простой, но красивый CSS эффект

Демонстрация эффекта и процесс написания.Читать полностью »

Поначалу введение кнопок, заметно выпадающих из дизайна по своим размерам, встретила массу осуждений в топике, посвящённом обновлению сайта 22 мая. Представитель Хабра Boomburum вполне с этим согласен и предлагает дизайн кнопки отправлять ему на личное сообщение. Однако, красивость одного решения, которое созрело в течение дня, предлагаю оценить всем.

Картинка для привлечения внимания:
Предлагаются лёгкие кнопки «Дальше» (оптом, недорого)

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js