Правила дизайна иконок, которые стоит запомнить / Хабр
Изображение стоит тысячи слов. Хорошо продуманное стоит еще больше. Мы видим их на дорожных знаках, в ресторанах, аэропортах и приложениях. Они могут сэкономить время, а могут создать путаницу.
Иконки считываются быстрее текста, их легче заметить, они занимают меньше места и требуют меньше усилий при переводе. Стена из текста сливается в кучу, а иконки различаются по форме и хорошо выглядят даже в группах. Несколько рекомендация по созданию эффективных иконок — в переводе под катом.
1. Избегайте схожих форм для разных иконок
Иконки схожих форм выглядят так, будто связаны друг с другом или выполняют похожие функции. Помните об этом, когда создаете очередную квадратную иконку для вашего UI.
Иконку должно быть легко отличить от всех остальных только по форме. Сделаете форму слишком похожей — запутаете пользователя.
2. Минимизируйте сложность иконок
Чем больше элементов у иконки, тем меньше контрастности и тем больше времени требуется для ее распознавания.
Выглядит это как смешивание форм.
Иногда требует сделать иконку уникальной и добавить к ней какую-нибудь свою «изюминку». Убедитесь, что это будет не за счет удобочитаемости и четкости. Сохраняйте форму простой и чистой.
3. Сохраняйте визуальный стиль
Нельзя, чтобы UI-элементы нарушали общие правила установленного стиля. Даже небольшие изменения могут привести к тому, что иконки будут выглядеть, будто не принадлежат одному и тому же приложению.
Контраст в визуальном стиле привлекает внимание, когда создан не случайно. Убедитесь, что иконки задизайнены бок о бок и чаще проверяйте, как элементы сочетаются вместе.
4. Не полагайтесь на текст
Текст делает иконку излишней, неясной при малых размерах и ограничивает ее одним языком. К тому же надпись может снижать четкость изображения.
Эта ошибка часто встречается в больших иконках и логотипах приложений. Если очень необходимо включить текст, то сделайте это в виде лейбла под иконкой.
5. Не изобретайте колесо
Много миллионов часов было потрачено на создание и тестирование уже установленных иконок. Даже если их можно улучшить — подумайте дважды. Вероятнее всего, пользователи уже знают их значение, потому что часто сталкивались с ними.
Постоянно используя одни и те же формы иконок, можно решить, что ты не умеешь их создавать. Но не нужно изобретать колесо заново, только ради того, чтобы произвести впечатление. Ключевой момент — удобство использования. Дизайн должен его улучшать, а не мешать.
6. Сделать сообщение последовательным
Ничто так не тормозит работу и не вызывает гнева, как неправильно использованная икона. Может вы удивитесь, но есть приложения, которые используют одну и ту же иконку для разных функций.
Эту ошибку легко допустить, если смешивать неактивные и активные иконки, не давая пользователю возможности отличить их друг от друга.
7. Учитывайте маленькие размеры
Красивая иконка теряет все свое очарование, когда вы вписываете ее в небольшое пространство.
Все мелкие и тщательно продуманные детали превращают в месиво.
Детали — это круто и показывает вашу внимательность и скилл. Но помните, что иконки не являются главными. Сначала они должны быть полезными, а уже потом красивыми.
8. Не полагайтесь на цвет
Люди с дальтонизмом скажут вам спасибо за это. Цвет станет прекрасным дополнением к иконке, но форма — это то, что люди замечают в первую очередь.
Цвет может замаскировать допущенную вами ошибку в дизайне. Если вы компенсируете им слабую иконку, то лучше подумайте, как сделать ее лучше.
Маленькие иконки в категории «Оборудование и товары для предоставления услуг»
Серебряные иконки маленькие
Доставка из г. Кривой Рог
190 грн
Купить
Romashka Silver
Икона маленькая детская Святой Стилиан 8х11 см на розовой подушечке для девочки
На складе
Доставка по Украине
729 — 882.2 грн
от 2 продавцов
729 грн
Купить
Магазин икон в Украине silvercions
Серебряная иконка 925 пробы.
Заканчивается
Доставка по Украине
210 грн
Купить
Ukr-Gold
Ладанка серебряная арка с Богородицей Семистрельной
Под заказ
Доставка по Украине
590 грн
Купить
Интернет — магазин изделий из серебра с золотыми вставками Shkatulka.org
Ладанка серебряная овал Богородица Семистрельная с позолотой
Под заказ
Доставка по Украине
1 330 грн
Купить
Интернет — магазин изделий из серебра с золотыми вставками Shkatulka.org
Иконы литография — каталог Святых Образов с ламинацией 8х6см
Доставка по Украине
Купить
Церковний магазин «Трикірій»
Иконы дорожные малые с ламинацией Святые Образы по каталогу 8х6см
Доставка по Украине
Купить
Церковний магазин «Трикірій»
Иконы литография разных Святых по каталогу с ламинацией 8х6см
Доставка по Украине
Купить
Церковний магазин «Трикірій»
Иконы литографические разных Святых дорожные с ламинацией 8х6см
Доставка по Украине
Купить
Церковний магазин «Трикірій»
РИК-4030 Неувядаемый цвет, Набор для вышивки бисером
На складе в г.
Киев
Доставка по Украине
923 грн
Купить
ARHIBIS
B625 Мать и дитя, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
809 грн
Купить
ARHIBIS
4057 Святой Григорий, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
507 грн
Купить
ARHIBIS
4058 Святая Мария Египетская, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
398 грн
Купить
ARHIBIS
А5-И-173 Святой Князь Святослав, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
342 грн
Купить
ARHIBIS
Набір дитячий брязкальце Слоненятко та ікона Діва Марія для хлопчиків
Доставка из г. Белая Церковь
1 512 грн
Купить
Ювелирный Дом Каштан
Смотрите также
Набор детский погремушка Слоненок и икона Дева Мария для девочек
Доставка из г.
Белая Церковь
1 512 грн
Купить
Ювелирный Дом Каштан
Ікона,, Св . Миколая » Посріблений лист, дерев’яна основа. Висота — 8см, ширина — 7см.
Доставка по Украине
199 грн
Купить
Корпорація Подарунків
Ікона,» Спаситель» — 8×7 см. Виробництво — Тайвань.
Доставка по Украине
199 грн
Купить
Корпорація Подарунків
Детская икона для девочек
Доставка по Украине
414 грн
Купить
«CRONOS»
Схема Икона, Икона, Которая Всегда С Тобой
Доставка по Украине
25 грн
Купить
ДикАнька
Рамка для картин, икон, фотографий 6*7 цвет бронза
Доставка по Украине
55 грн
Купить
«Рукоделие HandMade» интернет магазин
Рамка для картин, икон, фотографий 13*16.5 (золото)
Доставка по Украине
45 грн
Купить
«Рукоделие HandMade» интернет магазин
Рамка для картин, икон, фотографий 13*16.5 (бронза), рамочка для вышивки
Доставка по Украине
55 грн
Купить
«Рукоделие HandMade» интернет магазин
Рамка для картин, икон, фотографий 13*16.
5 (золото с белым кантом), рамочка для вышивки
Доставка по Украине
55 грн
Купить
«Рукоделие HandMade» интернет магазин
Ікона настільна, складанка срібна
Доставка по Украине
140 грн
Купить
Предметы интерьера Бастет
И-4027 Пресвятая Богородица Взыграние младенца, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
505 грн
Купить
ARHIBIS
Бср-4033 Святая Великомученица Ирина, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
390 грн
Купить
ARHIBIS
4504 Тайная вечеря, набор для вышивки бисером
На складе в г. Киев
Доставка по Украине
3 808 грн
Купить
ARHIBIS
Набор для вышивки бисером «Святая блаженная Таисия»
На складе в г. Киев
Доставка по Украине
916 грн
Купить
ARHIBIS
14 наборов маленьких мини-иконок для ваших веб-проектов
Главная » Статьи » 14 наборов маленьких мини-иконок для ваших веб-проектов31 декабря 2019 г.
Бесплатно для вас партнерская комиссия может быть получена при совершении покупки по различным ссылкам на нашем сайте. Узнать большеЗначки и визуальные подсказки являются важными дополнениями к любому веб-приложению, но их может быть сложно создать самостоятельно из-за крошечных размеров.
К счастью, в Интернете есть множество бесплатных высококачественных наборов иконок, созданных талантливыми дизайнерами. Вы можете быть уверены, что в этой коллекции наборов вы найдете значок практически любого стиля, который вам нужен.
Мы собрали здесь различные наборы мини-иконок с различным дизайном, например, флаги (для многоязычных веб-сайтов), общие значки (печать, сохранение, загрузка) и многое другое. Большинство этих небольших значков представлены в файлах .ico, векторных EPS и даже в формате Flash SWF. Кроме того, их можно использовать на личных и общественных веб-сайтах, в бесплатных приложениях и приложениях с открытым исходным кодом, но убедитесь, что вы проверяете их лицензии по отдельности.
Некоторые из этих наборов включают в себя значки для малого бизнеса, маленькие значки со звездами, маленькие пиксельные значки, маленькие значки меню и многое другое.
Загрузите их по ссылкам ниже и добавьте в свою коллекцию бесплатных значков.
Мини-иконки от FamFamFam
Пин-код
FamFamFam — ваш сайт, если вам нужна мини-иконка. Это сайт Марка Джеймса, веб-разработчика из Бирмингема, Великобритания. Этот конкретный набор содержит 114 маленьких GIF-иконок, которые можно бесплатно использовать как в коммерческих, так и в личных проектах.
Mono Icons от Tutorial9
Pin
На Tutorial9 вы можете найти этот набор из 108 красивых и минималистичных моно-иконок. Если вы ищете красочную иконку, вам не о чем беспокоиться, ее можно легко настроить. Этот набор небольших иконок бесплатен для использования в ваших личных и коммерческих проектах и может использоваться без указания авторства.
Иконки флагов от FamFamFam
Pin
Это еще один набор, который FamFamFam может предложить вам.
Если вам когда-либо понадобится значок флага, вы обязательно найдете тот, который ищете, в этом наборе. Этот набор содержит 247 маленьких значков — в форматах GIF и PNG. Вы найдете большинство стран мира в виде маленьких пиксельных значков.
Иконки SweetiePlus от Sublink Interactive
Булавка
Этот новый набор от Sublink Interactive настолько сладок, насколько это возможно. Если вы пытаетесь найти иконку с чистым и очаровательным дизайном, вам стоит поискать ее здесь. Эти маленькие значки имеют четкие и простые формы. Набор состоит из 120 значков, идеально подходящих для использования на веб-сайтах или в приложениях.
Fugue Icons by P.Yusukekamiyamane
Pin
Этот набор от p.yusukekamiyamane содержит так много мини-иконок, что трудно не найти ту, которую вы ищете. Имеет огромное количество 3570 иконок в формате PNG (16×16 пикселей) + 352 бонусных иконки.
Иконки от app-bits.com
Пин-код
Это набор действительно симпатичных мини-иконок от app-bits.
Их можно использовать бесплатно, если вы не изменяете и не перепродаете их. Иконки бывают PNG размером 26px и Retina 52px, и вы можете использовать их для коммерческих или личных проектов.
Иконки от Picol.org
Пин-код
На Picol.org также есть отличная библиотека мини-иконок, но помимо этого набора вы узнаете, что они могут помочь вам создать иконку вашей мечты.
Иконки электронной коммерции
Пин-код
Это набор мини-иконок, которые можно использовать в веб-дизайне, мобильных приложениях и других проектах. Они доступны в форматах файлов AI, EPS, PDF, PNG.
Значки от Androidicons.com
Пин-код
Эти значки бывают разных размеров и цветов, и они были созданы вручную специально для вас. Этот набор содержит так много мини-иконок, что трудно не найти ту, которую вы ищете. Он содержит 250 небольших бесплатных значков 5 размеров и 14 цветов, а также собственный шрифт значков.
Значки от Defaulticon.com
Пин-код
На defaulticon.
com невозможно не найти нужный мини-значок. Этот сайт представляет собой хранилище минимальных черных иконок, которые можно использовать для дизайна пользовательского интерфейса. Всего доступно 653 мини-значка, начиная от стрелок и заканчивая различными формами, маленькими значками принтера, маленькими значками камеры, мини-значками мужчин/женщин, значками мороженого, мини-значками медицины, такими как первая помощь и другие, значками мини-файлов (добавить , загружать, изменять размер и т. д.), небольшие значки файлов и многое другое.
Экологические значки от Filborg
Пин
Экологические значки обязательно будут иметь значок, который вы ищете, связанный с окружающей средой. Этот набор содержит не менее 20 высококачественных крошечных иконок, которые являются векторными и легко редактируемыми.
Icons by iconsweets.com
Pin
Тщательно разработанные, эти бесплатные иконки просто необходимы для вашего следующего веб-проекта. Взгляните на эти 60 бесплатных мини-значков, которые вы можете загрузить и использовать в своих проектах.
Некоторые из них включают в себя мини-значки социальных кнопок, крошечные значки электронной почты, маленькие стрелки и многое другое.
Иконки с Gentleface.com
Булавка
Этот набор является еще одним примером монохромных иконок. Несмотря на то, что они черно-белые, их можно легко настроить. Весь набор содержит 304 иконки в 32-битном формате PNG. Все они оптимизированы для размера 16×16 пикселей и доступны в размерах 16×16, 32×32 и 48×48 пикселей. Он включает в себя файлы .ico и векторные иконки в форматах EPS и flash SWF. В набор также входят прозрачные версии PNG. Этот набор мини-иконок содержит множество навигационных стрелок, значков сердца, значков кнопок закрытия, значков мини-смайликов и многого другого.
Добавление мини-иконок в дизайн вашего веб-сайта может действительно иметь большое значение для некоторых веб-сайтов. Иногда может быть сложно найти правильный небольшой набор значков, но мы надеемся, что облегчили вам эту задачу.
Автор: Игги
Игги — дизайнер, который любит экспериментировать с новыми методами веб-дизайна, сопоставлять креативные дизайны веб-сайтов и писать о последних тенденциях в дизайне, вдохновении, дизайнерских халяве и многом другом.
