Подборки

150 ресурсов для дизайна: где брать шрифты, иконки, шаблоны и иные полезные элементы

Топ-подборка для дизайнеров и всех, кто работает с визуалами
подборка ресурсов для дизайнеров

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

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

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

Шрифты

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

I LOVE TYPOGRAPHY — тысячи платных и бесплатных шрифтов от лучших дизайнеров. 

Paratype — российский магазин со множеством латинских и кириллических шрифтов. 

Typofonderie — отличная коллекция шрифтов, преимущественно латинских. 

Myskotom —  российская библиотека, содержащая 900+ бесплатных кириллических шрифтов.

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

Bestfonts —  каталог бесплатных шрифтов с делением по категориям. 

Rufonts — библиотека бесплатных кириллических шрифтов. 

Webfont — крупное хранилище шрифтов на латинице. 

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

MyFonts — магазин всевозможных шрифтов с описаниями и примерами применения. 

«Шрифты Онлайн» — сайт о шрифтах с тысячами вариантов для скачивания. 

Ofont.ru — 6900 красивых и бесплатных шрифтов на русском языке. 

Google Fonts — бесплатные шрифты на латинице и кириллице от Google. 

Uprock  — 500+ бесплатных кириллических шрифтов. 

TypeType — 75 семейств шрифтов, среди которых есть платные и бесплатные. 

type.today — магазин с качественными, современными и достаточно универсальными шрифтами. 

Creative market — огромная библиотека для дизайнеров, в том числе здесь представлено более 88 000 шрифтов. 

WebFonts.pro — сотни кириллических и латинских шрифтов, рассортированные по категориям и сопровождающиеся инструкциями по установке в различные системы. 

DaFont — 84+ тысяч шрифтов, среди которых есть много бесплатных. 

Typ.io — сайт для выбора основного шрифта и подходящего к нему сочетания. 

«РыбаТекст» — генератор рыбного текста для реалистичного заполнения прототипов. 

typespiration — вдохновляющие комбинации шрифтов и цветовые палитры, которые можно бесплатно. 

FONTS IN USE — независимый архив типографики, который можно использовать для вдохновения. 

Fontjoy — подбор шрифтовых сочетаний. 

Fontpair — бесплатные шрифты и еженедельно обновляемые сочетания шрифтов. 

bold. — сервис для подбора шрифтовой пары. 

Иконки

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

Material Design Icons — 750 бесплатных иконок от Google на Github. 

Glyphsearch — большая библиотека иконок, доступные к скачиванию в формате кода для вставки. 

MakeAppIcon — генератор иконок из картинок для приложений на Android и iOS.

Perfect Icons — коллекция эмодзи и смайлов с возможностью копирования. 

Icon Finder — более 250+ тысяч бесплатных векторных иконок в форматах SVG и PNG.

Roundicons — бесплатные иконки для любого вида использования. 

Icon Sweets — 60 бесплатных векторных иконок Photoshop, подходящих для приложений iPhone и iPad или веб-проектов. 

FlatIcon — 14,2+ млн иконок и значков в форматах PNG, SVG, EPS, PSD и CSS. 

Reshot — бесплатные иконки и иллюстрации для свободного использования. 

Icons8 — огромная коллекция элементов для дизайна, в том числе более миллиона иконок. 

Fontello — большая коллекция иконок для скачивания в формате SVG.

MakeAppIcon — сервис для создания и оптимизации значков для мобильных приложений iOS и Android. 

Glyphsearch — библиотека иконок со скачиванием в виде готового кода для вставки на сайт.  

The Noun Project — более 5 млн значков в форматах PNG или SVG, доступных к использованию по подписке. 

ionicons.com — сделанные вручную бесплатные иконки с открытым исходным кодом. 

Simple Icons — 3035 бесплатных SVG-иконок для популярных брендов. 

Iconfinder — 16+ тысяч иконок, платных и бесплатных. 

Tilda Publishing — 700+ бесплатных иконок, рассортированных на 47 бизнес-тем. 

Round Icons — 45 тысяч иконок для коммерческого использования, есть бесплатные пакеты значков. 

Iconmonstr — 4784 бесплатных иконок в 316 коллекциях, бесплатных для любого коммерческого использования. 

Endless Icons — бесплатные иконки от сообщества дизайнеров. 

IcoMoon — библиотека иконок и инструмент для создания значков. 

«Пиксель Тулс» — генератор иконок онлайн с помощью нейросети. 

SimpleTools — генератор фавиконов и иконок приложений.

Логотипы

Логотипы помогают бренду выделиться среди конкурентов. Они повышают узнаваемость компании, передают определённые образы и ассоциации, становятся частью айдентики. При создании логотипов можно вдохновиться чужими идеями. Также можно сконструировать логотип с нуля с помощью специальных сервисов.

Logo Design Love — коллекция логотипов с описаниями и примерами. 

Logopond — большая библиотека разнообразных логотипов. 

Squarespace — сервис для быстрого создания логотипов по названию компании. 

LogoTypes101 — коллекция бесплатных векторных логотипов с просмотром по брендам или сфере деятельности. 

Logofury — генератор логотипов по названию компании и категории с возможностью добавления слогана. 

LogoMoose — галерея логотипов со всего мира. 

The Logo Mix — коллекция логотипов с сортировкой по тематике или цвету. 

logomaster.ai — конструктор логотипов по шаблонам или с нуля. 

Цвета

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

New Flat UI Color Picker — библиотека цветов с описаниями и возможностью копирования кода. 

Flat UI Colors — 280 тщательно подобранных цветов. 

Coolors — онлайн-генератор цветовых схем из пяти оттенков. 

Couleurs — приложение для macOS для подбора цветов. 

Material UI Colors — коллекция цветов с возможностью копирования кода в один клик. 

Colorful gradients — библиотека градиентов с регулярным обновлением. 

Adaptive Backgrounds — плагин для извлечения доминирующих цветов из изображений и применения их к родительскому элементу. 

Brand Colors — самая большая коллекция официальных цветовых кодов брендов.

Paletton — генератор цветовой палитры. 

0 to 255 — поиск нужного цвета с кодом. 

Colour Lovers — сообщество дизайнеров для вдохновения цветом. 

Adobe Color — создание цветовых схем и выбор оттенков. 

Bootflat — библиотека готовых цветовых палитр. 

Hex Color Tool — инструмент для подбора цвета. 

Material Palette — выбор цвета и подбор подходящей палитры. 

Color Hunt — коллекция цветовых палитр из 4 цветов. 

ColorZilla — выбор цвета, генератор градиента, анализ цветовой схемы веб-страниц. 

Designspiration — извлечение цветовой схемы из изображений. 

Logomak — подбор цветов для логотипа. 

Сетки

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

Grid Calculator — калькулятор для расчёта сетки со скачиванием результата. 

Калькулятор сетки Kolumna — сервис для расчета вертикальных сеток под разные экраны. 

Compound grid generator — инструмент для создания сложных сеток. 

Grid System Library — бесплатная библиотека сеток для iOS, Android, Tailwind CSS и Bootstrap.

Иллюстрации

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

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

Unsplash — фотосток с бесплатными изображениями для личного и коммерческого использования. 

Undraw — коллекция иллюстраций, которые можно адаптировать к своим проектам. 

Freepik — библиотека условно-бесплатных фото, иллюстраций, видео, PSD и прочее. 

Burst — 20+ тысяч бесплатных стоковых фотографий и изображений без лицензионных отчислений. 

pexels.com — лучшие бесплатные стоковые фото, изображения без роялти и видео от талантливых авторов. 

StockSnap — бесплатные стоковые фотографии с лицензией CC0. 

nappy — бесплатные фотографии чернокожих людей. 

MEGA CREATOR — сервис для комбинирования стоковых фотографий в одно изображение. 

DrawKit — нарисованные от руки 2D и 3D иллюстрации, значки и анимация. 

Humaaans — сервис для комбинирования иллюстраций людей с элементами из библиотеки дизайна. 

Open Peeps — библиотека рисованных иллюстраций, бесплатных для коммерческого и личного использования по лицензии CC0.

lukaszadam.com — бесплатные иллюстрации SVG для коммерческого и личного использования по лицензии CC0.

Shutterstock — 440+ млн иллюстраций, фото и иных изображений премиального качества. 

Creative Market — миллионы шрифтов, фотографий, графики, иллюстраций и иных элементов. 

Adobe Stock — огромная библиотека изображений, доступных к покупке, использованию по подписке или бесплатному применению. 

iStock — библиотека фотографий, иллюстраций и видео, а также ИИ-генератор изображений

MRCUTOUT.COM — изображения без фона с людьми, растениями, транспортом, также есть фоны и картинки неба. 

Pixabay — более 1 миллиона изображений и видео высокого качества. 

picjumbo — бесплатный фотосайт с 3000+ красивых стоковых фото, фонов и изображений высокого разрешения для личного и коммерческого использования

ISO — тысячи  бесплатных  стоковых фото и видео CC0 в высоком разрешении. 

Jeshoots — 800+ тысяч бесплатных тематических фотографий в высоком разрешении. 

CUPCAKE — бесплатные оригинальные изображения, которые можно использовать по своему усмотрению. 

Magdeleine — тщательно отобранные бесплатные стоковые фото разных категорий

New Old Stock — старинные фотографии из государственных архивов, без известных ограничений авторских прав.

«ГудПринт» — генератор изображений по тексту или тексту с фото, можно выбрать стиль картинки. 

Depositphotos — премиум-коллекция из 282 млн стоковых фотографий, векторных картинок, видео и музыки. 

Foodiesfeed — бесплатный фотобанк с великолепными изображениями еды в высоком разрешении. 

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

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

GRATISOGRAPHY — фотографии HD-качества от профессионального фотографа для любого вида использования. 

UI8 — векторные иллюстрации для мобильных приложений и веб-проектов. 

LS.graphics — бесплатные и платные иллюстрации отличного качества в 3D- и векторной графике. 

Blush Design — сервис для создания иллюстраций из коллекций художников со всего мира.

Storytale — сервис для поиска качественных иллюстраций, 3D-изображений, макетов. 

Get illustrations — 22 429 креативных иллюстраций, есть бесплатные картинки для личного и коммерческого использования. 

Видео

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

Coverr — коллекция бесплатных стоковых видео с поиском по ключевым фразам. 

Mixkit — 43+ тысячи бесплатных видеоклипов, 851 видеошаблон, а ещё треки и звуковые эффекты. 

Videezy — бесплатные видеоматериалы в формате HD и 4K. 

Videvo — 2,5+ млн стоковых видеоматериалов, рассортированных по категориям, и с поиском по ключевым словам. 

Mitch Martinez — бесплатные 4K-видео от профессионального фотографа и видеографа для использования в личных целях. 

Mazwai — собранные вручную стоковые видеоматериалы, доступные для бесплатного скачивания и использования в коммерческих целях. 

Dareful — бесплатные стоковые видеоматериалы в формате 4К и HD. 

Distill — коллекция HD-видео для личного и коммерческого использования с возможностью бесплатного использования 10 видео каждые 10 дней.

Макеты/мокапы

С помощью визуальных прототипов легче представить итоговый проект в реалистичном виде. Зачастую именно макет (мокап) определяет внешний вид проекта и его функционал. Использование макетов помогает тщательнее прорабатывать элементы дизайна и интерфейса. Чтобы не создавать мокапы с нуля, можно взять за основу готовые шаблоны.

Ui8 — 570 высококачественных мокапов для просмотра созданного дизайна. 

LS graphics — коллекция платных мокапов с возможностью покупки или получения по подписке. 

Yellow images — большая коллекция макетов для разнообразных презентаций продуктов. 

Shotsnapp — сервис для создания макетов приложений и сайтов. 

Screely — создание мокапов из изображений в режиме онлайн и без использования отдельных шаблонов. 

MockupsJar — 938+ реалистичных макетов, рассортированных по категориям. 

Mockupworld — крупнейший источник фотореалистичных бесплатных PSD-мокапов онлайн. 

Sketch — приложение для macOS, которое позволяет создавать крутые дизайны. 

Placeit — библиотека бесплатных макетов для создания великолепных снимков продуктов. 

Pixelbuddha — 500+ платных и бесплатных мокапов всевозможных видов. 

GRAPHICBURGER — коллекция бесплатных мокапов с выбором по категориям. 

Paliotta — частный ресурс Alex Paliotta, на котором можно приобрести понравившиеся мокапы. 

Unmark — реалистичные макеты на основе качественных фотографий для демонстрации товаров. 

Creatoom — 500+ бесплатных макетов и огромное количество платных макетов еды, косметики, интерьера, упаковки и прочего. 

PSDmockup.ru — сайт, позиционирующий себя как самую большую базу мокапов в рунете.

Анимации

Анимация оживляет веб-дизайн и делает его более запоминающимся. С её помощью можно привлечь внимание пользователей к отдельным элементам, подсказать действие или усилить взаимодействие пользователя с сайтом. Специальные сервисы помогают создавать анимацию интерфейсов и анимировать различные проекты.

Sparta cinetic — исходники для использования в After Effects.

UI Movement — коллекция анимированных интерфейсов для вдохновения и поиска идей. 

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

animejs — библиотека анимации JavaScript, которая работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.

PSD

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

365PSD — тысячи бесплатных PSD-шаблонов для разных целей. 

PixelSquid — библиотека готовых к проектированию 3D-объектов в PSD и PNG. 

Pixel Surplus — бесплатные шаблоны для личного и коммерческого использования. 

Good Mockups — 4 800+ различных PSD-мокапов. 

creativo — библиотека PSD-шаблонов. 

TEMPLATE.NET — бесплатные PSD-шаблоны для баннеров, брошюр, флаеров, плакатов, каталогов и прочего. 

Gitu — 1 000+ PSD-шаблонов для сайтов.