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