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