Значок пиктограмма: Иконки пиктограммы — 1,372 бесплатных иконок

02.05.2023 Facebook Twitter LinkedIn Google+ Разное

что это: значение и примеры

Пиктограммы в истории и повседневной жизни

Ученые предполагают, что знаки, непосредственно изображающие предметы или понятия, были предшественниками современных букв алфавита. В письменности Древнего Египта пиктограммы на много веков остались практически неизменными, в них легко узнать конкретные объекты, например птиц.

Фрагмент иероглифической египетской надписи. Источник

За счет способности пиктограммы быстро передавать смысл она развивалась на протяжении всей истории человечества. Сегодня нас окружает огромное количество схематических изображений: дорожные знаки, навигация в торговом центре, иконки приложений на смартфонах, обозначения на продуктах питания и др.

Выдуманные пиктограммы олимпийских видов спорта с животными в главной роли от Johann Banta. Источник
  1. Картинка работает на визуальное восприятие, которое значительно быстрее доносит информацию до мозга, чем текст. 
  2. Пиктограмма проста и хорошо запоминается, а это значит, что ее легко распознать без дополнительных усилий.
  3. Пиктограмма содержит большой объем значений при малом размере, поэтому помогает экономить место.
  4. В отличие от слов на разных языках, пиктограмма может одинаково восприниматься людьми из любых стран. 

Пиктограмма в дизайне

Благодаря всем этим преимуществам пиктограммы широко используются в современном дизайне. Одна из наиболее ярких сфер их применения — интерфейсы. Неотъемлемый элемент любого веб-интерфейса — иконка. Только на одном экране приложения может быть 8–10 или более иконок: значки фильтра, избранного, поиска, корзины, чата, меню и др. Они привычны и понятны для современных интернет-пользователей. 

Дизайн каталога от Ruslan Valiakhmetov. Источник

Иконки применяются не только как элемент интерфейса, но и как дополнительный источник информации и деталь, привлекающая внимание. Например, они часто дополняют блок с преимуществами компании или продукта и блок этапов работ. В иконках нередко воплощается не прямое, а символическое значение изображаемого ими объекта. В примере ниже пиктограмма драгоценного камня символизирует уникальность, ценность услуги для потребителей, а корона говорит о высоком уровне и большом опыте компании. 

Фрагменты дизайна сайта от Татьяны Hlo60. Источник

Пиктограммы находят свое применение и в брендинге. Очень часто логотип полностью является пиктограммой или содержит ее как одну из составляющих частей. Такие схематичные изображения как нельзя лучше подходят для выражения основной идеи бренда. Например, улыбка может символизировать радость и удовольствие от покупки, а изображение растения — экологичность. 

Логотип Tanya Magera для мастерской по ремонту электромобилей. Источник

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

Пиктограммы животных в иллюстрации от Małgorzata Bury. Источник

Принципы пиктограмм в дизайне

Сегодня пиктограммы создаются с учетом трех принципов, сформулированных в рамках швейцарского стиля в графическом дизайне.  

  1. Геометризм

Это возможность представить сложное по форме изображение в виде простых фигур: круга, квадрата, треугольника, линии и пр. Современные иконки иногда полностью геометричны, а иногда раскладываются на более мелкие составные элементы.

  1. Минимализм

Это упрощение до такой степени, чтобы использовать минимум изобразительного материала (например, всего одну непрерывную линию, как в примере ниже) для выражения максимума смысла. 

Иконки от дизайнера loooop. Источник
  1. Использование сетки

Сетка — это невидимые глазу четкие и часто симметричные ограничения, в рамках которых создается современная пиктограмма. Направления в сетке могут быть как вертикальными и горизонтальными, так и диагональными.

ИСКРА —
неделя знакомства
с дизайн-профессиями

бесплатно

ИСКРА —
неделя знакомства
с дизайн-профессиями

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

разжечь искру

Разница между знаком, символом, пиктограммой, идеограммой, иконкой, логотипом, товарным знаком и брендом

Владимир Соловьёв

Общепринятое объяснение разницы между несколькими сходными понятиями, в которых все путаются.

В обиходной речи часто путают между собой близкие графические понятия:

  • знак;
  • символ;
  • пиктограмму;
  • идеограмму;
  • эмблему;
  • герб;
  • иконку;
  • логотип;
  • товарный знак;
  • бренд.

У каждого термина есть своё чёткое определение. Следует различать эти понятия.

Знак

Знаком, в графическом дизайне, называют общепринятое вариативное изображение для обозначения какого-либо конкретного смысла.

Например:

  • Знаки валют;
  • Буквы это знаки для звуков;
  • Ноты это знаки длительности звука. (А их расположение для обозначения высоты звука — это не знак, а применение знаков в условных обозначениях нотного стана).

О том как выглядит знак и что он обозначает должна знать группа людей. Если обозначение не общепринятое, то это Значок.

Дорожные знаки — на самом деле вовсе не знаки, а пиктограммы и идеограммы.

Графически один и тот же знак может быть изображён по разному — главное чтобы сохранилась узнаваемая конструкция штрихов. Например, вот как выглядит один и тот же знак обозначения конца строки pilcrow в разных шрифтах.

Символ

Символ это общепринятое вариативное изображение для обозначения многозначного образа, понятия, идеи или явления. Проще говоря, символ это знак у которого много смыслов.

Например:

  • Символы религий и философий;
  • Астрономические символы;
  • Символы зодиака (которые принято называть знаками, но это не знаки)

Символ также можно изображать по разному, сохраняя узнаваемую топологию.

Пиктограмма

Пиктограмма это знак, на котором буквально изображено его значение.

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

Пиктограммы, например, используются для поддержки информативности на навигационных вывесках.

Идеограмма

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

Для примера, среди дорожных знаков множество идеограмм. Так, велосипед в круге обозначает не «велосипед», а «велосипедная дорожка».

Идеограммы это графический язык. Например, если пиктограмма роликовых коньков дополнена запрещяющим знаком — то это уже идеограмма обозначающая «не кататься на роликах».

В языке сложилась традиция называть идеограммы пиктограммами, поскольку границы этих понятий не чёткие.

Эмблема

Эмблема это символ, которому группой людей специально присвоен определенный смысл. Заложенный смысл может отличаться от общепринятого понимания взятого за основу символа.

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

Каждый логотип — эмблема, но не каждая эмблема — логотип.

Герб

Герб это эмблема существующая в рамках геральдических правил. Герб — вариативное изображение, один и тот же герб может быть нарисован по разному, при этом элементы участвующие в изображении должны оставаться одними и теми же (т.е. знаками, пиктограммами).

Кроме знаков и пиктограмм смысловую нагрузку в гербах несёт цвет.

Иконка

Иконка это калька с английского «icon». По-русски принято говорить «Значок».

Этот термин неотрывно связан с графикой и интерфейсом на компьютере, поскольку всегда подразумевает обозначения действия или свойства в интерфейсе. При изображении на реальных предметах это будет или пиктограмма или идеограмма или иллюстрация.

Путаница: одно из значений «icon» в переводе с греческого (είκων) — символ.

Например дискета — идеограмма действия «сохранить», а не обозначение дискеты.

Логотип

Давно, когда типографии для печати набирали буквы на матрицу словом logotype называли неделимую буквенную конструкцию которую не надо набирать из отдельных элементов.

Сегодня логотипом называют и эмблему, и шрифтовую композицию, и их комбинацию для товарного знака. При этом эмблему в логотипе могут называть или символом или знаком.

В английском языке эту путаницу развязали так: logo включает в себя symbol и logotype.

Товарный знак

Товарный знак (он же Знак обслуживания и Торговая марка, прямой перевод «trademark») это юридическая привязка графического изображения и его описания к правообладателю.

Бренд

Бренд это товарный знак который стал настолько известным что стал именем нарицательным. При этом бренд юридически принадлежит определённому лицу.

Например: Ксерокс, Памперс и Фломастер.

Общая схема понимания

Чтобы кратко подвести итог, вот схема для определения некоторых пересекающихся понятий:

Знак —

  • общепринятое (иначе иконка)
  • вариативное (иначе логотип)
  • изображение (если буквально, то пиктограмма, если условно, то идеограмма)
  • для обозначения какого-либо конкретного (иначе символ) смысла.

Посмотреть знаки, символы, логотипы, иконки в нашем портфолио
или

Что такое значок? И чем он отличается от пиктограммы?

Узнайте, как распознать значок и чем он отличается от другого графического символа: пиктограмма

Значки представляют собой небольшие рисунки с большим функциональным воздействием. В дизайне это означает, что вы можете сжать большое количество информации в ее минимальной форме выражения. Однако в других дисциплинах значки имеют другое значение.

Имея это в виду, графический дизайнер и любитель иконок Гермес Мазали (@hmazali) делится некоторыми из этих значений с сообществом Domestika и дает нам несколько советов, как распознать иконку и отличить ее от пиктограммы.

Гермес Мазали
Что такое икона?

Икона — это символ, сохраняющий сходство с объектом, который он представляет. Слово происходит от греческого eikon, что означает «образ» и «подсказка». Как правило, значки используются для передачи информации без слов.

Это символы с высокой степенью значимости, их легко расшифровать, но иногда для лучшей интерпретации им требуется якорь. Иконки начинаются с собственной концепции и стиля и передают сообщение или функцию. Они характеризуются соответствующей визуальной обработкой, графической свободой и цветовой палитрой.

Иконки обеспечивают необходимый баланс функций, синтеза и эстетики для создания языка, понятного каждому, независимо от языка, расы или возраста. Суть в том, чтобы удерживать большое количество информации в чем-то минимальном, что может немедленно донести сообщение.

Hermes Mazali
Каковы основные области применения иконок?

Поскольку они являются мощным средством визуальной коммуникации, их можно использовать в различных системах и средствах массовой информации: в вывесках зданий, музеях, аэропортах и ​​во многих других корпоративных приложениях. Они также применяются в средствах массовой информации и инфографике, в дизайне пользовательского интерфейса, в мобильных устройствах и для использования в Интернете.

Пиктограммы в основном используются в цифровом мире и мультимедийном дизайне.

Tubik Studio

Теперь, когда мы знаем, что такое значок, и прежде чем приступить к его разработке, мы должны сначала понять, что отличает значок от пиктограммы.

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

Основное отличие в том, что у иконы больше свободы творчества. Пиктограмма схематично представляет символы и объекты без деталей. Можно сказать, что это визуальное представление конкретного объекта с высокой степенью абстракции.

Ограничения пиктограммы более значительны, чем ограничения значка, потому что ее значение всегда должно быть ясным и должно быть признано любой культурой, языком, страной или верой. Пиктограмма должна быть чрезвычайно синтезирована, сведена к своему самому основному выражению.

Многие пиктограммы обычно используются на предупреждающих и защитных знаках. Они более объективны и формальны, а их стиль ограничен и строг. Ключом к их идентификации является то, что они выглядят как силуэты. Пиктограммы более формальны, а значки, с эстетической точки зрения, более интересны для передачи сообщения или концепции.

Иконки «Звездных войн»

Гермес Мазали преподает курс Domestika «Введение в дизайн иконок» — отличный способ изучить процесс, приемы и методы создания собственного семейства иконок, от создания до экспорта на различные носители.

Вам также могут понравиться:

— Дизайн пиктограмм, курс Ромуальдо Фауры.

— Создание оригинального логотипа с нуля, курс Tatabi Studio.
— Сьюзан Каре: культовая карьера.

Иконки, пиктограммы и символы — The Velvet Principle

  • от редактора

Изображение. Предоставлено: Департамент транспорта

. Что является разницей

Вероятно, рано или поздно вы столкнетесь с терминами пиктограмма, значок и символ. На жаргоне эти термины довольно безобидны. Символ как слово довольно универсально. Иконка может быть более тесно связана с религиозными артефактами или исключительным человеком, чем с дизайном карты, но у большинства будет широкое понимание того, что она означает в контексте поиска пути. И даже если они раньше не сталкивались с пиктограммой, они смогут сделать обоснованное предположение.

В обсуждениях нередко можно услышать, как два или даже все три используются взаимозаменяемо для описания одного и того же. Напрашивается вопрос, они означают одно и то же? И если да, виноваты ли мы в том, что используем три разных термина только для того, чтобы запутать?

Я всегда использовал значок для описания изображения, представляющего что-то физическое. Так что обычно на карте это будет графическое изображение конкретного здания — факсимиле достопримечательности, которую кто-то сможет связать с реальной вещью.

Пиктограмма

Принимая во внимание, что пиктограмма — это графическое изображение, используемое для передачи концепции или фразы, которую можно легко интерпретировать и понять. Стрелки — хороший пример пиктограмм в действии. Красный круг с диагональной красной линией, пересекающей стрелку, указывающую налево, представляет собой запрет на левый поворот в Правилах дорожного движения. Это простая диаграмма, которая передает инструкцию, для передачи которой потребуется короткое предложение.

Изображение предоставлено tripindicator.com

Изображение предоставлено The Highway Code

Символ

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

Comments
Leave Comment