Парочка новых сервисов дизайнеру (выпуск №7): PDS, палитры и шрифты

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

Fontjoy

Fontjoy позволяет подобрать идеальное сочетание шрифтов для контента, состоящего из трех элементов: заголовка, подзаголовка и текста.  Каждому из них вы можете отдельно задать какой-то Font из базы либо запустить автоматическую генерацию. В последнем случае отмечаете ползунком желаемый уровень «схожести» шрифтов — от максимально контрастного до плавного перехода. Возле кнопки «Generate» есть также опция включения светлого фона и список примеров удачных сочетаний.

Nerd Fonts

Проект Nerd Fonts является агрегатором разных шрифтов с иконками и будет полезен разработчикам. Всего здесь около 1330 символов из таких популярных наборов как: Font Awesome, Devicons, Octicons. Ранее мы уже рассматривали отдельные подборки шрифтов с иконками но использовать их в рамках одного архива действительно удобнее. Разработка совместима с Linux, macOS и Windows. На сайте сервиса найдете больше информации по их применению.

Design Resources

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

Free PSD Files

Freepsdfiles.net, как вы уже догадались, содержит разные материалы в PSD формате: фоны, шаблоны, открытки и другую графику. Нечто похожее вы могли видеть в нашем разделе PSD исходников и мокапов под фотошоп, но на сайте подборок гораздо больше. Уверены, сможете найти кое-что интересное. Пролистывайте материалы в архиве или воспользуйтесь меню, где представлены: иконки, иллюстрации, логотипы, стили, текстуры, кнопки, веб-элементы и многое другое в PSD.

Color Tool

Инструмент Color Tool позволяет выбирать палитры для интерфейсов — потестируйте в реальном времени как будут выглядеть те или иные цвета в приложении. Справа указываете основные и второстепенные цета, слева можете увидеть как они повлияют на те или иные элементы мобильного дизайна интерфейса: меню, кнопки, карточки, фоны, текст.

В сервисе есть функция Accessibility определяющая удобство и доступность заданных цветовых решений. А еще можете попробовать Color Reference — программу для дизайна на Андроид которая также неплохо справляется с палитрами.

Stockio

В отличии от классических стоковых сайтов в Stockio кроме фотографий вы также найдете иконки, вектор, шрифты и даже видео. Устанавливайте соответствующую категорию при поиске материалов. В разделе фото имеется разбиение по категориям: природа, абстракция, автомобили и т.п. Допускается персональное и коммерческое использование, иногда даже без указания авторства — отличное дополнение нашему списку бесплатных фотостоков. Иконки представлены в SVG и PNG. Удобно, что разные по направленности элементы собраны в рамках одного проекта.

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