Путеводитель по кнопкам — история интерфейсов

Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia В реестре: vk.cc/cKf8V5 Автор проекта: @kirillgreen

uxuiкнопки

Книга, которая помогает действительно понять UX/UI.

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

«Путеводитель по кнопкам» — практическая книга о UX/UI, которая объясняет не как сделать красиво, а как действительно работает интерфейс. Она проводит читателя через историю пользовательских интерфейсов — от первых компьютеров до шлемов дополненной реальности — и показывает, что интерфейсы стали такими не случайно, а в результате эволюции лучших решений.

Каждая глава книги посвящена одному компоненту. Книга разбирает кнопки, чекбоксы, текстовые поля, меню, выпадающие списки на уровне анатомии: из чего они состоят, какие состояния имеют и почему одни решения работают, а другие — нет.

Дизайнеры часто сталкиваются с проблемой: нужно быстро нарисовать какой-нибудь элемент интерфейса, а примера как назло нет под рукой. Мы перебираем популярные продукты: Notion, Trello, Яндекс, Amazon, Airbnb в попытках вспомнить, где видели хорошее решение. В книге рассмотрены 180 интерфейсов популярных приложений и сервисов, а число примеров и скриншотов превышает 500 иллюстраций. Книга формирует насмотренность и является настольным справочником лучших решений UX/UI-дизайна.

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

Структура книги позволяет пропускать сложные места и возвращаться к ним позднее. На страницах разбросаны 35 QR-кодов, что делает ее по-настоящему интерактивной. Не понятен материал? Просто наведите телефон — и посмотрите видеоурок или прочитайте статью.

«Путеводитель по кнопкам» уже в продаже. Издательство Альпина. Можно купить на сайте издательства, в Яндекс.Маркете, на Озоне и в крупных книжных магазинах страны.

🎄 Отличный новогодний подарок для любого UX/UI-дизайнера.

Реклама. Маркелов А.В., ИНН: 502480164490, erid: 2SDnjdio9MZ

Обложка книги «Путеводитель по кнопкам»: крупный план белой обложки с названием, декоративным узором и указанием издательства — стилизованное изображение книги.
Обложка книги «Путеводитель по кнопкам», издание Альпина.
Рука держит книгу за корешок: вид сбоку на тонкую белую книгу с надписью «Путеводитель по кнопкам», человек демонстрирует формат и толщину издания.
Вид корешка книги в руке — оценка формата и толщины издания.
Разворот книги с хронологией интерфейсов: временная шкала от ранних компьютеров до Vision Pro и логотипы продуктов, показаны ключевые вехи эволюции интерфейсов.
Хронология развития интерфейсов внутри книги — от Xerox Alto до Vision Pro.
Содержание книги: разворот с оглавлением, список глав и номеров страниц — показывает структуру издания и количество разделов по компонентам интерфейсов.
Оглавление книги с перечнем глав и разделов.
Фотография разворота: заглавная страница части «Настольные интерфейсы» и фотография ретро-компьютера на соседней странице, иллюстрирует стиль верстки и визуальный ряд книги.
Пример разворота с иллюстрациями и заголовком раздела.
Разворот с текстом и иллюстрациями: обсуждение выпадающих списков и автозаполнения, примеры интерфейсных паттернов и скриншоты для наглядности в книге.
Фрагменты страниц с таблицами и примерами компонентов: фото демонстрирует анатомию элементов, подписи и визуальные примеры использования кнопок и полей ввода.
Разворот раздела «Смешанная реальность»: крупная фотография человека в шлеме VR и заглавие раздела, иллюстрирует тему виртуальных интерфейсов в книге.
Ещё один разворот с крупными иллюстрациями и снимками страниц книги: демонстрация макетов, скриншотов и фотографий, используемых для объяснения интерфейсных решений.
Фото сзади книги в руках: вид задней обложки, штрих-код и держание книги рукой — показывает реальный предмет и контекст использования в быту.