Содержание

9 сайтов, о которых вы должны знать

  • Дизайн
  • 3 мин на чтение
  • 4410

Когда заказчик приходит к дизайнеру с заданием нарисовать иконку, его волнует два вопроса: стоимость работы и сроки исполнения. Дизайнеру же для ответа нужно четко понимать, что конкретно хочет заказчик. Хорошо, если знаешь, как выглядит иконка-мечта. Но что делать, если не понимаешь, чего хочешь? Ответ прост — смотрите на работы других и прислушивайтесь к себе. Мы собрали девять сайтов, которые помогут вам в этом.

Прежде чем писать дизайнеру иконок

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

  • Шаг #1: Потратьте время на изучение уже существующих коллекций иконок.
    Ваша задача смотреть, смотреть и еще раз смотреть.
  • Шаг #2: Отберите те, которые вам понравились. Скопируйте картинку в Word и опишите что именно понравилось (форма, цветовое решение, идея, стиль), почему иконка пришлась по душе.
  • Шаг #3: Отберите иконки, которые современны, но не понравились. Также сохраните иконку и опишите, что в иконке не то.
  • Шаг #4: Опишите что делает ваша программа и сформулируйте требования уже к вашей собственной иконке. Если есть какие конкретные пожелания к метафоре — их тоже запишите.
  • Шаг #5: С получившимся документом идем к дизайнеру. Теперь получить оценку будет легко и просто.

Где найти примеры современных качественных иконок

Чтобы вы не блуждали по интернету, разыскивая примеры удачных иконок, мы собрали для вас 9 сайтов-галерей иконок. Смотрите и выбирайте.

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

На этом сайте можно посмотреть на варианты иконок отдельно для MAC, а отдельно для iOS. Суммарно более 200 вариантов иконок всех стилей и тематик. Сайт постоянно обновляется и пополняется новыми образцами.

На девяти страницах собрано более 100 иконок для iOS. Недостаток ресурса – нет рубрикатора, так что вам придется пролистать все 9 страниц. Плюс ресурса есть как известные иконки, так и менее популярные образцы.

Галерея этого ресурса насчитывает более 50 иконок для iOS. Как и в предыдущем варианте, нет рубрикатора, чтобы облегчить вашу жизнь.

Нестандартный подход – использовать pinterest для поиска иконок. Но, если вы зададите в графе поиск «IOS» и «Icon» результат вас удивит. Аналогично работает для Android Icon. А вот с Windows Icon не получится :(. Но в нашем портфолио уже сотни примеров, будет из чего выбрать.

Все, что было сказано строкой выше о pinterest можно смело применить к flickr. Ключ к успеху поисковый запрос «iOS App Icons».

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

Этот ресурс автоматически собирает иконки, а, следовательно, у вас всегда будет пища для размышлений. На сайте есть рубрикатор, иконки разделены на 17 категорий.

Последний пример – это пример коллекции иконок, собранный дизайнером. В сети гуляет довольно много подобных вариантов, вы можете попробовать найти подобные. Просто погуглите по слову «App Icon Inspiration» или подобному. Возможно, с таким форматом подачи материала вам будет удобно работать.

Источник: icondesignlab

  • #дизайн
  • #иконки
  • #список
  • 0

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

Где взять бесплатные шрифты, иконки и картинки для сайта

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

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

Бесплатные фотостоки

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

Просто брать из поиска Google бесплатные картинки, шрифты и иконки для сайта нельзя — точнее, можно, но только нажав вкладку Картинки — Инструменты — Права использования — Лицензии Creative Commons. Проще обратиться к бесплатным фотостокам.

  • Unsplash — один из самых популярных в мире фотостоков с огромным количеством бесплатных картинок. Их можно использовать на своем сайте, и они предлагаются в хорошем разрешении. На сайте около 3,5 млн изображений разной тематики. В лицензионном соглашении Unsplash подчеркивается, что они работают только с бесплатными фотографиями, их нельзя продавать.
  • picjumbo — авторский фотосток, основанный в 2013 году дизайнером и фотографом, для таких же дизайнеров как он. Автор сайта утверждает, что фотографии можно скачать бесплатно и использовать для любых целей, включая разработку приложений и сайтов. Единственный запрет — перепродажа и публикация на других фотостоках.
  • Gratisography — не просто фотосток, а коллекция необычных, оригинальных и смешных авторских картинок. Если нужны именно такие, этот сток станет идеальным решением. Он и сам себя так позиционирует: «Действительно необычные. Чаще всего эксцентричные 😉 И всегда бесплатные».

    • Есть и другие —

    Pexels

    и

    Iso Republic

    , на которых есть и видеоклипы тоже, а также уникальный

    New Old Stock

    с коллекцией винтажных картинок для сайта бесплатно. Поиск у него находится вверху слева.

    Бесплатные шрифты

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

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

  • Google Fonts — бесспорная классика с сотнями шрифтов на более чем 135 языках. Они организованы в зависимости от популярности и трендов. Сверху есть удобный фильтр, помогающий подобрать вариант для любых нужд: по толщине, отсутствию или наличию засечек, языку.
  • Facefont — коллекция в том числе бесплатных русских шрифтов для сайта на кириллице, без чего русскоязычному проекту не обойтись. Их довольно много, и они распределены по категориям вроде «брендовые», «комические», «восточные», что помогает быстро подобрать вариант под приложение.
  • Fontstorage — этот ресурс был русскоязычным, но в какой-то момент стал обращаться в большей степени к иностранной аудитории. Впрочем, в коллекции осталась масса интересных и полезных кириллических шрифтов. Фильтр позволяет сразу настроить в поиске русский алфавит.
  • Behance — ресурс для поиска дизайнерских шрифтов, созданных умелыми руками художников-фрилансеров. Среди них есть бесплатные в приличном количестве. Если хочется блеснуть оригинальностью, этот сток станет лучшим решением.

    • И это не все. Если в перечисленных выше стоках не нашлось ничего подходящего, можно попробовать

    DaFont

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

    сайт Миши Панфилова

    , дизайнера, который предлагает бесплатно и без нарушения авторских прав некоторые из своих работ.

    Бесплатные иконки и символы

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

    Ресурсы с бесплатными иконками для сайта тоже существуют. Искать их не нужно — мы уже все нашли.

  • Tilda Icons — вам повезло, если проект вы разрабатываете на Tilda, потому что у конструктора есть встроенный поиск бесплатных иконок. Условием использования является указание места, откуда они были скачаны, в остальном ничего делать не нужно. Причем у Тильды уже есть готовые сеты по разным тематикам.
    • Хотите узнать больше о разработке на Tilda и других зерокодинговых конструкторах веб-сайтов? Приглашаем на бесплатный двухдневный марафон по веб-разработке — понятно и подробно расскажем о том, как сделать проект без строчки кода!
  • Pixeden — ресурс в противовес Тильде, потому что он предлагает в том числе цветные и довольно детальные варианты в хорошем разрешении. Минимализм тоже в наличии — в том числе для панели задач на сайте.
  • Smashing Magazine — онлайн-журнал для веб-разработчиков и дизайнеров, который регулярно раздает сеты бесплатных иконок на все случаи жизни. Рождественские, с тематикой ковида, крупные и маленькие, нарисованные от руки… для ищущих оригинальности это идеальный ресурс.
  • Flaticon — одна из самых больших коллекций бесплатных иконок во всем интернете. Тут есть все форматы вроде jpg, png, svg, ico, а также шрифты для тех, кто предпочитает работать с иконками так. С недавних пор на Flaticon также появились стикеры.

    • Конечно, ресурсов с бесплатными иконками и символами больше: как и шрифты, их можно найти на

    Behance

    , на

    Iconmonstr

    с их роскошной коллекцией минималистической графики, на

    Icojam

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

    Бесплатные цветовые палитры

    У многих конструкторов сайтов и приложений, к которым относятся Webflow, Tilda, Bubble и Adalo, есть шаблоны оформления с фонами, бесплатными картинками, шрифтами и иконками для сайта. Они уже продуманы, сбалансированы и приятны глазу. Но если проект создается с нуля, с подбором верной цветовой палитры могут возникнуть проблемы — особенно для человека, который знаком с веб-дизайном посредственно.

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

  • Adobe Color — или генератор цветовых палитр от гиганта веб-дизайна Adobe. По своей сути это цветовой круг, позволяющий за пару минут создать приятное решение для сайта. Играть с ним можно бесконечно, экспериментируя с насыщенностью и другими параметрами.
  • Happy Hues — интерактивный веб-сайт, на котором при выборе конкретной палитры можно сразу посмотреть, как она будет смотреться на сайте. Он еще и образовательный, поскольку не просто выбирает, но и объясняет свой выбор.
  • Colordot — ресурс для выбора цвета. Чтобы использовать его, достаточно водить по экрану курсором. Как только цвет изменится на искомый, просто кликните мышью. Подойдет он не только для веб-разработки, но и, например, для выбора цвета стен в квартире.

    • Разработка — интересная часть зерокодинга, но как насчет кастомного дизайна? С этими инструментами и бесплатными ресурсами вы сможете создавать приложения с чистого листа и никогда не зададитесь вопросом, где брать нужное.

    Ссылка скопирована

    7 203 251+ высококачественных иконок — Iconfinder

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

    Перо

    286 иконок

    Лето

    5 515 иконок

    Мир в пастели

    426 иконок

    Шрифт Awesome Обычный

    159 иконок

    Шрифт Awesome Solid

    1000 иконок

    Иониконс Шарп

    414 иконок

    Иконуар

    937 иконок

    Начальная загрузка

    1071 значок

    Свободно Обычный 24px

    1565 иконок

    Свободно Обычный 20px

    1399 иконок

    Fluent Solid 24px

    1568 иконок

    Fluent Solid 20px

    1401 значок

    Получите 10 кредитов за премиум-контент

    Подпишитесь на бесплатную пробную версию Iconfinder Pro. Получите доступ ко всем высококачественным значкам и иллюстрациям, пригласите членов своей команды и получите первые 10 кредитов от нас.

    Подробнее о Pro Начните 7-дневную бесплатную пробную версию

    Затем 9 долларов в месяц. Отменить в любое время.

    Люминофор Duotone

    1047 иконок

    Фосфор Обычный

    1047 иконок

    Фосфорный наполнитель

    1047 иконок

    Люминофор

    1047 иконок

    Плампиконы

    4543 иконки

    РемиксИконка

    2103 иконки

    Руди

    1676 иконок

    Эссенциальная линия

    1600 иконок

    Линия

    12 иконок

    Эссенция Твердая

    1600 иконок

    Эссенция заполнена

    1600 иконок

    Базисоны — Линия

    4 387 значков

    Вебина

    482 иконки

    Системный интерфейс

    420 иконок

    4.0 Специальная коллекция Justicon

    2304 иконки

    Пикон Базовый

    659 иконок

    Пиконы тонкие

    1881 значок

    Исходный

    2536 иконок

    Набор иконок в одну линию

    336 иконок

    Гизмо

    839 иконок

    Эго

    3688 иконок

    Иконуиоо

    1691 значок

    Сценарий Графит

    1000 иконок

    Smashicons — ультрацвет

    4030 иконок

    Получите 10 кредитов за премиум-контент

    Подпишитесь на бесплатную пробную версию Iconfinder Pro. Получите доступ ко всем высококачественным значкам и иллюстрациям, пригласите членов своей команды и получите первые 10 кредитов от нас.

    Подробнее о Pro Начните 7-дневную бесплатную пробную версию

    Затем 9 долларов в месяц. Отменить в любое время.

    Фигурки

    21 678 иконок

    Буке 1.0 Flat

    780 иконок

    Дудл

    1117 иконок

    Микроточки Контур

    2560 иконок

    Коллекция разнообразных аватаров

    959 иконок

    Строка

    9 105 значков

    Пика

    814 иконок

    Дайго

    1200 иконок

    Заполнить контур

    4971 значок

    Эмоджи

    1242 значка

    Лайлак

    1798 иконок

    Проводной iOS

    998 иконок

    Обивный цвет

    1850 иконок

    Sliceberry — Линия UIcons

    1490 иконок

    Пикси Солид

    590 иконок

    Пикси Лайн

    768 иконок

    64×64 Pixel Perfect

    3764 иконки

    (Цвет) Коллекция иконок Connecto Line

    920 иконок

    Унигрид Фантом

    3566 значков

    Базисоны — Твердые

    3995 иконок

    Большой контур

    1000 иконок

    Плоские ходы

    759 иконок

    Жирная линия

    4507 иконок

    Бабблконы — Линия

    10 560 иконок

    Буке 1.

    0 Градиент

    779 иконок

    Строка

    2193 иконки

    Базовая система

    291 значок

    Вихревой

    69 иконок

    Микроточки Премиум

    3070 иконок

    Ава: Черная Пустота

    787 иконок

    Контур

    1877 иконок

    Квартира

    1877 иконок

    Полутвердый

    1548 иконок

    Мини-круглый

    350 иконок

    Материя

    3161 значок

    человек

    594 иконки

    Получите 10 кредитов за премиум-контент

    Подпишитесь на бесплатную пробную версию Iconfinder Pro. Получите доступ ко всем высококачественным значкам и иллюстрациям, пригласите членов своей команды и получите первые 10 кредитов от нас.

    Подробнее о Pro Начните 7-дневную бесплатную пробную версию

    Затем 9 долларов в месяц. Отменить в любое время.

    Цвет каракулей

    647 иконок

    Пунктирная линия

    4723 иконки

    Приложение

    /

    4657 значков

    Мини-квадрат

    640 иконок

    буно

    3425 иконок

    Красочные пищевые ингредиенты

    314 иконок

    Микротонкая линия

    1140 иконок

    Заполненные контурные иконки

    39 589 иконок

    Значок линии

    48 739 иконок

    Космо

    1566 иконок

    Смэшиконы

    15 610 иконок

    Система углеродного дизайна

    2004 иконки

    Jumpicon — глиф

    3307 значков

    Jumpicon — Линия

    3307 значков

    УСБ

    704 иконки

    IconPark

    2433 иконки

    Солик

    572 иконки

    Линек

    572 иконки

    Твердые значки подростков

    600 иконок

    Контур подростковых иконок

    599 иконок

    Стол

    1518 иконок

    Глиф

    976 иконок

    Унилайт

    3551 значок

    Микро-Глиф

    1187 иконок

    Микро-Линия Жира

    1160 иконок

    Эвериконы

    520 иконок

    Варенье

    940 иконок

    Линия Потрясающая

    1380 иконок

    Пищевые ингредиенты, нарисованные вручную

    314 иконок

    Пикси

    2 270 иконок

    Безупречный

    500 иконок

    Гипержирный

    1100 иконок

    Uni One Оригинал

    451 значок

    36 991+ высококачественных иллюстраций — Iconfinder

    Основной

    1 208 иллюстраций

    ПОП

    300 иллюстраций

    Черно-белая деятельность

    664 иллюстрации

    Очередь людей

    396 иллюстраций

    Вторник

    97 иллюстраций

    Зоолостеры

    150 иллюстраций

    Блок

    100 иллюстраций

    Истории

    91 иллюстрация

    Кальма

    200 иллюстраций

    Гуманный

    573 иллюстрации

    Центр города

    200 иллюстраций

    Бейкер

    116 иллюстраций

    Получите 10 кредитов за премиум-контент

    Подпишитесь на бесплатную пробную версию Iconfinder Pro. Получите доступ ко всем высококачественным значкам и иллюстрациям, пригласите членов своей команды и получите первые 10 кредитов от нас.

    Подробнее о Pro Начните 7-дневную бесплатную пробную версию

    Затем 9 долларов в месяц. Отменить в любое время.

    Жевательная резинка

    85 иллюстраций

    Корень

    24 иллюстрации

    Лотте

    112 иллюстраций

    Призрак

    165 иллюстраций

    Градиент

    125 иллюстраций

    Зима

    127 иллюстраций

    Мелок

    50 иллюстраций

    ФриЛайн

    34 иллюстрации

    Блюз

    60 иллюстраций

    Робин

    21 иллюстрация

    Ингредиенты хорошей жизни

    15 иллюстраций

    Игровой набор

    96 иллюстраций

    Фиолетовый

    54 иллюстрации

    Заводной

    50 иллюстраций

    Клементина

    78 иллюстраций

    Обнаженная

    68 иллюстраций

    Шашки

    120 иллюстраций

    Конфеты

    69 иллюстраций

    Лимон

    66 иллюстраций

    Жирный

    50 иллюстраций

    Черио

    60 иллюстраций

    Цветность

    70 иллюстраций

    Художественный

    40 иллюстраций

    Современный

    35 иллюстраций

    Получите 10 кредитов за премиум-контент

    Подпишитесь на бесплатную пробную версию Iconfinder Pro. Получите доступ ко всем высококачественным значкам и иллюстрациям, пригласите членов своей команды и получите первые 10 кредитов от нас.

    Подробнее о Pro Начните 7-дневную бесплатную пробную версию

    Затем 9 долларов в месяц. Отменить в любое время.

    Человек

    116 иллюстраций

    Цветные капли

    155 иллюстраций

    Немо

    107 иллюстраций

    Пурпурный

    139 иллюстраций

    Симлайн

    40 иллюстраций

    Свечение

    52 иллюстрации

    Горчица

    50 иллюстраций

    Транзакция

    41 иллюстрация

    Стэнли

    20 иллюстраций

    Ежедневная деятельность

    1 149 иллюстраций

    Пастель

    39 иллюстраций

    Лютер

    14 иллюстраций

    Пусто

    21 иллюстрация

    Миксология

    30 иллюстраций

    Скрэнтон

    36 иллюстраций

    Винтаж

    31 иллюстрация

    Сцены из жизни

    126 иллюстраций

    Лила

    124 иллюстрации

    Участок

    21 иллюстрация

    Такси

    31 иллюстрация

    Бахрома

    19 иллюстраций

    Юмор

    50 иллюстраций

    Берегите себя

    9 иллюстраций

    Небо

    48 иллюстраций

    Вечный

    30 иллюстраций

    Кубизм

    36 иллюстраций

    Сцепка

    18 иллюстраций

    Домашний

    10 иллюстраций

    Симлайн

    20 иллюстраций

    Ч/Б

    30 иллюстраций

    ссылки

    22 иллюстрации

    Симпатичный

    72 иллюстрации

    Колти

    30 иллюстраций

    Букейкон 2.

    No related posts.