Решён
В чем разница между иконкой и пиктограммой?

Сергей Козлов UI/UX
3.4k
4

Делаю UI-кит для внутреннего проекта, и в процессе обсуждения с дизайнером возник спор. Она говорит что иконки и пиктограммы это разные вещи, я считаю что это синонимы просто из разных контекстов.

В Figma мы называем все это icons, в старых книгах по интерфейсам встречается слово "пиктограмма". Есть ли реальная смысловая разница или это вопрос терминологической моды?

Решение
66
Участник • 1 ответ

Если коротко: пиктограмма это более широкий, исторический термин. Иконка - его частный случай в цифровых интерфейсах.

Пиктограмма (pictogram) - любой знак, передающий смысл через упрощенное изображение предмета или действия. Дорожные знаки, олимпийские символы видов спорта, значки на бирках одежды - все это пиктограммы. Термин пришел из семиотики и существует с середины XX века, задолго до персональных компьютеров.

Иконка (icon) в UI-контексте - пиктограмма, которая выполняет интерактивную функцию в графическом интерфейсе. Нажимаешь - что то происходит. Термин закрепился после Xerox PARC и Macintosh в 80-х.

На практике граница размыта. Иконка статуса батарейки в статус-баре не кликабельна, но все равно называется иконкой потому что живет в интерфейсе. А пиктограмма "выход" на двери магазина никто не назовет иконкой.

Твоя дизайнер права в том смысле, что это не полные синонимы. Но для именования компонентов в Figma разницы нет, называйте icons и не парьтесь.

Аватар Сергей Козлов

Четко разложила, спасибо. Покажу дизайнеру, пусть увидит что обоих нас можно считать правыми))

23
Эксперт • 1 ответ

В ГОСТ Р ИСО 7001 пиктограмма определяется как "графический символ, передающий свое значение посредством визуального сходства с физическим объектом". Термин "иконка" в российских стандартах вообще отсутствует, используется "значок" или "пиктограмма элемента управления".

Так что формально если вы работаете по ГОСТам (госзаказ, например), слово "иконка" неприменимо.

11
Участник • 4 ответа

Еще есть нюанс из семиотики Пирса. Там icon (иконический знак) - это знак, похожий на то, что обозначает. Photograph тоже icon в этом смысле. А symbol - знак по договоренности (буквы, цифры). Пиктограмма может быть и иконическим знаком, и символическим, в зависимости от степени абстракции.

Но это уже академическая кроличья нора, для практического дизайна интерфейсов оверкилл.

8
Участник • 2 ответа

Разницы нет, это одно и то же. Пиктограмма звучит умнее, иконка проще. Зависит от того хочешь ты произвести впечатление на заказчика или нет))

Написать ответ

Премодерация гостей

Вы отвечаете как гость. Ваш ответ будет скрыт до проверки модератором. Чтобы ответ появился сразу и вы получали репутацию — войдите в аккаунт.

Будьте вежливы и соблюдайте правила платформы.