Блог: «Свое мнение: иконографика на распутье
«Иконки», по-другому, «ярлыки» или «значки», как элемент графического интерфейса давно стали частью нашей жизни. На сайтах и в мессенджерах, в ноутбуках и смартфонах — при нажатии на иконку запускается конкретное действие, будь то запуск приложения или открытие файла. История иконографики тесно связана с развитием операционной системой Windows. Однако в какой-то момент оказалось, что для некоторых новых функций еще не созданы иконки Windows.
Другой важный момент — не все значки устраивают пользователей. И вот результат – появились целые коллекции авторских иконок, созданные художниками и дизайнерами. Стоит приглядеться к ним: эти маленькие изображения – настоящие произведения искусства! Совсем недавно команда SEEK UX провела исследование об особенностях восприятия иконок пользователями. Мы отобрали все самое важное и интересное и решили поделиться этим с вами.
1. Иконки — помощники
Хорошо продуманные и легко узнаваемые значки транслируют нам информацию — мы просто «сканируем» ее с образа иконки и мгновенно воспринимаем. Например, поиск отелей с Wi-Fi теперь не требует внимательного изучения всей информации об отеле. Мы видим скрытый текст в символике доступных парковок, местах для курения и универсальном символе яда! Иконки экономят место и уменьшают когнитивную нагрузку, устраняя необходимость считывания письменных знаков.
В интерфейсах иконки просто жизненно необходимы, они улучшают навигацию и добавляют визуальную привлекательность проекту. Когда значки грамотно интегрированы в текст, не отвлекают внимание пользователя, а только расширяют смысл написанного, это становится большим плюсом для всего проекта. Помимо этого, иконки помогают нам при посещении страниц или реальных мест, где информация представлена на иностранном языке: универсальные символы позволяют легко ориентироваться даже при незнании языка.
2. «Шум» для интерфейса
Непроработанный дизайн иконок может оказать и плохую услугу пользователю. Мы говорим о тех случаях, когда совершенно непонятно, что именно изображают значки. В таком случае, иконки лишь «добавляют шум» в интерфейсе. Здорово, когда иконка сопровождается текстом или подсказкой, ведь один и тот же значок может означать совершенно разные вещи. Если мы ставим звезду, означает ли это, что данный элемент предпочитается нами больше остальных? Или это означает, что мы решили отложить это на потом? Или мы рекомендуем это для просмотра своим друзьям?
Кстати, Amazon решил эту дилемму, просто оставив кнопку с надписью «добавить в корзину», без какого-либо значка. Одна и та же иконка может означать разные вещи в разных контекстах, например, стрелка — для обмена, ответа, пересылки информации и т.д. Интересно, что некоторые иконки, морально устарев, продолжают широко использоваться. Давайте посмотрим на значок «сохранить» — это своеобразный «привет» из тех времен, когда мы пользовались информацией на дискетах. Потом мы перешли с дисков на компакт-диски, на USB и в облако, но иконка «сохранить» почему-то остается прежней, в том числе, и в продуктах Microsoft Office.
3. «Моя твоя не понимать»
Группа ребят из SEEK недавно провела исследование относительно понимания иконографики. Пользователей в письменной форме опросили, какой значок они бы выбрали, чтобы сохранить информацию. По оценкам этого исследования значок «дискеты» оказался лидирующим:
- 14% — значок «Сердце»
- 9% — значок «Звезды»
- 61% — флоппи-диск
- 16% — другое
SEEK заявляют: «Флоппи-диск для функции сохранения все еще доступен для всеобщего понимания, но, как дизайнеры, мы не хотим, чтобы такие «атавизмы» загромождали наши интерфейсы, поэтому мы предлагаем звезду или сердце для этой функции». Нужна ли вообще иконка для этой функции? Почему бы просто не нажать кнопку со словом «сохранить»? Ребята из SEEK решили пойти дальше в своем исследовании. Они показали пользователям 4 иконки без каких-либо пояснений и изолировано от интерфейса, а затем спросили, какие слова, фразы или действия они ассоциируют с данной иконкой (иллюстрация иконок – фото).
SEEK заявляют: «Флоппи-диск для функции сохранения все еще доступен для всеобщего понимания, но, как дизайнеры, мы не хотим, чтобы такие «атавизмы» загромождали наши интерфейсы, поэтому мы предлагаем звезду или сердце для этой функции». Нужна ли вообще иконка для этой функции? Почему бы просто не нажать кнопку со словом «сохранить»? Ребята из SEEK решили пойти дальше в своем исследовании. Они показали пользователям 4 иконки без каких-либо пояснений и изолировано от интерфейса, а затем спросили, какие слова, фразы или действия они ассоциируют с данной иконкой.
Ни одна из иконок не была понята одинаково всеми участниками проекта. Например, значок «сердце» воспринимается как: любовь (54%), нравится (35%), любимое (21%). Значок «звезда»: любимое (37%), сохранить (20%), топ (17%), важно (10%), рейтинг (8%). Это говорит нам о том, что пояснения рядом с иконкой никогда не окажутся лишними!
4. Большие надежды
Весь наш предыдущий опыт влияет на понимание иконок. Все, что проектирует дизайнер должно быть проверено на понимание целевыми пользователями. Для кого-то изображение треугольника ни о чем не скажет, в то время как для физика или математика ясно, что это обозначение слова «изменить». Если вы все-таки хотите, чтобы вас поняли, используйте пояснения к иконкам, ведь исследования показали: значков с метками пользователи касались в 80% случаях, в то время как для иконок без надписей это число сократилось до 60%.
По нашему мнению, тема иконографики все еще не раскрыта. «Новое слово» в этой теме еще не сказано – потенциал развития огромен. В интернете можно найти целые коллекции в рамках одной темы или сферы бизнеса, но предпочтения пользователей все еще не выявлены. Можно предположить, что после некой отшлифовки символов и знаков, сформируется новая система в иконографики, хотелось бы, чтобы к этому оказались причастны и наши, российские дизайнеры.
Мы проходим к каждой иконке с душой. Хорошая иконографика стоит тысячи слов!
Мы проходим к каждой иконке с душой. Хорошая иконографика стоит тысячи слов! Делаем сайты в Заречномс 2010 года Заречный
Мы самое дружелюбное и понимающее digital-агентство в Заречном, которому Вы можете довериться
Скачать презентацию в формате .pdf
Наш адрес: 127566,
Россия,
,
г. Москва,
Алтуфьевское шоссе,
д. 48к2 (офис 101)
Телефон: +7 (495) 166-19-31
Электронная почта: [email protected]
© Компания «Мультзавод», 2010—2023
Создание и продвижение сайтов г. Заречный
- Портфолио
- Прайс-лист
- Услуги
- Сопровождение сайтов
- Создание сайтов
- Продвижение сайтов
- Компания
- Блог
- Контакты
Мы делаем сайты по всей России.
Выберите свой город!Выберите свой город!
Хорошая иконографика стоит тысячи слов! Как особая форма коммуникации, иконографика дополняет визуальный язык бренда, грамотно презентует индивидуальную идею. Пользовательский набор иконок гораздо выразительнее стандартного, благодаря чему сайт смотрится в едином стиле; стандартные значки не дают уникализированного эффекта.
Многие digital-агентства упускают из вида такой важный элемент веб-дизайна, как иконки, а вот профессиональные студии заинтересованы в том, чтобы в штате был специалист, изучающий инфографику и один из ее разделов, иконографику. Отрисовку иконок для сайта выполняет веб-дизайнер — творческая единица, задача которой придумать иконки и отобразить контент в форме интуитивно понятных изображений. Небольшие значки визуализируют категории, разделы, товары, услуги, преимущества и показывают, где что находится, куда нажать, как получить.
Иконографика помогает бизнесу — иконографика привлекает внимание — иконографика эффективно доносит важные мысли таргетированно до целевой аудитории!
Другие наши статьи
Мультзавод — компания, которая не стоит на месте, растет, развивается.
Мы не стремимся захватить весь рынок веб-разработки г. Заречный, но хотим найти свою аудиторию, которой будет комфортно с нами работать. Мы за добро, которое должно победить зло!Еще 7 лайфхаков для удержания пользователя на сайте
Размещайте ту информацию, которая важна для пользователя, прямо перед ним. Не используйте на главной странице спойлеры и аккордеоны.
Настало время восьмой Вебмастерской
Компания «Мультзавод» получила очное приглашение на конференцию Яндекс «Восьмая Вебмастерская», которая состоится 13 декабря в 11:00 в офисе
Жизнь, как она есть…
Открыл компанию Алексей в 2010 году, началось все с маленьких частных заказов на фрилансе.
Jawohl или такой непредсказуемый Яндекс
С начала СВО России на Украине многие сервера и сайты в Заречном подверглись средним и крупным DDoS-атакам со стороны стран Европы, Балтии и США.
Городские инициативы: встреча с главой города Электросталь
Семинар Яндекса: решения Директа для задач бизнеса
На семинаре выступят ведущие специалисты Яндекса.
Уникальное предложение для Заречного: при заключении договора по тарифу «Беззаботный», разработка логотипа — бесплатно!
Позвонить
Написать
Политика конфиденциальности
Что такое иконография? | Построено в
Эта практика выходит за рамки одного изображения и включает систему изображений, которые поддерживают тесную связь с членами аудитории. Хотя иконография возникла много веков назад и часто приписывается археологическим изображениям, а также религиозной символике, с тех пор она разветвилась и часто встречается в повседневной жизни.
Каково назначение иконографии в искусстве?
В сфере технологий иконография стала популярным методом эффективного и доступного общения.
Зародившись как художественная концепция, иконография использовала символы, чтобы придать смысл предмету, не требуя от художников дополнительных усилий. Эффективность иконографии сделала ее сегодня ключевым компонентом рекомендаций по дизайну для технологических компаний, таких как Material Design от Google. Благодаря возможностям интерактивных продуктов значки могут направлять пользователей с помощью одного символа, отображать взаимосвязь между действиями и оптимизировать работу с клиентами.
Общение без длинного текста делает значки привлекательным инструментом, но разработчикам следует сохранять осторожность. Пользователи с нарушениями зрения также должны иметь возможность взаимодействовать с иконографией. Только когда значки рассчитаны на разнообразную аудиторию, они могут служить формой доступного общения, отвечающего потребностям различных пользователей.
Что является примером иконографии?
Иконография переросла свои религиозные и археологические истоки и теперь включает множество символов, с которыми люди сталкиваются ежедневно.
Зонтик иконографии расширился по мере того, как общества стали насыщены визуальными эффектами. Что-то столь тонкое, как стоп-сигнал, выступает в качестве значка, но этот термин также может применяться к более заметным символам. Такие компании, как Burger King и GM, демонстрируют логотипы, которые полагаются на значки, чтобы создать определенные ментальные ассоциации у аудитории.
В то время как многие аспекты повседневной жизни заполнены значками, технологии выделяются как сфера, насыщенная значками. Совсем недавно эмодзи стали иконой, которая представляет собой простое решение для цифрового выражения эмоций. Средство проверки тона Grammarly использует эту функцию, чтобы помочь людям корректировать текст без длинных объяснений. Кроме того, платформа для делового общения Slack сосредоточена на смайликах, увеличивая количество значков в физическом и виртуальном пространствах.
В чем разница между символикой и иконографией?
Символизм и иконография — тесно связанные термины, но между этими двумя понятиями есть важное различие.
В то время как символизм и иконография имеют дело с визуальными элементами и изображениями, символы не всегда связаны с объектами, которые они представляют. Иконография состоит из визуальных элементов, которые более точно отражают предметы, которые они должны изображать. Голубь, означающий «мир», является примером символа. Между тем, «эмоции» или визуальный словарь, используемый в Twitch, и другие визуальные элементы Twitch раскрывают природу значков и то, как они отражают реальные действия, объекты и даже людей.
Тем не менее, эти два термина поддерживают взаимосвязь. Иконография часто зависит от символов для выражения значения, и альтернативные значения символов все еще находятся в сознании зрителей. Например, движение солярпанк сочетает в себе значки и символы, выступая за экологичное мышление, в то же время вступая в противоречие с разрозненными ценностями киберпанка. Работая в гармонии, символика и иконография наделяют визуальные эффекты еще большей силой.
Образцы иконографии | ВашСловарь
ОПИСАНИЕ
Женский магазин пересекает антикварный магазин
ИСТОЧНИК
Tony Anderson / DigitalVision / Getty
РАЗРЕШЕНИЕ 90 003
Используется по лицензии Getty Images
Иконография — это использование изображений и символов для изображения предмет, движение или идеал. Это также может быть использование определенных символов, которые передают определенные жанры, такие как религиозная иконография, иконография в искусстве и иконография в кино и на телевидении. Откройте для себя ряд примеров иконографии, связанных с религией, искусством, развлечениями и другими аспектами жизни.
Примеры религиозной иконографии
Фраза «религиозная иконография» относится к использованию изображений для передачи религиозных концепций и идей или для изображения религиозных событий. Отдельные предметы религиозного искусства можно отнести к иконам. Кроме того, определенные изображения используются в произведениях искусства, связанных с религией, для передачи определенного или символического значения.
- Деву Марию чаще всего изображают в развевающихся голубых одеждах. Это символ неба и ее духовности. Чистота Девы Марии показана лилиями в вазе и чаше или урне с водой.
- Крест является религиозной иконой со второго века и олицетворяет христианство. Распятие, представляющее собой крест с изображением Иисуса на нем, представляет собой католицизм. Другие христианские вероисповедания не изображают Иисуса на кресте в своей иконографии.
- Святой Дух часто изображается в виде голубя. Это происходит из истории крещения Христа, когда Святой Дух сошел с неба в виде голубя. Он также используется для обозначения души человека.
- Иисус Христос иногда изображается с символом рыбы, который происходит от греческого слова ихтус. Агнец иногда используется для передачи символизма Иисуса и/или его любви. Это связано с тем, что он упоминается как агнец Божий.
- Религиозные деятели, такие как боги, святые, пророки и мученики, часто увековечиваются в статуях, которые становятся иконами для тех, кто следует вере, с которой они связаны.
- Божественные существа часто изображаются в человеческом обличье в религиозной иконографии, тогда как демоны или даже духи изображаются как угрожающие животные.
- Изображения книг и табличек используются для отражения слова Божия в религиозной иконографии.
- В религиях, которые придерживаются Ветхого Завета, яблоки являются символом религиозной иконографии. Они символизируют как первородный грех, так и искушение, предлагаемое сатаной.
- Нимб, который представляет собой круг света, окружающий человека, широко используется в религиозных картинах для обозначения святого человека или святого. В азиатском религиозном искусстве используется пламя, называемое мандорла , вокруг тела или головы.
- Во многих церквях есть витражи, в которых визуальные образы рассказывают истории, связанные с их верой. В католических церквях эти окна часто имеют иконографию, изображающую крестные стоянки.
Реклама
Примеры иконографии в искусстве
В контексте искусства иконография относится к изображениям и символам, используемым в произведении искусства. Иконография дает представление о культурном и историческом контексте произведения искусства, а также о его символике и теме.
- Красный мак — символ памяти о погибших на войне, особенно в Первой мировой войне. Маки носят, чтобы разделить скорбь по погибшим на войне.
- Цветы лотоса являются распространенными символическими образами в азиатском искусстве. Поскольку эти цветы открываются каждое утро и закрываются каждый вечер, они считаются символами рождения и возрождения.
- Красный цвет считается символом смерти, поэтому он используется в произведениях искусства с темами, связанными со смертью и умиранием.
- Форма сердца широко используется как символ любви и романтики.
- Есть несколько символов мира, в том числе знак мира и удерживание первых двух пальцев в форме буквы «V». В древности использовали оливковую ветвь, а также голубя.
- Работы Энди Уорхола, как правило, включают в себя реальные культурные символы. Например, он известен тем, что рисовал банки с супом Кэмпбелл и Мэрилин Монро.
- Отличительные мазки Моне, Писсарро и других художников-импрессионистов быстро передают стиль и период, в котором были завершены их работы.
- Хорошо известное произведение искусства Мать Уистлера считается символом Великой депрессии, во многом благодаря иконографии (черная одежда, суровое окружение, грустное выражение лица), сосредоточенной на невзгодах того времени.
- Маленькие дети часто изображаются в произведениях искусства как символы невинности, чистоты и новой жизни.
Реклама
Примеры иконографии в кино и на телевидении
Иконография является важной частью кино- и телешоу, с определенными визуальными образами или символами, используемыми для передачи ключевой информации об истории, жанре или временных рамках. Иконография дает визуальные подсказки относительно жанра, сюжета или темы.
- Щит Капитана Америки является примером иконографии для жанра супергероев, специально представляющего Marvel и Мстителей .
- Иконы западного жанра фильмов включают десятигаллонные шляпы, шпоры, лошадей, салуны, ружья, тюрьмы и значок шерифа.
- Иконки для фильмов ужасов могут включать в себя дома с привидениями и контрастные тени и свет в затемненных местах.
- Стиль одежды, которую носят персонажи, сразу указывает на временные рамки, в которых происходит действие фильма или шоу.
- Плохие парни часто носят черное как символ зла. Кожаные куртки, часто черные, носят повстанцы или крутые парни.
- В криминальных сериалах сразу видно, кто такие детективы-мужчины, потому что они почти всегда носят костюмы и галстуки независимо от погоды.
- В научно-фантастических фильмах есть высокотехнологичные гаджеты и летающие автомобили. Одежда в этих фильмах имеет тенденцию быть очень футуристической и облегающей.
Реклама
Примеры иконографии в повседневной жизни
Иконографию можно найти во многих других контекстах. По сути, любое визуальное изображение, которое используется для передачи культурного или исторического контекста или символического значения, представляет собой пример иконографии.
- Изображение еды, характерной для определенного региона, является примером иконографии. Если вы отправитесь в отпуск в Новый Орлеан, вы увидите открытки с изображением таких вещей, как бенье, муфулетты и раки.
- У стран есть символы, включая птиц, животных и растения. Многие страны выбрали орла своим национальным животным, в том числе США, Египет, Сербия, Австрия, Филиппины, Нигерия и Панама.
- Иконография включает в себя использование цветов. Примеры включают лилию каллы для смерти или горя, красную розу для любви и страсти и омелу для любви и привязанности (используется для поцелуев под ней).
- Лилии мира — популярный выбор для похорон, так как они символизируют мир и комфорт, а также дают скорбящим семьям растение, которое они могут хранить и лелеять. Есть ряд других символических растений для горя и сочувствия.
- Флаги могут символизировать ту или иную страну или штат. Все визуальные элементы флага, даже цвета, имеют значение. Красный часто символизирует храбрость, кровь или революцию; синий может означать свободу, мир или справедливость; зеленый может символизировать сельское хозяйство, землю или ислам; а белый может представлять чистоту, невинность или снег.
- Иконография флагов не ограничивается странами или штатами.