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

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

---

Содержание:

1. Порталы для веб-дизайнеров
2. Телеграм-каналы для дизайнеров
3. Бесплатные фотостоки
4. Бесплатное видео
5. Бесплатные векторные иллюстрации, иконки, фоны и psd
6. Выбор цветовой схемы и палитры
7. Бесплатные шрифты
8. Бесплатные эффекты перехода, анимация и живые фоны

---

Не каждый может создать свой собственный проект с нуля. Однако каждый может время от времени облегчать себе жизнь, ознакомившись с некоторыми инструментами и «трюками», которыми мы поделимся в этой статье. Тем более что все представленные ресурсы бесплатны (или почти все).

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

Смотрите, восхищайтесь, вдохновляйтесь.

dribbble.com — популярный веб-портал среди дизайнеров. Дизайнеры со всего мира размещают свои работы и делятся опытом. Сайт представляет собой социальную сеть для творцов: будучи зарегистрированным пользователем, вы можете просматривать и оценивать работы других людей. Вы можете поделиться своими работами, приняв приглашение от друга-дизайнера. Или показав свою работу другому пользователю с приглашением.

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

onepagelove.com — это сайт с большим количеством одностраничных страниц, созданных дизайнерами и разработчиками со всего мира.

land-book.com — еще один сайт портфолио, посвященный только одностраничным сайтам.

awwwards.com — является авторитетной наградой в мире веб-дизайна и веб-разработки. На сайте представлены лучшие работы студий со всего мира.

webdesign-inspiration.com — название сайта говорит само за себя. Ресурс, созданный для вдохновения веб-сайтов. Легко отфильтровать работы по цвету, типу и теме.

siteinspire.com — коллекция красивых и вдохновляющих сайтов. Сам ресурс регулярно обновляется и пополняется новыми работами.

ru.pinterest.com — Вы не можете превзойти Всемирную доску вдохновения. Вы можете найти вдохновение для чего угодно и для кого угодно.

gomoodboard.com — Сайт для создания собственной доски вдохновения.

t.me/nowhow — Телеграм-канал, который ежедневно публикует хорошо оформленные сайты со всего мира.

t.me/cyrillicdesign — это канал, который собирает сайты на кириллице с хорошим дизайном.

Полезное чтение для дизайнеров UX/UI

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

t.me/uxnotes — заметки о юзабилити и пользовательском интерфейсе.

t.me/uxidesign — то же самое, интересный материал из мира UX-дизайна.

t.me/proudobstvo — канал Михаила Грекова о продуктах, дизайне продуктов, UX, работе с удаленной командой и реальных примерах из жизни.

t.me/uirefs — канал «интерфейсы» — это ссылка из мира дизайна продуктов.

t.me/desprod — философия для дизайнера, «меньше ссылок — больше идей» — девиз этого канала.

t.me/glvrdru — вечный блог Максима Ильяхова, который учит не только лаконично писать, но и думать о пользе и пользователе.

t.me/uxfromhell — и в довершение примеры ужасного пользовательского опыта, как не надо делать.

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

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

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

Он будет указан либо на странице фотографии, либо на странице общего пользовательского соглашения.

unsplash.com — более 200 000 стоковых фотографий с лицензией free. Фотографии организованы в коллекции выдающимися фотографами со всего мира.

firestock.ru — бесплатный каталог фотографий с большим количеством категорий. Тип лицензии Editorial (для личного использования).

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

jeshoots.com — более 800 000 бесплатных фотографий высокого разрешения. Существует также лицензия на коммерческое использование.

cupcake.nilssonlee.se — Вдохновляющие изображения талантливого фотографа Nilsson Lee (Нильссон Ли) для размещения на веб-сайтах и в рекламе. Коммерчески выгодные фотографии.

magdeleine.co — на сайте представлены потрясающие фотографии на самые разные темы. Поиск по преобладающему цвету. И лицензии на все случаи жизни.

nos.twnsnd.co — исторические фотографии из государственных архивов. Все круто, но только для личного и некоммерческого использования.

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

kaboompics.com/gallery — популярный бесплатный источник высококачественных фотографий. Фотографии от Kaboompics появляются на таких сайтах, как BBC, CNN, Forbes, Cosmopolitan, Yahoo и др. Однако важно проверить лицензии на фотографиях, оно могут отличаться.

foodiesfeed.com — это бесплатная фото-библиотека с изображениями еды в высоком разрешении. Разрешено коммерческое использование.

splitshire.com — фотографии и иллюстрации для свободного использования.

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

gratisography.com — сайт с креативными фотографиями фотографа Райана Макгуайра. Фотобанк обновляется еженедельно и подходит для коммерческого использования.

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

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

lifeofvids.com — бесплатные видеоклипы высокого разрешения по лицензии ROYALTEE-FREE. Разрешено для коммерческого использования.

wedistill.io — бесплатные профессиональные креативные видео. Может использоваться в рекламных целях.

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

videvo.net — Бесплатные видеоматериалы для любого проекта. Для загрузки требуется регистрация. Видеоматериалы могут быть использованы в коммерческих целях.

mitchmartinez.com/free-4k-red-epic-stock-footage — бесплатное 4k видео от профессионального фотографа и видеографа Митча Мартинеза. Его видео можно использовать только для личного пользования, не в коммерческих целях, но с автором можно договориться о расширенной лицензии.

coverr.co — это сервис для подбора фонового видео к веб-сайту. Видеоматериалы разрешено использовать в коммерческих целях.

mazwai.com — большое количество мирных и живописных видеороликов о природе. Лицензия на коммерческое использование.

Бесплатные векторные иллюстрации, иконки, фоны и psd

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

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

ru.365psd.com — сайт содержит огромную коллекцию бесплатных векторных изображений, эмблем и PSD-ресурсов.

free3dicon.com — бесплатные 3D иконки.

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

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

icons8.com — 55 000 иконок в плоском стиле. Иконки в формате png бесплатны, за формат svg нужно платить.

toptal.com/designers/subtlepatterns — большое разнообразие красивых фонов для сайтов. Перед загрузкой есть возможность посмотреть фоны «в работе».

heropatterns.com — небольшой сайт с узорами и фонами в формате svg от дизайнера Стива Сёргера. Имеется удобный редактор шаблонов цветов, форматов и размеров. Все выкройки предоставляются Стивом бесплатно.

freevectormaps.com — это сайт, посвященный исключительно векторным картам, выполненным в различных стилях и техниках. От больших карт мира до карт небольших островов.
https://freebiesbug.com/ — бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.

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

fontello.com — большое количество высококачественных иконок в формате svg, из иконок можно генерировать шрифты.

thenounproject.com — здесь почти миллион иконок в формате png и svg. Перед загрузкой доступен редактор иконок.

endlessicons.com — бесплатная библиотека плоских и контурных иконок.

fontawesome.io — шрифт, генерирующий иконки.

pixelmap.amcharts.com — генератор карт из аккуратных пикселей. Полученное изображение можно загрузить в формате svg, html, png.

iconfinder.com/free_icons — бесплатная коллекция иконок в различных стилях.

Выбор цветовой схемы и палитры

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

color.adobe.com — один из самых популярных цветовых ассистентов. Вы можете сохранять свои собственные палитры и просматривать палитры других дизайнеров.

colorscheme.ru — это удобный инструмент для веб-дизайнеров. Он помогает не только в выборе цвета страницы, но и в отображении выбранной комбинации на странице-образце.

bootflat.github.io/color-picker — выбор контрастных цветов для проектов в стиле Flat.

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

discovercolor.ru — удобный сайт с красивыми изображениями, разделенными на цветовые палитры.

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

0to255.com — сайт для подбора более светлых и более темных оттенков одного цвета. Очень полезен для создания градиентов и градиентных эффектов.

materialpalette.com — для создания палитры стилей оформления материалов.

coolors.co — супербыстрый и бесплатный генератор цветовых схем.

Бесплатная типографика

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

fonts.google.com — бесплатные шрифты от Google.

fonts.uprock.ru — 450+ бесплатных кириллических шрифтов.

myskotom.ru/fonts — 900+ бесплатных кириллических шрифтов.

fish-text.ru — генератор текста на русском языке, может генерировать абзац за абзацем или удалять заголовок.

artlebedev.ru/typograf — инструмент, который наводит порядок в типографике, правильно расставляет кавычки, заменяет дефисы тире и расставляет неразрывные пробелы.

fishtext.ru — генератор рыботекста для незаконченных шаблонов или других ваших проектов.

allfont.ru/cyrillic — большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).

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

Эффекты перехода, анимация и живые фоны

Некоторые из вас могут спросить: почему здесь есть информация для front-end разработчиков? Однако выбор правильного hover-эффекта или анимации — задача для дизайнера. Хорошее знание html и css не помешает любому веб-дизайнеру, поэтому он обязан быть в курсе событий в области верстки. Следующие услуги помогут вам, и вам не придется изобретать колесо. Просто черпайте вдохновение в том, что уже существует, и используйте это в своей работе.

tympanus.net — это блог о веб-дизайне и разработке. Вы можете найти достойные примеры hover-эффектов и анимации для вашего сайта.

Обратите внимание на несколько особенно полезных ссылок из этого источника:

tympanus.net/Development/ButtonStylesInspiration — коллекции эффектов наведенных кнопок.

tympanus.net/Tutorials/CaptionHoverEffects — эффекты наведения заголовка.

tympanus.net/Development/HoverEffectIdeas — вдохновляющие коллекции hover-эффектов.

codepen.io/search/pens?q=canvas&limit=all&type=type-pens — бесплатные живые фоны для вашего сайта от профессиональных разработчиков и любителей (в основном для вдохновения, не для коммерческого использования).

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