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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Главная страница Flaticon

Примеры иконок с сервиса Flaticon

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

Главная страница IconArchive

Цветные иконки в сервисе IconArchive

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

Страница сервиса IconFinder

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

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

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

Страница сервиса Noun Project

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

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

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

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

Страница каталога сайта Iconshock

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

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

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

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

Страница с бесплатным контентом Oxygenna

Коллекции freebies на сайте дизайнеров Oxygenna

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

Бесплатные наборы иконок с Good Stuff No Nonsence

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

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

Главная страница сервиса Glyphicons

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

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

Выбор значков на главной странице Entypo

Большой набор стандартных бесплатных иконок на сайте Entypo

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

Скачивание иконок с сайта Captain Icon

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

PSD-шаблоны

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

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

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

Шаблоны с сайта PSD HTML CSS

Выбор бесплатного контента на ресурсе с уроками и шаблонами

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

Коллекции с сайта 365psd

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

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

Mockup Download – большая коллекция бесплатных мокапов

Главная страница сайта, посвященного мокапам

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

Главная страница сервиса FreePSDFiles

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

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

Сообщество ВКонтакте с шаблонами для соцсетей

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

Шрифты

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

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

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

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

Google Fonts — крупная библиотека шрифтов

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

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

Главная страница сервиса Font Squirrel

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

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

Интерфейс сайта 1001 Fonts

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

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

Новые шрифты в сервисе Dafont

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

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

Главная страница сайта Font Storage

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

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

Страница поиска шрифтов в сервисе FontSpace

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

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

Интересные шрифты в сервисе Abstract Fonts

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

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

Сообщество «Бесплатные шрифты» ВКонтакте

Пример бесплатного шрифта из группы ВКонтакте с поиском по кириллице

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

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

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

Страница дизайнерского сайта Befonts

Красивые шрифты из сервиса Befonts

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

Шрифты на сайте с контентом Pinspiry

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

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

Выбор шрифтов на FontFabric

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

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

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

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

Лента контента Freepik

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

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

Страница сайта PNGTree

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

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

Площадка Adobe Behance

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

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

• Creative Tail;
• Dreamstale;
• Fribly;
• Freebiesbug;
• CSS Author и другие.

Главная страница CSS Author

Визуальный контент на сайте CSS Author

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

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

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

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

Главная страница редактора Canva

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

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

Главная страница Online Logomaker

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

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

Страница сервиса Logomakr

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

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

Главная страница Hatchful Spotify

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

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

Главная страница Logaster

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

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

Главная страница Designimo

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

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