Совсем не имеет значения какая конкретно сфера вас привлекает: веб-дизайн и UX/UI-дизайн, профессиональная разработка и программирование, 3D иллюстрация и фотография, анимация или видеомейкинг и монтаж, интерьеры/экстерьеры или даже мода и стиль.. Фрилансер вы или SMM-специалист, контент-менеджер или предприниматель, владелец бизнеса и т. д. Изображения, видео, иконки и т. д. Для сайта, публикации, статьи баннер иногда очень нужен любому, кто работает над продвижением в Интернете.
Не каждый может создать свой собственный проект с нуля. Но каждый может значительно облегчить себе жизнь, узнав о некоторых средствах которыми я поделюсь в этой статье. Кроме того, все представленные ресурсы бесплатны (или почти все))
Ресурс ранжирован на предметные блоки, чтобы вам было легче ориентироваться и выбирать нужное.
Бесплатные фотостоки
- https://www.pexels.com/ - огромное количество красивых и бесплатных фотографий на самые разные темы со свободной лицензией. Есть очень удобный фильтр по цветовой гамме фотографии.
- https://unsplash.com/ - больше 200 000 бесплатных фотографий со свободной лицензией. Фотографии разбиты на коллекции от достойных фотографов со всего света.
- https://pixabay.com/ - бесплатные изображения высокого качества, так же есть иллюстрации и видео (для коммерческих целей).
- https://www.everypixel.com/ - агрегатор и система поиска стоковых изображений на базе искусственного интеллекта.
- http://www.lifeofpix.com/ - еще один бесплатный фотосток с фотографиями высокого качества и его вполне можно использовать для поиска фото в коммерческих целях.
- https://www.sitebuilderreport.com/stock-up/ - более 18 000 доступных фотографий. Stock Up объединяет множество различных бесплатных веб-сайтов с фотографиями, поэтому лицензия на каждую фотографию будет отличаться.
- https://magdeleine.co -на сайте представлены потрясающие фотографии разных тематик. Доступен поиск по преобладающему цвету. Ну и лицензии на все случаи жизни.
- http://jeshoots.com/ - более 800 000 бесплатных фотографий высокого разрешения. И тут есть лицензия для коммерческого использования.
- https://www.firestock.ru/ - бесплатный фотосток с огромным количеством категорий. Тип лицензии Editorial (для личного пользования).
- https://www.freestockimages.ru/photo/ - бесплатный фотобанк лицензионных фотографий высокого разрешения. Допускается использование в коммерческих целях.
Прекрасные источники вдохновения
1. https://www.behance.net/ - популярная сетевая платформа для творческих людей. Behance предназначен не только для дизайнеров и иллюстраторов, но и для художников, фотографов, видеографов, архитекторов и многих других людей, чья профессия связана с креативом. Большинство работ представлены как полноценные презентации своих навыков и талантов.
2. https://ru.pinterest.com/ - как же обойтись без Мировой доски вдохновения. Здесь можно найти вдохновение на что угодно и кого угодно.
3. https://dribbble.com/ - популярный среди дизайнеров веб-портал. Дизайнеры со всего мира выкладывают свои работы и делятся опытом. Сайт – это социальная сеть для креативных людей: смотрите и оценивайте чужие работы как зарегистрированный пользователь. Делиться своими работами можно после специального приглашения (invite) от друга-дизайнера. Или показав свои работы другому пользователю с имеющимся приглашением.
4. https://www.awwwards.com/ - авторитетная премия в мире веб-дизайна и разработки сайтов. На сайте представлены лучшие работы студий со всего света.
5. http://www.siteinspire.com/ - тут собраны красивые и вдохновляющие сайты. Сам ресурс регулярно обновляется и пополняется новыми работами.
6. https://www.thebestdesigns.com/ - еще один сайт с вдохновляющими работами в сфере веб-дизайна.
7. http://revision.ru/ - сетевой выставочный зал в основном с работами русскоязычных дизайнеров.
8. https://onepagelove.com/ - площадка с большим разнообразием одностраничных сайтов, созданных дизайнерами и разработчиками с разных уголков планеты.
Бесплатные векторные иллюстрации, иконки, фоны и psd
1. http://www.freepik.com/ - графические ресурсы для всех. Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии для использования на сайтах, баннерах, презентациях, журналах. На сайте есть в том числе и платные премиум-иллюстрации.
2. http://ru.365psd.com/ - на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
3. https://www.flaticon.com/ - более 400 000 иконок на самые разные темы. Есть встроенный редактор иконок по цвету, размеру. В довесок есть и платные качественные иконки.
4. https://icons8.com/ - 55 000 иконок в стиле Flat. Иконки формата png бесплатны, за формат svg нужно заплатить.
5. http://dbfreebies.co/ - на сайте отобраны лучшие бесплатные работы с behance и dribbble. Среди них дизайнерские шрифты, иконки, PSD-шаблоны и мокапы, которые используются для презентаций своего дизайна на пустом макете продукта.
6. http://www.fribbble.com/ - бесплатные PSD-файлы и другие бесплатные дизайнерские ресурсы от Dribbble.
7. http://fontawesome.io/ - шрифт, генерирующий иконки.
8. https://www.mockupworld.co/ - источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
9. https://freebiesbug.com/ - бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
10. https://www.toptal.com/designers/subtlepatterns/ -большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
11. https://thenounproject.com/ - на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
12. http://www.heropatterns.com/ - небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
Бесплатная типографика
1. https://fonts.google.com/ -бесплатные шрифты от Google.
2. https://www.canva.com/font-combinations/ - бесплатный поиск шрифтовых комбинаций для вашего дизайна.
3. http://typespiration.com/ - бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.
4. http://allfont.ru/cyrillic/ - большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
5. http://fishtext.ru/ - генератор рыбатекста для незаконченных шаблонов или других ваших проектов.
Подбор цветовой схемы и палитры
1. https://color.adobe.com/ - один из самых популярных помощников по подбору цветовой схемы. Есть возможность сохранять свои палитры и смотреть палитры других дизайнеров.
2. https://colourcontrast.cc/ - данный сайт поможет вам в выборе верного сочетания.
3. https://colorscheme.ru/ - удобный инструмент для веб-дизайнера. Помогает не только определиться с цветом сайта, но и посмотреть выбранное сочетание на сайте-примере.
4. http://discovercolor.ru/ - удобный сайт с приятными фотографиями, разбитыми на цветовые палитры.
5. https://chrome.google.com/webstore/detail/eye-dropper/ - удобный определитель цвета для браузера Google Chrome (перед использованием требуется установка).
6. https://brandcolors.net/ - самая большая коллекция официальных цветов популярных мировых брендов.
7. https://uigradients.com/ - на сайте собраны самые модные и приятные градиенты для ваших проектов.
8. https://dribbble.com/colors/9cf4df?percent=30 - у сайта dribbble.com так же есть фильтр по цвету работ. Можно выбрать подходящий цвет из палитры и посмотреть сочетания в работе популярных дизайнеров.
9. https://coolors.co/ - супербыстрый и бесплатный генератор цветовых схем.
10. https://www.materialpalette.com/ - генерация палитр в стиле material design.
Hover-эффекты, анимация и живые фоны
1. https://tympanus.net/ - это блог веб-дизайна и разработки. Можно найти достойные примеры hover-эффектов и анимации для вашего сайта.
2. https://tympanus.net/Development/ButtonStylesInspiration/ - коллекции эффектов кнопок при наведении.
3. https://codepen.io/search/pens?q=canvas&limit=all&type=type-pens - бесплатные живые фоны для вашего сайта от профессиональных разработчиков и любителей (работы в основном для вдохновения, не для коммерческого использования).
4. https://tympanus.net/Tutorials/CaptionHoverEffects/ - эффекты наложения заголовка.
5. https://tympanus.net/Development/HoverEffectIdeas/ - вдохновляющие коллекции эффектов при наведении на фотографию.
