Топ бесплатных ресурсов для веб-дизайнера

Как известно, дизайнер работает с графикой. Очень часто возникает ситуация, когда заказчик ее не предоставляет: например, у клиента еще нет нужных фотографий, которые будут использованы в проекте, или они низкого качества. Тем не менее, фотографии, иллюстрации или иконки необходимы в любом проекте. Как же поступить, если пора начинать проект, а графики нет? На помощь придут специальные фотостоки. Платные фотобанки знают практически все — это shutterstock, depositphotos, istockphoto и другие. У этих ресурсов достаточно «кусачий» ценник, особенно если дизайнер работает на фрилансе. В этой статье мы расскажем о полезных ресурсах, на которых вы найдете качественную графику бесплатно.

Pexels.com

Это крупнейший фотобанк со свободной лицензией — вы можете использовать фотографии бесплатно и не обязаны указывать ссылку на источник или на автора. Все изображения можно редактировать по вашему усмотрению, креативить на полную! Если вы фотограф, то можете поддержать проект и загрузить свои фото, увеличив тем самым выбор изображений пользователями pexels.com.

Unsplash.com

Этот ресурс аналогичен pexels.com — разрешено бесплатное использование в коммерческих и некоммерческих целях. Возможно любое изменение, безграничное распространение фотографий без разрешения автора. В Figma и Sketch (графические редакторы для разработки дизайн-макетов) есть специальные плагины, которые позволяют осуществить загрузку с unsplash.com без посещения сайта — в специальном окне плагина вы с легкостью найдете изображение по нужной тематике через поисковую строку.

Pixabay.com

Более 1 миллиона изображений в свободном доступе бесплатны для скачивания, возможно любое редактирование и изменение.

Freepik.com

Данный ресурс не является полностью бесплатным. Некоторые изображения относятся к категории «Premium» — их можно скачать, только купив подписку. Однако при регистрации на сайте у вас появляется возможность скачать 10 файлов в сутки (не относящиеся к «Премиум»). Огромным плюсом сервиса является разнообразие графики — это и векторные иконки, и фотографии, и иллюстрации. При этом графика представлена в разных форматах: например, скачивая векторную иллюстрацию, вы получите архив, где будут лежать файлы формата ai, eps, jpg.

Thenounproject.com

Этот сайт предоставляет огромное количество отдельных иконок и сетов иконок для бесплатного скачивания. При бесплатном использовании вы должны ставить ссылку на данный ресурс. Если вы покупаете pro-аккаунт, то ссылка не требуется.

Material.io

Здесь вы можете найти бесплатные для использования иконки material design от google. К слову, в Figma имеется плагин Iconify, который позволяет моментально искать эти иконки и сразу вставлять их в макет.

Flaticon.com

Flaticon содержит по-настоящему большое количество иконок, причем их легко отфильтровать. Можно отставить для отображения в поиске только цветные иконки или только черно-белые. Кроме того, вы можете сразу искать сеты иконок. Например, это бывает очень удобно при разработке дизайна интернет-магазина: в таком сете, как правило, содержится иконки кредитных карт, наличных денег, корзины, личного кабинета и так далее. Все иконки в сете нарисованы в одном стиле. Для того, чтобы скачать некоторые иконки, требуется оплатить платный аккаунт. Тем не менее, на сайте большинство иконок бесплатны.

Fonts.google.com

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

Ресурсы для вдохновения

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

Второй — Dribbble: ресурс, где дизайнеры делятся своими работами. Основное отличие от Behance — это отсутствие огромных кейсов: на dribbble чаще всего выкладываются какие-то небольшие «кусочки», отдельные элементы интерфейса, анимации, и т.д. Также на Dribbble меньше некачественного контента.

Третий — Awwwards: на этом сайте вы найдете только топовые сайты, которые жюри, состоящее из профессионалов, выбрало для размещения. Ежедневно на главной странице публикуется кейс дня — лучший проект с рабочей ссылкой и рейтингом по нескольким параметрам (юзабилити, дизайн, креативность и так далее). Awwwords позволит дизайнерам не отставать от трендов в вебе и совершенствовать себя.