🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
У «Кинопоиска» белое поле ввода находится прямо под словами «Войти на сайт». Кажется, что туда нужно ввести имя или пароль. А кнопка «Искать» отделена втрое большим отступом.
Газете.ру, кажется, стоит ещё поискать способ понравиться мужчине.
У «Кинопоиска» белое поле ввода находится прямо под словами «Войти на сайт». Кажется, что туда нужно ввести имя или пароль. А кнопка «Искать» отделена втрое большим отступом.
Газете.ру, кажется, стоит ещё поискать способ понравиться мужчине.
Проблемы с близостью часто встречаются при использовании радиокнопок. В приглашении оценить отель радиокнопки ближе друг к другу по вертикали, чем по горизонтали. Кажется, что нужно выбрать, что именно в отеле было хорошо: персонал, уборка или расположение.
Окно установки «Аудишена» на первый взгляд кажется абсурдным: в группе радиокнопок выбрано сразу несколько вариантов. Контрастные горизонтальные линии не спасают — близость сильнее.
Проблемы с близостью часто встречаются при использовании радиокнопок. В приглашении оценить отель радиокнопки ближе друг к другу по вертикали, чем по горизонтали. Кажется, что нужно выбрать, что именно в отеле было хорошо: персонал, уборка или расположение.
Окно установки «Аудишена» на первый взгляд кажется абсурдным: в группе радиокнопок выбрано сразу несколько вариантов. Контрастные горизонтальные линии не спасают — близость сильнее.
Группа радиокнопок, или радиогруппа — набор связанных по смыслу элементов, из которых может быть выбран только один. Важно всегда видеть их вместе, чтобы понимать, что выбрано и из чего.
Поэтому классические радиокнопки должны стоять друг под другом. Иначе их отделяют друг от друга собственные названия.
Если хочется поставить радиокнопки в строку, то вместо кружков стоит использовать горизонтальный переключатель.
Плохо
Хорошо
Тоже хорошо
Группа радиокнопок, или радиогруппа — набор связанных по смыслу элементов, из которых может быть выбран только один. Важно всегда видеть их вместе, чтобы понимать, что выбрано и из чего.
Поэтому классические радиокнопки должны стоять друг под другом. Иначе их отделяют друг от друга собственные названия.
Если хочется поставить радиокнопки в строку, то вместо кружков стоит использовать горизонтальный переключатель.
Плохо
Хорошо
Тоже хорошо
Кружки радиокнопок должны стоять близко друг другу, потому что радиокнопки образуют группу. Но подписи должны стоять ещё ближе к своим кружкам: кружок и подпись — это один элемент.
Чекбокс также должен быть ближе к собственной подписи, чем к соседним элементам.
Артём Горбунов. Типографика и вёрстка.
Глава «Правило внутреннего и внешнего»
Кружки радиокнопок должны стоять близко друг другу, потому что радиокнопки образуют группу. Но подписи должны стоять ещё ближе к своим кружкам: кружок и подпись — это один элемент.
Чекбокс также должен быть ближе к собственной подписи, чем к соседним элементам.
Артём Горбунов. Типографика и вёрстка.
Глава «Правило внутреннего и внешнего»
Плохо
Лучше
Близость — самый естественный способ показать связь. В формах следует группировать связанные поля, размещая их ближе друг к другу.
Такая форма выглядит проще: вместо дюжины полей мы видим пять групп.
Близость — самый естественный способ показать связь. В формах следует группировать связанные поля, размещая их ближе друг к другу.
Такая форма выглядит проще: вместо дюжины полей мы видим пять групп.
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015