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