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

В этом посте собраны 21 наших любимых бесплатных (или почти бесплатных) дизайн-ресурсов. Они помогут сделать ваш следующий проект визуально ярким, пригодятся как новичку, так и профессионалу.

Стоковые фотографии

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

Если вы нашли себя в этом описании, попробуйте эти сайты с бесплатными (или дешевыми) стоковыми фотографиями, которые на самом деле классные, совсем непохожие на те, которыми пестрили деловые брошюры 90-х.

Pexels

Pexels

Все фото на Pexels можно использовать бесплатно в личных и коммерческих нуждах в рамках лицензии Creative Commons Zero (CC0). Сейчас там 30 000+ стоковых фото на сайте, и каждый месяц коллекция пополняется примерно 300 новыми фото.

Unsplash

Unsplash

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

Stock Up

Stock Up

Сайт Stock Up предлагает 15 000+ проиндексированных фото из более, чем 30 разных стоковых хранилищ, таких как Life of Pix и Splitshire. Большая часть фото распространяется под лицензией Creative Commons Zero (CC0), но всегда перед использованием нужно проверять конкретно каждое фото на предмет ограничений.

Coverr

Coverr

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

Skuawk Public Domain Photos

Skuawk Public Domain Photos

Если вы ищите высокохудожественные изображения, вы найдете их на Skuwak Public Domain Photos. Эта коллекция более ограничена по сравнению с другими фотосайтами, но если вы ищете качественную эстетику, этот сайт — скрытая жемчужина.

Death to Stock

Death to Stock

Death to Stock — это простой ресурс стоковых фото, где вы найдете “пачки” фотографий, каждая на определенную тему. Зарегистрируйтесь и получайте коллекции фото прямо на свою почту. Вы можете оформить и премиум-подписку, получив доступ ко всем 1500+ фото и видео на сайте.

Stocksnap

Stocksnap

 

Команда Snappa создала StockSnap, и результатом стали тысячи фотографий, которые можно использовать бесплатно под лицензий Creative Commons Zero (CC0). Можно смотреть популярные запросы поиска на сайте, сортировать фотографии по дате, популярности, просмотрам, скачиваниям и т.д.

Pixabay

 

Качество фотографий на Pixabay немного страдает, но зато выбор куда больший — у вас есть около миллиона фотографий. Все изображения и видеоролики на этом сайте распространяются под лицензией Creative Commons Zero (CC0), так что вы можете бесплатно их скачивать, редактировать, распространять и использовать без каких-либо затрат. Кроме того, на этом сайте есть и иллюстрации в векторном формате.

Burst

Burst

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

Шрифты

Вы когда-то пытались подобрать правильные шрифты для своего сайта в CMS-системе или просто в какой-то коллекции шрифтов, Скроллить десятки, если не тысячи шрифтов и пытаться подобрать нужный — эта задача может растянуться на часы. Плюс, это задание довольно утомительно. К счастью, есть инструменты, которые очень быстро помогут найти нужный шрифт (или сочетание шрифтов). Вот наши любимые ресурсы на эту тему:

Type Anything

Type Anything

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

Google Fonts

 

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

Font Fit

Font Fit

Самой крутой фишкой Font Fit является то, что он позволяет быстро посмотреть, как существующий сайт будет выглядеть в том или ином шрифте. Так можно очень быстро сравнить визуально разные шрифты, понять, как они влияют на общую эстетику сайта. Кроме того, это отличное развлечение — взять какой-то крутой сайт вроде Apple, и “переодеть” его в какой-нибудь Comic Sans. 😉

Typewolf

Typewolf

Создатель Typewolf, Jeremiah Shoaf, как-то сказал: “Видеть примеры шрифтов на тексте вроде “Съешь еще этих замечательных французских булок” — не особо полезно, если мы подбираем шрифты под проект для веба — а вот видеть, как конкретный шрифт ведет себя на конкретном сайте — это уже куда лучше”. Это один из лучших шрифтовых ресурсов в вебе. Просматривайте коллекции рекомендованных шрифтов, чтобы найти идеальный для своего проекта.

IconStore

IconStore

В IconStore вы найдете более 200 наборов иконок, созданных лучшими дизайнерами в своей нише. Тут есть все, от иконок с пиццей, до персонажей Гарри Поттера и наземных ориентиров. Скачивайте файлы в PNG или SVG; каждый набор иконок можно использовать как в личных, так и в коммерческих нуждах без какой-либо атрибуции.

The Stocks

The Stocks

The Stocks содержит постоянно растущую коллекцию иконок, которые можно скачивать в разных форматах, цветах и размерах. Выбирайте из сотен иконок, скачивайте в форматах PNG, SVG и XML. Сайт также содержит фото, видео, шрифты, макеты и цвета. Это своего рода универсальный магазин для всех нужд дизайнера.

Swifticons

Swifticons

На сайте Swifticons вы найдете более 2000 высококачественных иконок в 6 редактируемых стилях: контурный, с заливкой, цветной, “jolly”, “flat” и “pattern”. Весь пакет иконок можно скачать дешевле, чем за $100 или же бесплатно скачать пакет activities (152 иконки).

Illustrio

Illustrio

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

Палитры цветов

Нужно создать цветовую палитру для вашего сайта или проекта? На это может уйти удивительно много времени, если создавать палитру с нуля. Упростите себе жизнь, пройдясь по этим сайтам для вдохновения:

Color Hunt

 

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

Web Gradients

 

Web Gradients — это коллекция из почти 200 фоновых градиентов, созданных командой itmeo. Вы можете использовать каждый фон для любой части сайта. Тут представлена .png версия каждого градиента, вместе с кроссбраузерным CSS3-кодом, который легко копировать. Бонус: тут есть даже рекомендованные пакеты для Sketch и Photoshop.

Coolors

Coolors

Coolors — это супербыстрый генератор цветовых схем. Здесь есть тысячи готовых схем (каждая состоит из 5 цветов). Или же вы можете сгенерировать свою собственную в считанные минуты. Перейдя на страничку “generate”, нажмите пробел, чтобы начать новую схему, затем настройте параметры каждого оттенка отдельно.

LOL Colors

LOL Colors

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

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

Подборка из 21 бесплатных ресурсов для дизайнера