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