7 ресурсов для дизайнера, которыми вы точно будете пользоваться

Sergei Tikhonov
Дизайн-кабак
3 min readMar 17, 2019

--

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

https://coolors.co

Сoolors

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

http://gridcalculator.dk

Gridcalculator

Прекрасный ресурс для расчета сетки. Будет полезен как веб, так и графическим дизайнерам. Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки. С его помощью можно рассчитать не только сетку, но и размеры любых элементов, с одинаковой шириной. Допустим нам известно количество столбцов в таблице, и общая ширина. Нужно только задать отступы по краям и между столбцами равными нулю, и мы получим ширину столбцов. Результаты можно скачать в AI, PSD и PNG.

https://www.reliablepsd.com/ultimate-google-font-pairings

Ultimate google font pairings

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

https://undraw.co/illustrations

Undraw

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

https://www.flaticon.com

Flaticon

Думаю, этот ресурс знаком всем, но я не могу его не упомянуть. Очень большое количество иконок, на самые разные темы. Есть поиск, а также фильтр по стилю и цвету. Все иконки доступны в SVG, EPS, PSD и PNG разных размеров.

https://www.freepik.com/

Freepik

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

https://uifaces.co

Uifaces

Большая коллекция лиц, которые можно использовать как заглушки для отзывов, карточек и т.п в ваших макетах. Есть фильтр по возрасту, полу, цвету волос и эмоциям. Так же есть плагины для Sketch и XD. Что бы скачать изображение, кликаем ПКМ по картинке, нажимаем «Открыть картинку в новой вкладке», и сохраняем изображение.

На этом все! Если у вас на примете есть еще какие-то полезные дизайнерские ресурсы , которым вы пользуетесь, не стесняйтесь делится ими в комментариях под статьей.

--

--