Ресурсы с бесплатным дизайнерским контентом: иконки, шрифты, шаблоны, логотипы

прочитали: 10
Ресурсы с бесплатным дизайнерским контентом: иконки, шрифты, шаблоны, логотипы
Редакция блога Ingate
17 июня 2020

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

Пример шаблона шапки страницы
Шаблон шапки страницыШаблон шапки страницы

Для чего нужен дизайнерский контент

Вариантов несколько:

  • наборы иконок можно использовать для создания логотипов, брендирования своей компании, создания интересных штампов для изображений (например, «i» icon подходит для привлечения внимания);
  • с помощью интересных бесплатных шрифтов и паттернов для Photoshop вы сможете создавать изображения, чтобы прикреплять к своим публикациям в соцсетях и на сайте;
  • стоковые картинки помогут проиллюстрировать статьи и записи;
  • в IT PNG-клипарт используют для создания так называемых фавиконов — маленьких пиктограмм, которые отображаются во вкладке браузера. Некоторые иконки в IT применяют и для создания элементов стилей, таких как списки;
  • PSD-шаблоны серьезно упростят работу с графическим контентом, помогут оформлять картинки в едином стиле в несколько кликов.

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

Авторские права

В зависимости от принятой лицензии условия распространения могут быть разными:

  1. некоторые элементы нельзя использовать на коммерческой основе. Их можно размещать на страницах или применять для создания изображений, только если контент не имеет отношения к коммерции. То есть для любого коммерческого сайта такие иконки и шаблоны не подходят;
  2. еще один способ распространения контента — в обмен на обратную ссылку. Чтобы легально пользоваться картинками, вы должны оставить на сайте, где они применяются, URL на ресурс создателя. Это обеспечивает владельцу иконок бесплатную рекламу;
  3. free-лицензия MIT подразумевает, что пользоваться контентом можно свободно, в том числе в коммерческих целях. Это наиболее привлекательный вариант лицензирования для тех, кто ищет бесплатные и качественные иконки.

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

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

Библиотек иконок в интернете многие сотни. Их условно можно выделить на две категории:

  • ресурсы с огромными базами изображений разных авторов;
  • личные сайты дизайнеров, которые рисуют картинки в едином стиле.

Если вам нужно многообразие, лучше воспользуйтесь первым вариантом. А тем, кто ищет оригинальности и ярко выраженного стиля, стоит обратить внимание и на второй. Понять, какой контент распространяет тот или иной сайт иконок, помогут теги и описания.

  1. Flaticon. Очень известный сайт иконок для сайта, на котором собрано более полумиллиона разнообразных flat-изображений. Всего Flaticon включает 9700 наборов, причем каждую картинку можно перекрасить перед скачиванием и загрузить в нескольких форматах, векторных и растровых.

Для использования их в коммерческих целях нужно оставлять обратные ссылки: в противном случае придется платить 10 $ в месяц за подписку.

Условия платной подписки: можно применять до 400 иконок обычного типа и 88 премиум-картинок в месяц.

Главная страница Flaticon
Примеры иконок с сервиса FlaticonПримеры иконок с сервиса Flaticon

  1. Icon Archive. Три доступных формата для скачивания, около 500 000 изображений и удобный «умный» поиск по каталогу — это хранилище подойдет для тех, кто хочет искать сразу по нескольким параметрам. В коллекциях не только плоские однотонные картинки, но и цветной объемный клипарт. Контент распространяется по разным лицензиям — тип лицензирования тоже можно настроить в поиске.

Главная страница IconArchive
Цветные иконки в сервисе IconArchiveЦветные иконки в сервисе IconArchive

  1. Iconfinder. Еще более крупная библиотека: количество значков приближается к двум миллионам. Поисковые фильтры очень подробные, можно выбрать подходящий для вас способ лицензирования и отсортировать результаты поиска по нему.

Страница сервиса IconFinder
Наборы бесплатных значков в сервисе IconFinderНаборы бесплатных значков в сервисе IconFinder

  1. Noun Project. Миллион с небольшим изображений на самые разные темы: есть нестандартные варианты и иконки на все случаи жизни. Картинки можно скачивать бесплатно, но коммерческое использование требует указания авторства.

Платная подписка — 10 $ в месяц, также можно покупать контент поштучно.

Страница сервиса Noun Project
Разнообразные черно-белые иконки в сервисе Noun ProjectРазнообразные черно-белые иконки в сервисе Noun Project

  1. Iconshock. Огромная база с несколькими миллионами иконок в разных стилях для создания многогранной графики. Пользоваться ими можно и бесплатно, но с рядом ограничений:
  • нельзя самостоятельно редактировать контент;
  • исходники не предоставляются;
  • размер составляет не больше 72 пикселей, чего достаточно для фавикона или пиктограммы на сайте, но не хватит для оформления публикации;
  • при коммерческом применении обязательна обратная ссылка. В личных целях можно пользоваться без обратного линка.

Годовая подписка стоит 79 $.

Страница каталога сайта Iconshock
Коллекции иконок в разных стилях с IconshockКоллекции иконок в разных стилях с Iconshock

Небольшие сайты с иконками

Необязательно искать нужное на ресурсе с несколькими миллионами или сотнями тысяч иконок. Обычно для стандартных целей хватает и наборов, которые включают в себя несколько десятков или сотен картинок. Вот некоторые из них:

  1. Oxygenna. Большинство изображений платные, но есть коллекции freebies для бесплатного использования;

Страница с бесплатным контентом Oxygenna
Коллекции freebies на сайте дизайнеров OxygennaКоллекции freebies на сайте дизайнеров Oxygenna

  1. Good stuff no nonsense. На сайте польского дизайнера всего 6 бесплатных наборов, но зато каждая картинка — маленькое произведение искусства. Автор очень ответственно подходит к созданию иконок;

Бесплатные наборы иконок с Good Stuff No Nonsence
Бесплатные наборы авторских дизайнерских иконокБесплатные наборы авторских дизайнерских иконок

  1. Glyphicons. Около 800 изображений в стиле минимализм, монохромных и неброских. Правда, для бесплатного использования ограничения довольно серьезные: можно скачать только ограниченное количество картинок в минимальном размере;

Главная страница сервиса Glyphicons
Идея Glyphicons — простые минималистичные иконки в одном цветеИдея Glyphicons — простые минималистичные иконки в одном цвете

  1. Entypo. Примерно 400 иконок, требующих указания авторства. Некоторые нельзя использовать в коммерческих целях;

Выбор значков на главной странице Entypo
Большой набор стандартных бесплатных иконок на сайте EntypoБольшой набор стандартных бесплатных иконок на сайте Entypo

  1. Captain Icon. 350 картинок в наборах, объединенных общей тематикой.

Скачивание иконок с сайта Captain Icon
Набор бесплатных иконок на странице итальянского дизайнера МариоНабор бесплатных иконок на странице итальянского дизайнера Марио

PSD-шаблоны

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

  • мокапы, то есть подготовленные файлы со смарт-объектами, куда вставляются ваши собственные картинки и надписи;
  • шаблоны сайтов;
  • UI-элементы, то есть детали для визуальных интерфейсов сайтов;
  • фоны и многое другое.
  1. PSD HTML CSS. Ресурс предлагает уроки по верстке и графические элементы: и шаблоны для веб-дизайна, и мокапы, и графические элементы. Коллекция включает несколько сотен объектов, но все они довольно распространенные, найти что-то по-настоящему нестандартное сложно.

Шаблоны с сайта PSD HTML CSS
Выбор бесплатного контента на ресурсе с уроками и шаблонамиВыбор бесплатного контента на ресурсе с уроками и шаблонами

  1. 365psd. Большая коллекция элементов дизайна, от мокапов до прозрачных иконок. Здесь около 5500 бесплатных наборов по разным темам. Правда, узнать, можно ли использовать тот или иной сет на коммерческой основе, вы сможете только после скачивания коллекции.

Коллекции с сайта 365psd
Бесплатные шаблоны, мокапы и иконки на 365psdБесплатные шаблоны, мокапы и иконки на 365psd

  1. Mockup Download. Как понятно по названию, сайт посвящен мокапам — PSD-шаблонам. Они распределены по категориям, так что вы можете легко найти вариант под интересующую тематику. Будьте внимательны к условиям использования: обычно их можно просмотреть уже после скачивания самого архива, и для разных файлов лицензия может различаться. Старайтесь выбирать для своего контента те, что можно использовать в коммерческих целях.

Mockup Download – большая коллекция бесплатных мокапов
Главная страница сайта, посвященного мокапамГлавная страница сайта, посвященного мокапам

  1. FreePSDFiles. Главный плюс этой библиотеки — практически весь контент можно бесплатно использовать в коммерческих и в личных целях. Всего в коллекции несколько сотен PSD-шаблонов, фонов, макетов и других элементов. Но коммерческое применение требует простановки обратной ссылки на этот ресурс: помните об этом.

Главная страница сервиса FreePSDFiles
Бесплатные файлы в формате PSD на FreePSDFilesБесплатные файлы в формате PSD на FreePSDFiles

  1. PsdBox. Это сообщество ВКонтакте, автор которого создает бесплатные шаблоны для использования в соцсетях. Прекрасно подходит для тех, кто занимается SMM и ищет способы легко и быстро оформить графический контент.

Сообщество ВКонтакте с шаблонами для соцсетей
Группа «Бесплатные PSD-шаблоны» создает шаблонные картинки для оформления пабликовГруппа «Бесплатные PSD-шаблоны» создает шаблонные картинки для оформления пабликов

Шрифты

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

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

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

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

Google Fonts — крупная библиотека шрифтов
Выбор кириллических бесплатных шрифтов из библиотеки Google FontsВыбор кириллических бесплатных шрифтов из библиотеки Google Fonts

  1. Font Squirrel. Еще один крупный сервис, агрегатор шрифтов от разных авторов. Удобен благодаря подробной информации о каждой позиции: показывается, можно ли встроить шрифт в CSS (графические стили сайта), сколько в нем стилей, по какой лицензии распространяется. Большой плюс сайта — все, что на нем расположено, можно использовать в коммерческих целях. Еще на нем есть инструмент, позволяющий распознать шрифт на загруженном в сервис изображении. Это удобно, если вы, например, хотите скопировать стиль какой-нибудь найденной в Сети картинки.

Главная страница сервиса Font Squirrel
Разрешенные для коммерческого использования шрифты с Font SquirrelРазрешенные для коммерческого использования шрифты с Font Squirrel

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

Интерфейс сайта 1001 Fonts
Поиск шрифта на страницах сайта 1001 FontsПоиск шрифта на страницах сайта 1001 Fonts

  1. Dafont. По интерфейсу сайт немного похож на предыдущий: здесь около 30 000 файлов, для каждого указаны лицензия и стилистика. Есть инструкция по установке скачанных шрифтов.

Новые шрифты в сервисе Dafont
Выбор подходящего шрифта на страницах каталога DafontВыбор подходящего шрифта на страницах каталога Dafont

  1. Font Storage. Сервис удобен для пользователей из России: в нем есть русский интерфейс и очень удобный поиск. Каждому шрифту присвоены свои теги, по которым можно ориентироваться в контенте. Кроме тегов, файлы разделены на четыре категории: с засечками и без, моноширинные или декоративные. В поиске есть фильтр по поддерживаемым алфавитам.

Главная страница сайта Font Storage
Удобный выбор шрифта по параметрам в сервисе Font StorageУдобный выбор шрифта по параметрам в сервисе Font Storage

  1. FontSpace. На этом сайте тоже есть теги и предпросмотр: это удобно. Всего тут более 30 000 шрифтов, посмотреть лицензию можно по наведению клика. В поиске можно сразу поставить галочку, чтобы отображались только доступные для коммерческого использования варианты, но фильтрации по алфавитам, к сожалению, нет.

Страница поиска шрифтов в сервисе FontSpace
Поиск шрифтов с названием на букву A в FontSpaceПоиск шрифтов с названием на букву A в FontSpace

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

Интересные шрифты в сервисе Abstract Fonts
Страница с популярными шрифтами с сайта Abstract FontsСтраница с популярными шрифтами с сайта Abstract Fonts

  1. «Бесплатные шрифты». Это сообщество ВКонтакте, где регулярно публикуют новые интересные варианты. Есть поиск по хештегам: с его помощью, например, можно выбрать только кириллические.

Сообщество «Бесплатные шрифты» ВКонтакте
Пример бесплатного шрифта из группы ВКонтакте с поиском по кириллицеПример бесплатного шрифта из группы ВКонтакте с поиском по кириллице

Авторские шрифты

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

  • Befonts. Около сотни русскоязычных алфавитов, интересные дизайнерские решения. Применять в коммерческих целях можно не каждое: посмотрите на лицензию, перед тем как скачать файл;

Страница дизайнерского сайта Befonts
Красивые шрифты из сервиса BefontsКрасивые шрифты из сервиса Befonts

  • Pinspiry. Здесь можно найти и другие виды контента: мокапы, фоны, кисти. Уточняйте лицензию перед скачиванием. Шрифтов, поддерживающих русский язык, около 80;

Шрифты на сайте с контентом Pinspiry
В разделе шрифтов Pinspiry много бесплатного интересного контентаВ разделе шрифтов Pinspiry много бесплатного интересного контента

  • FontFabric. Почти все можно использовать на коммерческой основе без оплаты.

Выбор шрифтов на FontFabric
Удобная классификация шрифтов на сайте FontFabricУдобная классификация шрифтов на сайте FontFabric

Графические элементы

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

  1. Freepik. Огромная библиотека от создателей Flaticon. Здесь можно найти контент на любой вкус, но будьте осторожны с авторскими правами. Чтобы бесплатно использовать картинки с сайта, нужно указывать авторство, а некоторые доступны только по премиум-подписке.

Лента контента Freepik
Большой выбор визуальных элементов на сайте FreepikБольшой выбор визуальных элементов на сайте Freepik

  1. PNGTree. Несколько миллионов картинок в растровом и vector-формате самых разных тематик и стилей. Здесь есть фоны, иконки, клипарт — все это предоставляется бесплатно, но в ограниченном объеме. Без платной подписки можно скачать всего три файла в день. Но подписка стоит недорого: всего 9 долларов в месяц.

Страница сайта PNGTree
Бесплатные картинки PNG на PNGTreeБесплатные картинки PNG на PNGTree

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

Площадка Adobe Behance
На сервисе Behance дизайнеры делятся своим авторским контентомНа сервисе Behance дизайнеры делятся своим авторским контентом

  1. Другое. Можете ознакомиться еще с рядом площадок — цифровых журналов, сообществ дизайнеров и агрегаторов:
  • Creative Tail;
  • Dreamstale;
  • Fribly;
  • Freebiesbug;
  • CSS Author и другие.

Главная страница CSS Author
Визуальный контент на сайте CSS AuthorВизуальный контент на сайте CSS Author

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

Какими сервисами можно пользоваться бесплатно

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

Canva. Графический редактор с огромным количеством шаблонов и функций. Огромное количество бесплатных иконок оборачивается заметным минусом: сложно найти что-то, что еще не использовали конкуренты. Поэтому рекомендуется пользоваться кастомизацией: к счастью, возможности у Canva широкие. Правда, для загрузки своих шрифтов или скачивания файлов в размере, отличном от 500 х 500 px, придется платить 10 $ в месяц.

Главная страница редактора Canva
Создать логотип можно в конструкторе CanvaСоздать логотип можно в конструкторе Canva

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

Главная страница Online Logomaker
В сервисе можно создать логотип для брендаВ сервисе можно создать логотип для бренда

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

Страница сервиса Logomakr
Процесс создания логотипа в LogomakrПроцесс создания логотипа в Logomakr

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

Главная страница Hatchful Spotify
Сервис приглашает начать работу по созданию логоСервис приглашает начать работу по созданию лого

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

Главная страница Logaster
Сервис предлагает создать полноценный дизайн для компанииСервис предлагает создать полноценный дизайн для компании

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

Главная страница Designimo
В сервисе можно создать логотип с именем компании и слоганомВ сервисе можно создать логотип с именем компании и слоганом

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

(Рейтинг: 5, Голосов: 7)
У тебя есть нерешенные задачи?

В этом блоге мы делимся знаниями, но если у тебя есть серьезные цели, которые требуют вмешательства настоящих профи, сообщи! Перезвоним, расскажем, решим любые задачи из области digital

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

Находи клиентов. Быстрее!
наверх