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