Доступ к +6.1M векторных изображений и стикеров
Скачивайте бесплатные значки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и BASE 64..
Иконки
Крупнейшая база значков, доступных в форматах PNG, SVG, EPS, PSD и BASE 64.
Стикеры
Откройте для себя более 8,500 стикеров для WhatsApp, Instagram и Facebook, доступных в форматах PNG и SVG.
Значки интерфейса
Более 3,000 значков, разработанных специально для интерфейсов и совместимых с популярными библиотеками значков.
Шрифты-значки для любого проекта, большого или маленького
+3,000векторных иконок, оптимальных для SVG и �еб-шрифта, для веб-приложений и приложений для iOS и Android.
Инструменты, которые помогут сделать вашу работу более профессиональной
Бесплатные аксессуары, которые позволят вам организовать свои дизайнерские творения и создавать их, экономя при этом время
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Что нового в Flaticon
Узнайте о последних обновлениях сайта, новых функциях и инструментах и извлеките максимум пользы из работы с Flaticon.
Товарные лейблы: «Скидка», «Новинка» и любые другие наклейки на фото товаров
Хотя мы сильно торопились, чтобы успеть к новогоднему сезону, товарные лейблы нужны не только для распродаж. Они пригодятся в магазине всегда. И теперь лейблы есть в Эквиде — любые, какие захотите. Например, такие:
Товарные лейблы — это «наклейки» на фотографиях товаров в каталоге. Они нужны, чтобы обратить внимание посетителей на определенные товары: бестселлеры, вещи со скидкой, новинки или любые другие товары, заслуживающие внимания. Рассказываем, как настроить и использовать новый инструмент в
Новый способ привлечь внимание к товарам
Перед Новым годом продажи сильно вырастут (по прогнозу на Люди ещё не готовы возвращаться к активному поэтому будут тратить деньги в интернете.
Итог: больше потенциальных покупателей, но и выше конкуренция. Поэтому стоит использовать максимум возможностей, чтобы обратить внимание на ваш товар. Лейблы — идеальный инструмент для этого:
Цветные надписи на фотографиях товаров в каталоге подскажут покупателям, почему им стоит посмотреть на тот или иной товар. Лейбл виден также на странице товара:
Лейблы в справляются со своей задачей максимально эффективно. И вот почему:
Теперь подробнее, как с помощью лейблов помочь покупателям быстрее найти подходящий товар.
Как использовать лейблы для увеличения продаж
Предлагаем варианты, как настроить лейблы для привлечения внимания к конкретным товарам.
Покажите товары со скидкой
Скидка — главный мотиватор покупки. Если уж снижать цену, то рассказывать об этом громко. Яркий лейбл с указанием процента скидки для этого как раз подойдёт.
Отметьте бестселлеры или товары с отличными отзывами
Покупая в интернете, люди обращают внимание на отзывы. Особенно если товар дорогой. Если в вашем магазине есть отзывы, пометьте товары с самым высоким рейтингом лейблом «Выбор покупателей». А, к примеру, для самых покупаемых товаров подойдёт надпись «Хит» или «Бестселлер».
Презентуйте новинки
Если загружаете в каталог товар, сразу добавляйте к нему лейбл «Новинка», чтобы новый ассортимент не остался незамеченным.
Предложите товары для предзаказа
Замените грустный лейбл «Распродано» на оптимистичный «Предзаказ». Убьёте двух зайцев: вы получаете заказы, а вашим клиентам не придётся снова заходить в магазин и проверять наличие товара. Вот как это может выглядеть:
А ещё с помощью лейблов можно предупреждать клиентов, когда товар будет в наличии. Например, напишите «Поставка 1 декабря» и все вопросы будут сняты.
Распродайте залежавшиеся товары
Если старые коллекции или сезонные вещи никак не уходят и занимают склад, устройте распродажу. Настройте лейблы и начните освобождать место для новых товаров.
Продвигайте дополнительные услуги
Привлекать покупателей можно не только скидками: бесплатная доставка, подарок к покупке, самовывоз, праздничная упаковка, экологически чистая упаковка… Вариантов множество. Используйте лейблы, чтобы сообщить посетителям обо всех выгодных предложениях и опциях в вашем магазине.
Товарные лейблы пригодятся во многих случаях, но не советуем злоупотреблять этим инструментом. Если лейбл будет почти на каждом товаре, то эффект привлечения внимания пропадёт. И наоборот, редкие лейблы сообщают посетителю, что вот этот товар особенный.
Как настроить продуктовые лейблы в магазине
Продуктовые лейблы доступны в на всех платных планах.
Перед настройкой лейблов загляните на страницу Обновления и убедитесь, что в вашем магазине включена новая витрина. Без неё лейблы работать не будут. (Хорошие новости: если вы завели магазин на Эквиде позже весны 2018 года, новая витрина у вас уже включена).
Чтобы добавить лейбл к товару:
Вот и всё! Товар готов к продвижению.
Важно: Если вы используете в магазине функцию «Сравнить с ценой», настроенные лейблы заменят автоматический ярлык «Распродажа». После удаления настроенных лейблов ярлык «Распродажа» будет отображаться снова. То же касается автоматических ярлыков «Распродано» на товарах, которых нет в наличии.
Подробнее о добавлении, удалении и настройке товарных лейблов читайте в нашем Центре поддержки.
Ещё больше вариантов лейблов
Товарные лейблы — отличный способ привлечь посетителей и показать им ваши лучшие предложения. Новая функция подойдёт магазину с любыми товарами. Но если вы захотите оформить лейблы нестандартно — выбрать индивидуальную форму, размер и положение или показать сразу несколько лейблов на одном товаре — используйте специальное приложение Product Labels. С ним вы сможете создать любые варианты лейблов для вашего магазина.
Используйте функции Эквида по максимуму, чтобы быть во всеоружии к началу праздничного сезона. Попробуйте наши 20 советов по настройке к распродажам.
10 сайтов с качественными и бесплатными иконками
С иллюстрациями разобрались, переходим к иконкам. Все знают Noun Project и Flaticon. Отличные сайты, но часто нужно, чтобы иконки были в одном стиле. Ловите большие наборы иконок (от 260 до 9000+), чтобы «консистенси» ваших през, сайтов или приложений было на высоте.
1185 иконок от IconScout. Формат: SVG. Можно качнуть полный пак с GitHub. Коммерческое и некоммерческое использование при указании авторства. Apache License 2.0.
9888+ иконок. Форматы: PNG, SVG. Можно использовать в коммерческих и некоммерческих проектах, но обязательна ссылка на сайт. Полный текст лицензии.
260 иконок. Формат: PPTX. Иконки полностью редактируемы внутри PowerPoint: меняйте цвет заливки, обводки, размер.
350 иконок в мультяшном стиле. Форматы: PNG, SVG, TTF, EPS, PSD. Использование в любых целях, ссылка на источник обязательна. Лицензия CC BY-SA.
500 анимированных иконок от Icons8. Форматы: GIF, AE. Можно использовать в коммерческих и некоммерческих проектах при указании ссылки на источник. Полный текст лицензии.
1588 иконок. Форматы: PNG, SVG, TTF. Можно скачать целиком с GitHub. Любое использование и модификация, указание источника обязательно. Полный текст лицензии.
2000+ иконок от Google. Форматы: PNG, SVG. Полный набор качается с GithHub. Коммерческое и некоммерческое использование при указании авторства. Apache License 2.0.
230 трехмерных иконок в изометрическом стиле. Формат: PNG. Бесплатно доступно только некоммерческое использование с указанием ссылки на сайт.
800+ иконок от Amazon. Форматы: PNG, SVG, PPTX, EPS. Иконки на тему IT. Для светлого и темного фонов. Явного запрета на использование не клиентами AWS не обнаружил, но это не значит, что его нет. Используйте на свой страх и риск.
1800 иконок. Форматы: PNG, SVG, EPS. Щедрый подгон от Alexandru Stoica. Лицензии, судя по всему, нет, автор просто выложил иконки в своем Dribbble и разрешил делать с ними что угодно.
Кстати, в моем телеграм-дневнике полно всякой эксклюзивной информации о фишках PowerPoint, а также мой бесценный опыт за 5 лет создания презентаций для всяких там корпораций и не только. Например, узнайте главное правило иконок.
Flaticon — любовь навсегда! Найдётся любая иконка)
Будут сложности с лицензированием и как помню есть подписка(пользуйся пока платишь), еще будет проблема совместимости стиля, в итоге все равно прийдется уйти в пару наборов и дозаказывать иконки под стиль
У Icons8 есть не только анимированные. Статичных iOS иконок больше 10к и это только один из 20+ стилей. И ещё они просто очень хорошие ребята.
I8 крутые, но они мне показались достаточно популярными, чтобы не включать их в пост. Хотелось поделиться не самыми очевидными ресурсами. Да и вроде бесплатно не всегда вектор отдают. ред.
А я вас понял! да, всё верно)
То, что лицензии нет, как раз говорит о том, что она неизвестна публично на сайте, а может быть коммерческой, использовать не стоит или ун после запроса условий лицензии ее у автора по почте
Спасибо, поправил пост.
Уже к иллюстрациям был комент про моего бота t.me/deshelp_bot
К иконкам он так же относится.
Материал в статье так себе, лучше использовать бота и присылать мне находки, я их загружу в бота. Нежели по 10 иконок на статью выложить и набрать лайки)
Откровенно говоря, вашим ботом пользоваться неудобно, это просто длиннююююююющий список сайтов. Мне что каждый раз идти по этому списку? А как мне не промахнуться по нужной ссылке? Не надо повсюду за мной ходить и писать про своего бота 🙂
Да, в сети миллион сайтов с иконками, но я отфильтровал: только качественные, бесплатные и чтобы много (в среднем в каждом наборе нск тысяч иконок). Чувствуете разницу между отборным контентом с превью для удобства и тупо свалкой ссылок? ред.
Ссылки из статьи так себе либо уже есть в боте. Ну ок, без превью. 🤷🏻♂️
так себе либо уже есть в боте
то есть если в вашем чудоботе ссылки нет, то так себе, ну ок 🙂
бот кстати не работает сейчас
Над превью уже работаю, просто сайтов много, поэтому так долго)
Кстати, я писал вам насчет своего канала, вы даже не прочли сообщение, так что присылать вам находки – это такое 🤷♂️
Какой конкретно?
Про дизайн презентаций?
Зарубежные необанки выстраивают digital-first и mobile-first сервисы, ориентирующиеся на проработанный UX, новые модели привлечения и монетизации. Инновации цифровых банков — это индикатор мировых финтех-трендов и важный источник новых продуктовых идей для российских компаний, которые стремятся предложить уникальные реализации и лучший клиентский…
Сергей 27.05.2012 17696 4.8 из 5.0 (19)
Вы, наверно, не раз видели в крупных торговых центрах пестрые ярлычки на полках товара: «новинка», «лучшая цена», «2 по цене 3», «цена по карте» и другие. Почему бы нам не перенять этот полезный опыт? (как мы делали это с Выводом даты доставки на примере магазина Озон)
Общий принцип размещения ярлыков
Суть в том, чтобы около каждой ссылки на страницу товара разместить ярлык, который бы говорил клиенту: «Щелкни по мне, здесь что-то интересное!».
«Лучшая цена», «Распродажа», «Скидка»
Таким образом, значок распродажа будет отображаться только для тех товаров, у которых есть старая цена.
«Новинка», «Новая коллекция», «Только что с таможни»
Суть: отображаем иконки для товаров, которые были добавлены недавно. Сравниваем дату добавления с текущей датой.
Теперь у нас готов весь инструментарий, чтобы определить, какое время назад был добавлен товар. Приведу пример: необходимо отобразить иконки «Новинка» для товаров, которые были добавлены не ранее чем два месяца назад.
Как видно, вычитаем из текущего месяца месяц добавления товара, получив 2 или меньше, получим отображения ярлыка
В данном примере Вы можете добавить сравнение дней месяца, для достижения большей точности. Но, я думаю, здесь это не имеет никакого смысла.
«Хит продаж», «Бестселлер»
«Бесплатная доставка этого товара»
Полезная информация
Фишка подойдет тем магазинам, которые предоставляют бесплатную доставку при заказе на определенную сумму.
Это уже более серьезная вещь. Вы не только украшаете каталог, но и стимулируете покупки.
Все что нужно, это сравнить стоимость товара с суммой необходимой для бесплатной доставки.
Например, у нас бесплатная доставка при заказе от 2000 у.е. Необходимо вывести иконки для соответствующих товаров.
«Последняя пара»
И еще одна сильная вещь. Когда товара остается мало имеет смысл вывести значок, который будет говорить пользователю: «Поторопись, приятель! Ты можешь не успеть купить это, да еще и по низкой цене!»
Пример: отображаем иконку для товаров, которых осталось менее 10 штук.
«Дополнительная гарантия»
Вы предоставляете дополнительную гарантию на определенные товары? Это отлично! Но почему об этом знают не все? Отобразите эту информацию на страницах каталога.
Заключение
Вариантов размещения ярлыков для товаров может быть масса, просто надо проявить фантазию и смекалку.
Вам есть, что добавить? Пожалуйста, велкам!
Иконки для интернет-магазина: какие бывают, зачем нужны и где их брать
Иконки – один из обязательных элементов дизайна и юзабилити любого качественного ресурса. Инструмент помогает организовать и структурировать контент, привлечь внимание особой расстановкой акцентов, улучшить восприятие информации. Это некий маячок для посетителя, благодаря которому можно быстрее сориентироваться на незнакомом сайте. В сегодняшней статье рассказываем, почему стоит использовать иконки в интернет-магазине, какие они вообще бывают, где их взять и как с ними работать.
Зачем нужны иконки в интернет-магазине?
Иконка – графический элемент интерфейса, небольшое изображение, которым отмечают ту или иную составляющую сайта: корзину, метки платежных систем, устройства и многое другое. Их называют favicon.
Существуют отдельные иконки и целые серии, сделанные в единой тематике и стилистике, отражающей общую дизайнерскую концепцию ресурса. Именно такие серии зачастую используют в интернет-магазинах.
Ими дополняют навигацию, заменяют текст в адаптивном дизайне, обозначают функциональные кнопки, мета-информацию или любой элемент контента. При нажатии на кликабельный значок запускается определенное действие. Например, переход на соответствующую страницу.
Что дают иконки:
Разновидности иконок
Иконки на сайте интернет-магазина могут выполнять разные задачи. В зависимости от этого выделяют несколько типов значков.
Информационные
Данный тип иконок передает необходимую информацию. Это могут быть картинки-ссылки или просто иллюстрации. С помощью значков можно рассказать о ключевых ценностях компании, преимуществах товара и других важных аспектах, которые касаются деятельности интернет-магазина.
Для этого нужно подобрать подходящее изображение и добавить к нему краткое описание. К примеру:
Здесь важно придумать подходящие ассоциации и сформулировать сообщение, которое необходимо транслировать посетителю, буквально в 2-3 предложениях.
Навигационные
Этот тип иконок дополняет навигационную систему сайта. Главная задача – помочь пользователю сориентироваться. На некоторых сайтах они полностью заменяют текст в меню, что дает возможность избежать перегруженности страниц и упростить их структуру.
Примеры навигационных иконок:
CTA – призывы к действию
Эти иконки представляют собой кнопки с призывом. Кликабельные значки побуждают к определенному целевому действию и обеспечивают основную конверсию в интернет-магазине. Их оформляют в ярких цветах, добавляя определенный символ. Например, стрелку, «+», значок скачивания.
Для большей ясности к таким иконкам-символам прикрепляют короткие подписи с активным глаголом:
Кроме того, иконками обозначают социальные доказательства, разделы каталога, фильтры для поиска товаров.
Приведенная классификация довольно условная. Она отражает ключевые задачи графических элементов интерфейса на коммерческом сайте. Существуют также и другие варианты разделения по типам. Например, некоторые специалисты выделяют иконки меню, переходов и быстрого доступа.
Если углубляться в техническую часть, можно классифицировать элементы с учетом типа графики:
Значки оформляются в различных стилях и бывают плоскими, контурными, объемными в 3D. Для информационных и навигационных блоков чаще всего подбирают элементы, состоящие из линий и контуров. Это лаконичные однотонные иконки, которые встречаются в строгом минималистичном дизайне.
В более оживленных вариантах оформления используют цветные иллюстрированные изображения, выделяющиеся среди основного контента. Зачастую их разрабатывают индивидуально, отрисовывая под конкретный проект.
Объемные значки – это отдельные изображения в виде иконок, сделанные из частей фотографий или тематических картинок. С ними нужно быть осторожным, поскольку они могут сильно загромождать дизайн.
Еще вариант – подвижные картинки-анимации, простые геометрические фигуры, шрифтовые иконки, которые меняют цвет, размеры и тени.
Правила использования элементов
При выборе иконок для интернет-магазина стоит соблюдать такие правила:
Нельзя использовать значки на сайте просто для красоты. На их расшифровку не должно уходить слишком много времени. В идеале иконки – равноценная замена тексту. Там, где они не нужны, непонятны, неуместны, лучше написать обычный текст.
Где брать иконки?
Иконки для интернет-магазина можно разработать самостоятельно, заказать у дизайнера, скачать в специализированных сервисах или воспользоваться генераторами. Первый вариант – трудоемкий и затратный по времени, второй – довольно дорогостоящий. А вот сервисы и генераторы – то, чего вполне достаточно большинству онлайн-предпринимателей. Рассмотрим несколько подходящих вариантов.
В бесплатной медиатеке редактора Wix есть множество изображений для сайта, в том числе и иконок. Это всевозможные стрелки, формы, боксы, пиктограммы, значки.
Их можно переносить в интернет-магазин в первоначальном виде или же менять на свое усмотрение: обрезать изображение, вставлять необходимые визуальные эффекты, менять цвет и форму, добавлять ссылку или анимацию.
Iconfinder
В этом сервисе можно выбрать отдельные значки или целую коллекцию для сайта. В базе хранится более 5 миллионов элементов в форматах svg и png. Около 300 тысяч доступны бесплатно. Также есть 2 платных тарифа с доступом к премиальным иконкам. Цены начинаются от 2 долларов за значок.
Выбранные элементы можно редактировать в онлайн-редакторе: перекрашивать в цвета бренда, добавлять текст, настраивать форму, размер и прочие параметры.
Flaticon
В каталоге сервиса Flaticon около 4 миллионов векторных иконок в форматах svg, png, psd, eps, Base64. Для удобства поиска они распределены по категориям. Загружать можно отдельные картинки и коллекции, также есть возможность создать свой значок с помощью шаблонов.
Онлайн-редактор позволяет менять цвет и размер, экспортировать изображение в нужный формат. Еще одно преимущество сервиса – подробное руководство по выбору стилей значков для проекта. Премиум-наборы и эксклюзивный контент продаются по цене от 9,99 евро в месяц.
Noun Project
Сервис предлагает более 3 миллионов иконок в различных тематиках. Они доступны для бесплатного скачивания, но при этом отключена функция редактирования и нужно обязательно указывать авторство. Чтобы получить больше, необходимо покупать неограниченную подписку (39,99 долларов в год) или отдельную иконку стоимостью от 2,99 долларов.
Icons8
На платформе есть много различных инструментов для веб-дизайна, включая иконки, фото, иллюстрации и музыку. Пользователям доступны около 160 тысяч бесплатных картинок в 36 стилях. Поддерживаются форматы png и svg.
В каталоге собраны иконки-персонажи, логотипы, стрелки, инфографика и многое другое. Перед скачиваем их перекрашивают, добавляют к ним нужные элементы, настраивают отступы, выбирают оптимальный размер в редакторе.
Если нужны какие-то особые значки, можно запросить их разработку, заполнив специальную форму в соответствующем разделе меню сервиса.
Перечисленные инструменты способны полностью закрыть потребность бизнеса в иконках для сайта.
Заключение
Передавая четкие образы, иконки значительно упрощают восприятие информации на сайте. Но только в том случае, если они расположены в правильном месте, содержат очевидные привычные ассоциации и доносят нужные смыслы. Значки следует тщательно продумывать и подбирать, а не использовать первый приглянувшийся набор. Для этого не обязательно обращаться к профессиональному дизайнеру: зачастую достойные варианты можно найти в одном из рассмотренных в статье сервисов.
