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