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