Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
НАПИШИТЕ НАМ
Спасибо за обратную связь!

Список сервисов-помощников для работы дизайнера

Вариант номер 1
Выбрать любой на Google Fonts: https://fonts.google.com/
Русские шрифты – это кириллические (Cyrillic), ищи по фильтрам.

Вариант номер 2
Воспользоваться любым другим сервисом по поиску шрифтов, например:
Paratype https://www.paratype.ru/
MyFonts https://www.myfonts.com/
ГДЕ БРАТЬ ШРИФТЫ?
Для Windows Скачать архив, сложить все шрифты в одну папку, выделить сразу все (нажать на Ctrl+A). Потом нажать правой кнопкой мышки на выделенное и на "Установить". Подождать окончания установки.

Для Mac OS Скачать архив и скинуть все шрифты в одну папку, открыть Launchpad (горячая клавиша F4) и найти там "Шрифты". Потом нажать на плюсик и выбрать эту папку. Будет много конфликтов со шрифтами, но их можно спокойно игнорировать.

Чтобы "включить" шрифты – перезайди в фигму.
Если не помогло – гугл в помощь.
Установка ШРИФТов
Либо расширение Font Ninja для Google Chrome, чтобы вытащить шрифт с сайта
Либо сервисы для определения шрифта по картинке:
https://www.myfonts.com/WhatTheFont/
https://www.fontspring.com/matcherator
https://www.whatfontis.com/
Как узнать, что за шрифт на сайте/картинке?
https://www.flaticon.com/
https://icons8.ru/
https://www.iconfinder.com/
https://thenounproject.com/
http://iconmonstr.com/

Также иконки можно просто найти через поисковик. (Например, нам нужна иконка домика, ищем на английском "home icon png", а потом скачиваем). Но мы крайне рекомендуем скачивать только иконки SVG формата, потому что они векторные и не теряют качества при масштабировании.
Иконки
А вот и ответ на вопрос о том, где брать классные фотографии для работ.

Бесплатные фотостоки:
https://www.pexels.com
https://www.freestockimages.ru
https://pixabay.com/ru/
https://world-photo.ru/
https://landingstock.com/
Фотостоки
Текстуры
1. Фотошоп https://rosphoto.com/photoshop/kak_vyrezat_fon_v_photoshope-1475
2. Онлайн сервис remove.bg (просто загрузить туда фото)
3. Онлайн сервис https://online-fotoshop.ru/ubrat-fon-online/
КАК УБРАТЬ ФОН С ФОТОГРАФИИ
Насмотренность для дизайнера – это основа его уровня. Для ее развития мы делимся подборкой качественных источников. Мы рекомендуем каждый день смотреть на чужие работы и сохранять самые классные.

Сайты:
https://behance.net
http://dribbble.com/
https://vk.com/dribbble
https://vk.com/behancetopcases
НАСМОТРЕННОСТЬ
Полезные ресурсы для Figma
Ссылка на скачивание фотошопа и иллюстратора
Лицензионная версия: https://www.adobe.com/ru
Цвет и палитры
Сервисы для подбора шрифтовых пар
Веб-сервис от Google предлагает большое количество очень качественных шрифтов, доступных для бесплатного скачивания.
С помощью Google Type можно быстро найти подходящее сочетание шрифтов, которые будут хорошо смотреться как в цифровой среде,
так и на физических носителя. Данный проект развивается силами энтузиастов, предложенных вариантов пока еще мало, но любая шрифтовая пара подобрана опытными дизайнерами, так что насчет идеального сочетания шрифтов можно не беспокоиться.
Сервис Just My Type предлагает всего несколько тщательно подобранных шрифтовых пар, но это действительно хорошо сочетающиеся шрифты, которые идеально подходят друг другу. Создатель сервиса Дэниэл Эден предупреждает, что его выбор
не должен влиять на окончательное решение дизайнера. Типографика это все же искусство и в вопросе выбора шрифтов нужно доверять своему вкусу.
Type Genius – это инструмент для быстрого подбора шрифтов от сервиса Canva. Пользоваться им очень просто – нужно лишь выбрать подходящий шрифт и сервис сам подыщет подходящую пару. Как будут сочетаться шрифты между собой, можно увидеть после того, как пользователь определится с основным шрифтом.
Blender является очень удобным инструментом по выбору подходящих шрифтов для своего проекта. Все работает очень просто – нужно выбрать фрагмент текста, например, заголовок, подзаголовок или абзац и указать название шрифта. Результат изменений отобразится в том же окне. Таким образом можно быстро найти шрифты, которые будут хорошо смотреться вместе.
Инструмент Type Connection некоторым может показаться слишком сложным в использовании. Если другие сервисы предлагают проверенные шрифтовые пары, то в случае
с Type Connection дизайнеру нужно выбрать одну из четырех предложенных стратегий. То есть сначала выбирается основной шрифт, затем стратегия, а уж потом сервис предлагает несколько вариантов на выбор. Предлагаемые варианты не гарантируют, что шрифты будут хорошо смотреться вместе,
так что окончательное решение дизайнер должен принять сам.
Сайтов с шаблонами для мокапов немало. Мы разберём несколько из них.

https://smartmockups.com/ (вставка фото онлайн)
mockupworld.co
smartmockups.com
qeaql.com
graphicburger.com/mock-ups
https://www.anthonyboyd.graphics
Freepik
Freemockup
Mockups-design
PSD Freebies
стоки с шаблонами mock-up