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