
Временами, на глаза попадаются списки дизайнерских ресурсов, но весь минус в том, что они огромные и содержат все подряд. Из-за недостатка времени и желания их перебирать, они так и остаются где-то в закладках браузера. Поэтому решил выложить только то, чем часто пользуюсь сам.
Содержание статьи
Сoolors
Отличный инструмент для подбора цвета. Нужно подобрать контрастный цвет для элемента, или собрать всю цветовую палитру? С помощью этого сервиса, это очень легко сделать. Например, у вас есть цвет фона, и нужно подобрать цвет кнопки. Вставляем цветовой код фона в первое поле, блокируем его, кликнув один раз, а затем с помощью пробела, подбираем подходящие к нему цвета. Если нужна вся цветовая палитра, мы можем заблокировать другие цвета, и подбирать подходящий цвет для комбинации цветов. На мой взгляд сервис будет очень полезен новичкам, так как очень хорошо тренирует цветовой скилл.
Gridcalculator
Прекрасный ресурс для расчета сетки. Будет полезен как веб, так и графическим дизайнерам. Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки. С его помощью можно рассчитать не только сетку, но и размеры любых элементов, с одинаковой шириной. Допустим нам известно количество столбцов в таблице, и общая ширина. Нужно только задать отступы по краям и между столбцами равными нулю, и мы получим ширину столбцов. Результаты можно скачать в AI, PSD и PNG.
Ultimate google font pairings
Огромная коллекция профессионально подобранных шрифтовых пар. Все шрифты доступны в Google Font, и их можно скачать прямо с сайта, либо скопировать HTML код. Особенно удобно для тех, кто пока еще не совсем ладит со шрифтами, и подбором.
Undraw
Большая коллекция бесплатных векторных иллюстраций, выполненных в модной стилистике. Прекрасно подойдут для лэндингов или продуктовых сайтов. Есть поиск по изображениям и возможность изменить цветовую гамму. Результат можно скачать в SVG или PNG. Коллекция изображений постоянно пополняется.
Flaticon
Думаю, этот ресурс знаком всем, но я не могу его не упомянуть. Очень большое количество иконок, на самые разные темы. Есть поиск, а также фильтр по стилю и цвету. Все иконки доступны в SVG, EPS, PSD и PNG разных размеров.
Freepik
Большая коллекция бесплатных фотографий и векторных изображений, на самые разные темы. Поиск лучше делать на английском языке, тогда выдает более релевантные результаты.
Uifaces
Большая коллекция лиц, которые можно использовать как заглушки для отзывов, карточек и т.п в ваших макетах. Есть фильтр по возрасту, полу, цвету волос и эмоциям. Так же есть плагины для Sketch и XD. Что бы скачать изображение, кликаем ПКМ по картинке, нажимаем «Открыть картинку в новой вкладке», и сохраняем изображение.
На этом все! Разве что в процессе дизайна нужно ещё и слушать музыку. Если у вас на примете есть еще какие-то полезные дизайнерские ресурсы , которым вы пользуетесь, не стесняйтесь делится ими в комментариях под статьей.