Задолго до алфавита люди рисовали. Бизон на стене пещеры, солнце над горизонтом, фигура с поднятыми руками — каждый из этих знаков передавал смысл без слов. Иконография — это самый древний интерфейс, который когда-либо создавало человечество. И в эпоху цифрового дизайна она переживает подлинный ренессанс.
Иконка — это сжатое высказывание. В 24 пикселях она должна вместить понятие, которое иначе потребовало бы нескольких слов. При этом она должна быть мгновенно считываемой, культурно нейтральной (насколько это возможно) и визуально согласованной с сотнями других иконок той же системы. Это одна из самых технически сложных задач в дизайне — и одна из самых недооценённых.
Три уровня абстракции
Любой визуальный символ существует на одном из трёх уровней абстракции. Первый — иконический: изображение напоминает то, что обозначает. Конверт как символ письма, лупа как символ поиска. Второй — индексальный: связь между знаком и значением основана на смежности или причинно-следственной связи. Молния как обозначение электричества. Третий — символический: связь условна и определяется конвенцией. Значок «play» не похож на воспроизведение видео — но все знают, что он означает.
Лучшие иконки работают сразу на нескольких уровнях или эффективно переводят абстрактное понятие в иконический образ. «Корзина» для удалённых файлов — это образ из физического мира, перенесённый в цифровой. Папка для документов. Рабочий стол. Весь ранний интерфейсный дизайн построен на этой метафоре: цифровое через знакомое физическое.
Система важнее отдельной иконки
Профессиональный дизайнер иконок никогда не работает с одним символом в отрыве от системы. Иконки существуют в наборах, и качество набора определяется не красотой каждого отдельного знака, а их согласованностью между собой. Единая толщина штриха, единый стиль скруглений углов, единое отношение к детализации — всё это формирует «голос» системы.
Когда одна иконка в интерфейсе нарисована в плоском стиле, другая — с тенями, третья — с обводкой другой толщины, система рассыпается. Пользователь не всегда осознаёт, что именно его раздражает, но он чувствует: что-то не так. Это ощущение стоит доверия к продукту.
«Иконка — это не украшение интерфейса. Это его словарь. А словарь должен быть последовательным.»
Когда иконка не работает
Есть понятия, которые принципиально сложно иконизировать. Абстрактные действия — «настроить», «управлять», «проанализировать» — требуют либо метафоры, либо сопроводительного текста. Дизайнеры часто ошибаются, пытаясь создать иконку для каждого действия: интерфейс превращается в ребус, где пользователь вынужден угадывать значение каждого знака.
Правило большого пальца: если для объяснения иконки нужна подсказка при наведении — скорее всего, иконка не справляется со своей задачей. Либо стоит добавить подпись, либо переосмыслить образ. Иконография работает там, где образ говорит сам за себя. Если он молчит — пусть говорят слова.