Сайты с иконками: 10 сайтов с качественными и бесплатными иконками — Дизайн на vc.ru

15 сайтов с бесплатными иконками SVG

Автор: Елизавета Гуменюк Рейтинг топика: +1

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

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

Итак, в этом посте мы собрали лучшие сайты, на которых вы можете найти высококачественные иконки SVG.

Без лишних слов давайте перейдем к нашему списку. 

1. Bootstrap Icons 

Официальная коллекция иконок от Bootstrap, одного из самых популярных фреймворков HTML/CSS. Оно содержит более 1500 иконок как в формате SVG, так и в других форматах, что обеспечивает вам большую гибкость. Хотя эти иконки разработаны для Bootstrap, вы все равно можете использовать их с любым другим фреймворком. 

2. Boxicons 

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

3. Feather Icons

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

4. Iconoir 

Iconoir — это бесплатная коллекция с открытым исходным кодом, насчитывающая более 900 иконок. Значки поставляются в нескольких форматах, включая SVG, шрифт, React.js, и даже Figma и Framer. Мы уверены, что и дизайнеры, и разработчики по достоинству оценят данную коллекцию. 

5. Ionicons 

Коллекция иконок из фреймворка Ionic, предназначенных для использования в веб-, мобильных или настольных приложениях. Каждый значок представлен в трех различных стилях: контурный, заполненный и четкий. Они доступны в формате SVG и шрифтов. 

6. Tabler Icons 

Tabler содержит более 1300 иконок и является одной из идеальных коллекций для использования в дизайне вашего веб-сайта или приложения. Иконки выглядят четкими, последовательными и настраиваемыми. Каждый значок доступен в нескольких форматах, помимо SVG, включая JSX, Data URI, React Component, Webfont, SCSS, плюс на сайте также показано несколько примеров того, как вы можете применить иконку к компоненту пользовательского интерфейса. 

7. Radix Icons 

Набор иконок, выполненных с тонкими контурными характеристиками.

Размер каждого значка составляет 15×15 пикселей, и он выглядит весьма четким на экране. Вы можете получить коллекцию в виде файла Figma, Sketch, IconJar, SVG или NPM. Все эти форматы гарантируют бесперебойное сотрудничество между дизайнерами и разработчиками. 

8. Heroicons 

Heroicons — это набор иконок, разработанных людьми, стоящими за Tailwind. Коллекция состоит из более чем 200 иконок, каждая из которых представлена в двух стилях: контурный заполненный. Также иконки доступны в виде библиотеки компонентов SVG, JSX и Vue. Дизайнерам доступен для скачивания файл Figma. 

9. Ant Design Icons 

Эти иконки являются частью системы Ant Design, но вы можете установить коллекцию как отдельный компонент через NPM. Каждый значок доступен как компонент React.js и будет отображаться как SVG. Иконки, помимо этого, поставляются в трех стилях — контурные, заполненные, двухцветные — и совместимы как со светлой, так и с темной цветовой схемой. Если вы разрабатываете приложение на React.

js, это одна из лучших коллекций иконок, которую можно подобрать. 

10. Remix Icon 

Remix Icon — это удивительная коллекция из более чем 2000 иконок. Некоторые иконки имеют несколько вариаций. Например, существует более десятка вариантов значков «Главная страница», что позволяет вам подобрать идеально подходящую иконку для вашего сайта.

11. Material Design Icons

Это коллекция иконок из дизайн-системы Google «Material». Она поставляется с интуитивно понятным пользовательским интерфейсом, который обеспечивает удобство реализации значка на нескольких различных платформах, включая веб, Android, iOS, Flutter, а также специально интегрирована с Angular.

12. Octicons

Библиотека иконок от Github, созданная для их системы дизайна «Primer», в частности для приложений Github, что делает их идеальным набором, если вы создаете веб-сайт или приложение, интегрированное с Github. Вы можете установить и использовать иконки через Gem (пакет Ruby), NPM или как компонент React.

js.

13. Icons Grommet

Набор иконок SVG, созданных как компоненты React.js. Вы можете найти несколько уникальных значков в коллекции, а некоторые из них даже доступны в полноцветном виде, а не только в черно-белом.

14. CSS.gg

На этом сайте представлено около 700 высококачественных иконок. Коллекция значков доступна во многих форматах, включая CSS, SVG, TypeScript, Figma, Adobe XD, а также в качестве конечной точки API. Это позволяет упростить сотрудничество между дизайнерами и разработчиками при разработке веб-сайтов и преобразовании дизайна в код.

15. Typicons

Typicons — это коллекция красивых современных иконок, предназначенных для веб-приложений или нативных — мобильных и настольных — приложений. На данный момент в коллекции насчитывается около 300 иконок, каждая из которых доступна как в формате SVG, так и в формате шрифта, и не зависит от разрешения, что делает ее четкой независимо от разрешения экрана.

Всем успешной работы и творчества!

Источник

Бесплатные сервисы с картинками и иконками для сайта — 🌱kvitly о бизнесе

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

Фотографии

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

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

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

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

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

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

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

Kaboompics — красивые фотографии и удобный поиск порадуют вас с первых минут. Здесь вы найдете большой выбор бесплатных снимков, которые сложно найти в другом месте.

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

Isorepublic — все еще мало фотографий? Попробуйте найти что-то по душе в этом сервисе. Среди тысячи профессиональных работ обязательно найдутся фотографии идеально подходящие для оформления сайта.

Designerspics — тут можно найти легкие ненавязчивые фоновые изображения и минималистичные фотографии. Они помогут не перегружать сайт и сделать акцент на содержании.

Иллюстрации

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

Undraw — открытый ресурс с большим количеством рисунков. Тут можно подобрать картинку на любой вкус и практически на любую тематику. Приятным дополнением станет возможность менять цвет иллюстраций.

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

Isometriclove — простые объекты с 3D эффектом, которые привлекут к себе внимание.

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

ВrawKit — коллекция бесплатных и красивых .svg иллюстраций. Сервис предоставляет выбор из нескольких вариантов картинок. Если цветовая палитра подходит для сайта, скачивайте готовый вариант, а если хотите что-то отредактировать, воспользуйтесь наброском.

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

O! OUCH — бесплатный ресурс с яркими и креативными векторными иллюстрациями. Они отлично подойдут для оформления презентации и страницы лендинга для курсов. Есть желание привлечь внимание? Тогда вам точно сюда!

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

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

Absurd Design — абсурдные иллюстрации для любителей всего необычного. Работы подойдут для сайта арт-галереи, творческих курсов и для оформления лендинга дизайнера. Удивите клиентов нестандартным подходом!

Isoflat — на сайте вы найдете изометрическую и плоскую графику для проекта. Работы сделаны в очень необычной и яркой цветовой гамме. А сами иллюстрации выполнены с ноткой космической тематики. Они хорошо впишутся в сайт для программиста и подойдут для школьной странички.

Иконки

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

Unicons — несколько тысяч великолепных векторных иконок и фонов для сайта. Есть бесплатная возможность пользоваться сервисом и премиум аккаунт за 9 долларов в месяц. Тут вы найдете несколько вариаций одной иконки и подберете ту, которая нравится больше.

Icon Sets — .svg иконки для сайта. Минималистичный дизайн идеально впишется и дополнит любой сайт. Иконки социальных сетей, платежей и многое другое — это то, что вам нужно!

The noun project — два миллиона иконок, созданных мировым сообществом. Найти такое разнообразие в одном месте не так просто. Выбирайте иконки разных авторов и стилей, скачивайте их и добавляйте на свой сайт.

Flat Icons — большой выбор бесплатных иконок в разных стилях. Они отлично подойдут любителям чего-то яркого. У отдельных иконок и паков есть несколько вариаций.

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

Eva Icons — в сервисе вы найдете более 400 иконок. Минималистичный дизайн прекрасно подойдет для сайта в любом стиле. Также вы можете использовать их для презентации и оформления проектов.

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

Potlab Icons — скромная коллекция анимированных иконок. Они сделают проект особенным и позволят привлечь внимание пользователей.

Icons — ещё один сервис с бесплатными иконками. Он порадует широкими выбором, разнообразными стилями и ярким дизайном. Кроме того, искать картинки можно по определенным категориям, что значительно упрощает работу.

Feather — очень простые и лаконичные иконки в свободном доступе. Хорошо впишутся в любой проект. Есть возможность изменить размер картинки и толщину контура, а также выбирать цвет прямо на сайте.

Логотип

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

Hatchful — поможет создать логотип за считанные секунды. Выберите направление, которое вам интересно, один из предложенных стилей и напишите название компании. А после этого укажите где будет размещен логотип и сервис сгенерирует сразу несколько вариантов.

Logodust — небольшая библиотека с логотипами в свободном доступе. При желании воспользуйтесь конструктором и соберите свой из составных элементов предложенных на сайте.

Logobook — хранилище лучших в мире логотипов и символов. Отлично подходит для тех, кто еще не определился чего хочет. Достаточно бегло пробежаться взглядом по работам, как в голове возникнут идеи из каких элементов собрать логотип.

Free minimal logos — бесплатные логотипы специально для тех, кто не хочет создавать их самостоятельно. В сервисе можно скачать готовые варианты и использовать их для личных или коммерческих целей.

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

10 лучших веб-сайтов с иконками для привлекательного веб-дизайна

Albert Shepherd обновлено 2023-03-23 ​​14:48:53

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

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

Выбор критиков: лучший веб-сайт для разработки и использования бесплатных значков

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

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

Читайте дальше, чтобы узнать больше об удобстве использования и эффективности Mockitt для создания дизайна веб-сайтов.

Попробуйте бесплатно

• Учебники по созданию: Даже если вы не знакомы с дизайном веб-сайта, пошаговые руководства Mockitt помогут пользователям определить основные концепции платформы.

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

• Сохраните свои значки: Библиотека My Asset от Mockitt позволяет пользователям сохранять созданные ресурсы и управлять ими. Более того, вскоре пользователи получат возможность делиться своими индивидуальными активами с командой в общей библиотеке активов команды.

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

Попробуйте бесплатно

---

Веб-сайты с самыми удивительными и удобными для дизайна значками

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

#1: Иконки8

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

Область, в которой icons8 превосходит конкурентов, — это разнообразие иконок. Для простого значка, такого как принтер, вы сможете найти множество различных дизайнов для одного и того же.

#2: Iconmonstr

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

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

#3: Freepik

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

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

#4: Iconshock

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

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

#5: Pngtree

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

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

#6: Iconstore

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

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

#7: DeviantArt

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

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

#8: Бесплатные иконки

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

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

#9: Dribble

Что ж, всякий раз, когда речь заходит о создании красивого веб-сайта, имя Dribble обязательно всплывет в разговоре. Одна из отличных платформ для получения доступа к бесплатным иконкам после Mockitt, Dribble, имеет огромную клиентскую базу, поскольку она дает эффективные результаты после поиска любого типа иконки.

Dribble также позволяет пользователям создавать свои собственные иконки и размещать их на платформе. Поэтому при поиске значков обязательно вводите правильные условия поиска, чтобы получить наилучшие результаты.

#10: Iconfactory

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

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

Вопросы, связанные с продуктом? Свяжитесь с нашей службой поддержки, чтобы получить быстрое решение >

Albert Shepherd

Статьи по Теме

Посмотреть все ресурсы

10 лучших инструментов для создания мокапов веб-сайтов в 2023 году

Что такое рейтинг кликов? Как улучшить его в маркетинге?

Что такое показатель отказов и что такое идеальный показатель?

Как понять CTR (рейтинг кликов) дизайнеру UI/UX?

4 веб-сайта для поиска вдохновения в виде значков

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

1. Orangina

У Orangina одна из лучших иконок, которые мы нашли. Всегда. Это весело и игриво, прекрасно представляет их бренд, но не теряет фокуса на функциональности.

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

В частности, нам нравятся их значки-карусели. Вместо двух или трех простых точек, чтобы пользователи знали, что они наводят курсор на карусель, Orangina использует значок своей характерной бутылки.

Но это еще не все. Чтобы указать, когда карусель собирается измениться, бутылки наполняются. Когда один заполнен, изображение меняется.

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

2. Клиника Авенир

Не вся иконография предназначена для типичных услуг креативного агентства.

Клиника Авенир — стоматологическая клиника в Лавале, Квебек. Вряд ли это самый лучший источник невероятного веб-дизайна, которого вы ожидаете, но на самом деле они проделали фантастическую работу.

Совместно с Phoenix, The Creative Studio создали набор интуитивно понятных анимированных значков для каждой стоматологической услуги, которую они предоставляют. Это включает в себя терапию корневых каналов, лечение десен, реставрации и лечение, связанное с дисфункцией ВНЧС. Дисфункции ВНЧС! Значок. При нарушениях функции ВНЧС .

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

3. Don Q Rum

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

Что нам действительно нравится в Don Q Rum, так это то, что они используют значки для поддержки своей копии, а не заменяют или просто повторяют то, что они написали. Хотя значки часто просят общаться сами по себе, приятно видеть, что они эффективно развертываются немного по-другому.

Например, одним из шагов превращения сточных вод во что-то полезное является микрофильтрация. Вот копия и значок, которые они используют для описания:

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

4. Отель «Девять часов»

Хорошая иконография не обязательно должна быть на экране. Nine Hours Hotel — это капсульный отель в Киото, Япония, который привносит столь необходимый упрощенный дизайн в японскую концепцию.

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

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

Вы можете ознакомиться с отчетом об отеле ниже:

Подведение итогов

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