Приветствую Вас, уважаемые читатели блога Pass-Money.ru. Сегодня мы с вами поговорим о функционале Яндекса турбостраницы.…
Подборка бесплатных ресурсов в помощь дизайнеру
Неважно, являетесь ли вы профессиональным или любительским дизайнером, SMM-экспертом или владельцем бизнеса и т.д. Изображения, видео, иконки и другие вещи для сайтов, постов, статей, баннеров иногда крайне необходимы всем, кто работает над продвижением бизнеса в интернете.
Содержание:
- Порталы для веб-дизайнеров
- Телеграм-каналы для дизайнеров
- Бесплатные фотостоки
- Бесплатное видео
- Бесплатные векторные иллюстрации, иконки, фоны и psd
- Выбор цветовой схемы и палитры
- Бесплатные шрифты
- Бесплатные эффекты перехода, анимация и живые фоны
Не каждый может создать свой собственный проект с нуля. Однако каждый может время от времени облегчать себе жизнь, ознакомившись с некоторыми инструментами и «трюками», которыми мы поделимся в этой статье. Тем более что все представленные ресурсы бесплатны (или почти все).
Материал разделен на тематические блоки, чтобы вы могли легко сориентироваться и выбрать нужный сервис. В общем, читайте, наслаждайтесь и используйте. 😉
Смотрите, восхищайтесь, вдохновляйтесь.
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-шаблоны, вставлять стоковые изображения, даже если это разрешено лицензией. Проект должен быть уникальным и адаптирован для конкретных целей, а его дизайн должен помочь понять содержание и совершить целевое действия.