Ресурсы для дизайнеров: Сайты для дизайнеров — подборка самых полезных – 10 лучших сайтов с бесплатными материалами для дизайнеров / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY — Вебджем.рф

Содержание

Десяток ресурсов, которые помогают быть дизайнером / Habr

Работать дизайнером очень интересно. Это творческая работа. И как любому творческому человеку, дизайнеру нужна муза или вдохновение.

Я уверен, что у каждого дизайнера есть набор сайтов, на которые они периодически заходят для того что бы черпать это самое вдохновение. У меня так же есть такой список. И я хочу им с вами поделиться.

Естественно, если вы расскажите о своих ресурсах, я буду благодарен.

Хочу сразу предупредить, что практически все ресурсы, собранные мной — англоязычные. Только лишь один на русском. Так же я не очень приветствую узкопрофильные ресурсы (речь о ресурсах, на которых можно скачать только кисти для photoshop и прочее). В общем приступим:

1. Abduzeedo

Пожалуй один из самых любимых моих ресурсов. Тут есть все, что нужно для вдохновения. Подборки сайтов, бесплатных шрифтов, раздел «Daily inspiration» (в переводе с англ. — ежедневное вдохновение) и много чего еще. При чем не только для дизайнеров, но и для художников. Для удобства, разместил ниже ссылку на их rss.

RSS feed
abduzeedo

2. Smashing Magazine

Так же как и первый ресурс, smashingmagazine является отличным блогом, который содержит огромное количество полезной информации для дизайнеров. Они кроме всего прочего выпускают и книги (жаль не все бесплатные и все на англ). Я, кстати, листал их книги — они очень высокого качества! Всем советую этот ресурс. Так же ниже имеется ссылка на их rss!

RSS feed
Smashing Magazine

3. Crazy Pixels | Web Design Blog

Отличный молодой ресурс для дизайнеров. CrazyPixels — это Photoshop туториалы, Freebies, полезные статьи о дизайне и многое другое.

RSS feed
Crazy Pixels

4. Design Modo

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

RSS feed
DesignModo

5. Underworld Magazines

Ресурс не только о дизайне. Есть очень много интересного! Каждый сможет найти что то для себя!

RSS feed
Underworld Magazines

6. InstantShift

Отличный ресурс. Я его впервые узнал по статье, в которой была отличная подборка потрясающих туториалов. Так же очень нравятся подборки дизайнов сайтов! В общем люблю все их статьи, которые есть в правом меню в разделе «Most Popular» (в переводе с англ. — Самые популярные).

RSS feed
InstantShift

7. Dejurka

Что можно сказать об этом ресурсе? Первое, и самое главное — это русский ресурс с очень качественным контентом. Среди русских мой самый любимый! Кстати, надеюсь Вы в комментах сможете добавить свои ресурсы на русском.

Dejurka

8. 365psd

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

365psd

9. Piccsy

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

Piccsy

10. TheFWA

Ну что тут сказать. Наверное это самая престижная премия для сайта в буржуйском интернете. Только самые сливки попадают туда!

theFWA

Итак, вот мой список. Я буду рад, если Вы сможете дополнить его своими ресурсами.

UPD: Список обновлен

Наслаждайтесь!

20 лучших бесплатных ресурсов для дизайнеров

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

Приведенный ниже список содержит бесплатные материалы, такие как шрифты, инструменты, веб-сервисы, пакеты иконок и т.д. Надеемся, он будет полезен дизайнерам и разработчикам, как новичкам, так и профи.

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

Type.js — это инструмент для управления шрифтами. Он позволяет создавать новые свойства CSS для более тонкой настройки отображения шрифтов. Очень прост в настройке. Загрузите type.js на свой сайт и подключите его в HTML непосредственно перед закрытием <body>.

CSS SANS — это шрифт, созданный с помощью CSS, языка программирования для веб-дизайна и верстки. Это выдающийся шрифт, в котором отражена вся история и эволюция веба.

App Store Screenshot Builder позволяет за несколько минут создавать отличные изображения для вашей страницы в App Store. Этот Screenshot Builder от LaunchKit быстро экспортирует ваши скриншоты в разрешении, соответствующем требованиям Apple (5,5, 4,7, 4,0, 3,5 дюймов).

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

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

Defringe — это галерея отборного креативного веб-контента. Она представляет собой платформу для инновационных и творческих идей, и предлагает вдохновляющий контент для членов сообщества.

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

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

Codrops представил сообществу новую коллекцию стилей и эффектов кнопок. В большинстве эффектов используются CSS переходы и псевдо-элементы. Что объединяет их все — это простота и тонкость.

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

Subway Icon Set представляет собой 306-пиксельный набор идеально прорисованных иконок, оптимизированных под: IOS, Windows Phone, Windows 8 и BlackBerry 10. Они доступны в форматах PNG, SVG, XALM, PSD, CSH, SKETCH, PDF, AI и EPS. Предоставляются по лицензии Creative Commons 4.0 License.

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

Transformicons — это набор трансформирующихся, анимированных иконок. Он содержит иконки меню, сетки, иконки добавить / удалить, иконки загрузки и многое другое.

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

Circulus.svg — это генератор кругового меню, который позволяет создавать SVG-меню. Circulus предлагает два различных стиля: полный круг или полукруг, а также различные варианты укладки.

Colorable это инструмент, который позволяет легко увидеть контраст яркости и / или цвета между текстом и фоном.

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

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

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

Epic Favicon Generator позволяет легко задавать 20 различных размеров Favicon, одновременно генерируя код и изображения.

Включает в себя PSD-, PNG— и SVG-файлы для 32- и 64-пиксельных иконок, векторные файлы AI и EPS. Большое спасибо Squid.ink за этот замечательный бесплатный ресурс!

Lumi это сервис, который позволяет за секунды создавать марки, наклейки и стикеры.

Данная публикация представляет собой перевод статьи «20 Best Freebies for Designers – March 2015» , подготовленной дружной командой проекта Интернет-технологии.ру

ТОП-5 ресурсов для профессионального роста дизайнера

Как стать хорошим дизайнером, чувствующим тренды, вас не научат в университете — это факт. А вот, как постоянно расти и держаться подальше от творческого кризиса, рассказать не сложно: студия GreenRed brand studio подготовила 5 лучших ресурсов, которые помогут профессиональному росту дизайнера.

Итак, как поймать музу и не отпускать её?

Для этого имеются интересные источники, в которых найдёте немало полезной информации и мотиваторов для дальнейшего развития. Единственный барьер, способный помешать вам – языковой. Девять из десяти таких ресурсов – англоязычные. Доброе утро! Английский не просто в моде, инглиш – это основа успеха в современном мире. Хорошее владение языком поможет вам уверенно чувствовать себя на биржах фриланса, крупнейших дизайн-форумах. И если вас пригласят на выставку в Лондон, Ганновер или Нью-Йорк… Ну, вы поняли.

Если же с языком у вас всё в порядке, советуем ознакомиться с интересными ресурсами, нашим ТОП-5. Здесь можно почерпнуть новые идеи, а заодно узнать, что же нынче в моде на рынках Европы, Азии, Америки.

Самые интересные проекты здесь и сейчас! Не стоит думать, что публикуют здесь лишь новости дизайна. Немало интересного найдут для себя программисты, веб-разработчики. Устали от унылого кодинга? Почитайте, чем занимаются ваши коллеги на Западе.

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

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

Проблема многих дизайнеров в «статичности» идей, региональных стандартов. Стоит им побывать в подобном месте, меняется мышление и подход к творчеству.

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

Приходя на Dribbble впервые, многие дизайнеры могут воскликнуть «и так можно?», потому что здесь вас ждёт культурный шок. Да-да, то, что считалось глупостью, то, что казалось невозможным, уже сделано, уже получило тысячу лайков и уже продано. Такова жизнь.

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

Ресурс разделён на рубрики, вроде Stories, Jobs, Shots – очень удобно, лаконично. Понятно.

Здесь собираются лучшие из лучших. По сути, это котёл, в котором варятся отличные идеи по графическому и веб-дизайну. Да, 50% того, что видите вокруг, либо реализовано подобными людьми, либо теми, кто увидел и воспользовался чужим дизайном.

Портал полезен тем, что в рамках проекта можно общаться с коллегами со всего мира. Возможно, вы найдете единомышленников, с которыми сможете реализовать свои планы. Загляните в стол и найдите папку «нереализованное». Пролистайте. Выберите самые невероятные и безумные мечты. Вот их стоит воплотить. Не благодарите.

Он же ux.stackexchange. Вот, где вас точно ждёт раздолье в плане вопросов и ответов, которые не давали покоя так долго. Одни задают вопросы, другие на них отвечают. Можете даже обойтись без регистрации. Есть система голосования за ответы, благодаря которой они поднимаются выше в рейтинге.

Здесь содержаться немыслимые по масштабам объёмы полезной информации. Всё, что требуется, чтобы сделать ваш сайт удобнее для посетителей, есть на stackexchange.

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

Источник: spark.ru
Фото на обложке: ShutterStock

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

Неважно, кто вы: профессиональный дизайнер или любитель, smm-специалист или владелец бизнеса и т. д. Картинки, видео, иконки и прочие штуки для сайта, поста, статьи, баннера нужны всем, кто трудится над продвижением бизнеса в Интернете.

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

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

Смотри, любуйся, вдохновляйся

1. https://dribbble.com/ – популярный среди дизайнеров веб-портал. Дизайнеры со всего мира выкладывают свои работы и делятся опытом. Сайт – это социальная сеть для креативных людей: смотрите и оценивайте чужие работы как зарегистрированный пользователь. Делиться своими работами можно после специального приглашения (invite) от друга-дизайнера. Или показав свои работы другому пользователю с имеющимся приглашением.
2. https://www.behance.net/ – сетевая платформа для творческих людей. Behance предназначен не только для дизайнеров и иллюстраторов, но и для художников, фотографов, видеографов, архитекторов и многих других людей, чья профессия связана с креативом. Большинство работ представлены как полноценные презентации своих навыков и талантов.
3. http://revision.ru/ – сетевой выставочный зал в основном с работами русскоязычных дизайнеров.
4. https://onepagelove.com/ – площадка с большим разнообразием одностраничных сайтов, созданных дизайнерами и разработчиками с разных уголков планеты.
5. https://land-book.com/ – еще один сайт-портфолио только одностраничных сайтов.
6. https://www.awwwards.com/ – авторитетная премия в мире веб-дизайна и разработки сайтов. На сайте представлены лучшие работы студий со всего света.
7. http://www.webdesign-inspiration.com/ – название сайта говорит само за себя. Ресурс, созданный для вдохновения сайтами. Удобная фильтрация работ по цвету, типу и тематикам.
8. http://www.fltdsgn.com/ – вы любитель сайтов в стиле FLAT? Тогда этот ресурс для вас.
9. http://www.siteinspire.com/ – тут собраны красивые и вдохновляющие сайты. Сам ресурс регулярно обновляется и пополняется новыми работами.
10. https://www.thebestdesigns.com/ – еще один сайт с вдохновляющими работами в сфере веб-дизайна.
11. https://www.uplabs.com/material/ – для любителей Material Design полезно заглянуть сюда. Вдохновение не заставит себя ждать.
12. https://ru.pinterest.com/ – как же обойтись без Мировой доски вдохновения. Здесь можно найти вдохновение на что угодно и кого угодно.
13. https://pttrns.com/ – сайт с шаблонами пользовательского интерфейса на любой вкус.
14. http://www.gomoodboard.com/ – сайт для создания собственной доски вдохновения.

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

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

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

1. https://www.pexels.com/ – огромное количество красивых и бесплатных фотографий на самые разные темы со свободной лицензией. Есть очень удобный фильтр по цветовой гамме фотографии.
2. https://unsplash.com/ – больше 200 000 бесплатных фотографий со свободной лицензией. Фотографии разбиты на коллекции от достойных фотографов со всего света.
3. https://pixabay.com/ – бесплатные изображения высокого качества, так же есть иллюстрации и видео (для коммерческих целей).
4. https://www.firestock.ru/ – бесплатный фотосток с огромным количеством категорий. Тип лицензии Editorial (для личного пользования).
5. http://isorepublic.com/ – бесплатные изображения для творческих людей. Каждый день добавляется огромное количество новых фотографий. Можно использовать для коммерческих целей.
6. http://jeshoots.com/ – более 800 000 бесплатных фотографий высокого разрешения. И тут есть лицензия для коммерческого использования.
7. http://cupcake.nilssonlee.se/ – вдохновляющие изображения от талантливого фотографа Nilsson Lee, которые можно ставить на сайт и в рекламу. Коммерчески пригодные фото.
8. https://magdeleine.co – на сайте представлены потрясающие фотографии разных тематик. Доступен поиск по преобладающему цвету. Ну и лицензии на все случаи жизни.
9. http://nos.twnsnd.co/ – винтажные фотографии из публичных архивов. Все круто, но только для личного и некоммерческого использования.
10. https://picjumbo.com/ – более 3 000 изображений высокого качества, библиотека активно пополняется. Разрешено использование фотографий в коммерческих целях, но запрещена перепродажа.
11. https://www.freestockimages.ru/photo/ – бесплатный фотобанк лицензионных фотографий высокого разрешения. Допускается использование в коммерческих целях.
12. https://www.sitebuilderreport.com/stock-up/ – более 18 000 доступных фотографий. Stock Up объединяет множество различных бесплатных веб-сайтов с фотографиями, поэтому лицензия на каждую фотографию будет отличаться.
13. http://kaboompics.com/gallery – популярный бесплатный источник качественных фотографий. Фотографии с Kaboompics появляются на сайтах, таких как BBC, CNN, Forbes, Cosmopolitan, Yahoo и т. д. Но важно проверять лицензии на фотографии, они могут быть разными.
14. https://www.foodiesfeed.com/ – бесплатный фотобанк с изображениями еды в высоком разрешении. Допускается использование в коммерческих целях.
15. https://www.splitshire.com/ – фото и иллюстрации для бесплатного использования.
16. http://www.lifeofpix.com/ – еще один бесплатный фотосток с фотографиями высокого качества и его вполне можно использовать для поиска фото в коммерческих целях.
17. http://www.gratisography.com/ – сайт с креативными снимками от фотографа Райана Макгуаера. Фотосток пополняется еженедельно и также подходит для коммерческого использования.

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

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

1. http://www.clipcanvas.com/free-footage/ – на сайте большое количество платных и бесплатных видеороликов высокого качества.
2. http://www.lifeofvids.com/ – бесплатные видеоклипы высокого разрешения с лицензией ROYALTEE-FREE. Разрешено использование в коммерческих целях.
3. http://www.wedistill.io/ – бесплатные профессиональные видео для творчества. Можно использовать в рекламных целях.
4. https://www.videezy.com/ – площадка профессиональных и начинающих видеооператоров, чьи работы находятся в открытом доступе. Разрешено использование в коммерческих целях.
5. http://www.free-hd-footage.com/ – бесплатные видео отличного качества. Также имеются такие категории как 3D, 4k, 2k. Видео банк небольшой, но категории самые разнообразные.
6. https://www.videvo.net/ – бесплатные видеоролики для любого проекта. Для скачивания требуется регистрация. Видео разрешено использовать в коммерческих целях.
7. http://mitchmartinez.com/free-4k-red-epic-stock-footage/ – бесплатные 4к-видео от профессионального фотографа и видеографа Mitch Martinez. Его видео разрешается использовать только в личных целях, не в коммерческих, но есть возможность договориться с автором о расширенной лицензии.
8. https://pixabay.com/ru/videos/ – бесплатные видео отличного качества. Разрешено коммерческое использование.
9. http://www.coverr.co/ – сервис для подбора фонового видео на сайт. Видео разрешены для использования в коммерческих целях.
10. http://mazwai.com/ – большое количество спокойных и живописных видео про природу. Лицензия позволяет использовать в коммерческих целях.

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

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

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

1. http://ru.365psd.com/ – на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
2. http://www.freepik.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. https://www.toptal.com/designers/subtlepatterns/ – большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
7. http://www.heropatterns.com/ – небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
8. https://freevectormaps.com/ – сайт полностью посвященный векторным картам в разных стилях и техниках. От больших карт Мира до карт мелких островов.
9. https://freebiesbug.com/ – бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
10. http://www.fribbble.com/ – бесплатные PSD-файлы и другие бесплатные дизайнерские ресурсы от Dribbble.
11. https://www.mockupworld.co/ – источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
12. http://fontello.com/ – большое количество иконок хорошего качества в формате svg, есть возможность генерации шрифта из иконок.
13. http://perfecticons.com/ – генератор иконок социальных сетей онлайн.
14. https://thenounproject.com/ – на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
15. http://www.endlessicons.com/ – бесплатная библиотека плоских и контурных иконок.
16. http://fontawesome.io/ – шрифт, генерирующий иконки.
17. http://pixelmap.amcharts.com/ – генератор карты в аккуратные пиксели. Получившееся изображение можно скачать в формате svg, html, png.
18. https://www.iconfinder.com/free_icons/ – бесплатные коллекции иконок в разных стилях.

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

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

1. https://color.adobe.com/ – один из самых популярных помощников по подбору цветовой схемы. Есть возможность сохранять свои палитры и смотреть палитры других дизайнеров.
2. https://colorscheme.ru/ – удобный инструмент для веб-дизайнера. Помогает не только определиться с цветом сайта, но и посмотреть выбранное сочетание на сайте-примере.
3. http://bootflat.github.io/color-picker.html – подборка контрастных цветов для проектов в стиле Flat.
4. https://uigradients.com/ – на сайте собраны самые модные и приятные градиенты для ваших проектов.
5. https://dribbble.com/colors/9cf4df?percent=30 – у сайта dribbble.com так же есть фильтр по цвету работ. Можно выбрать подходящий цвет из палитры и посмотреть сочетания в работе популярных дизайнеров.
6. http://discovercolor.ru/ – удобный сайт с приятными фотографиями, разбитыми на цветовые палитры.
7. https://brandcolors.net/ – самая большая коллекция официальных цветов популярных мировых брендов.
8. https://chrome.google.com/webstore/detail/eye-dropper/ – удобный определитель цвета для браузера Google Chrome (перед использованием требуется установка).
9. http://www.0to255.com/ – сайт для подбора более светлых и темных оттенков одного цвета. Очень удобен для создания градиентов и hover-эффектов.
10. https://www.materialpalette.com/ – генерация палитр в стиле material design.
11. https://coolors.co/ – супербыстрый и бесплатный генератор цветовых схем.

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

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

1. https://fonts.google.com/ – бесплатные шрифты от Google.
2. https://www.canva.com/font-combinations/ – бесплатный поиск шрифтовых комбинаций для вашего дизайна.
3. http://fishtext.ru/ – генератор рыботекста для незаконченных шаблонов или других ваших проектов.
4. http://allfont.ru/cyrillic/ – большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
5. http://typespiration.com/ – бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.

Hover-эффекты, анимация и живые фоны

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

https://tympanus.net/ – это блог веб-дизайна и разработки. Можно найти достойные примеры hover-эффектов и анимации для вашего сайта.
Выделим несколько особенно полезных ссылок с этого ресурса:
https://tympanus.net/Development/ButtonStylesInspiration/ – коллекции эффектов кнопок при наведении.
https://tympanus.net/Tutorials/CaptionHoverEffects/ – эффекты наложения заголовка.
https://tympanus.net/Development/HoverEffectIdeas/ – вдохновляющие коллекции эффектов при наведении на фотографию.
https://codepen.io/search/pens?q=canvas&limit=all&type=type-pens – бесплатные живые фоны для вашего сайта от профессиональных разработчиков и любителей (работы в основном для вдохновения, не для коммерческого использования).

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

Источник