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

Нам знакомы эти боли дизайнеров, поэтому в один момент потребовалось собрать все сервисы, которыми пользуемся, в одну коллекцию для удобства. Этой подборкой делимся с вами!

Сервисы с бесплатными мокапами

Главное предназначение мокапов — помочь красиво презентовать проект на примере реальных вещей, вроде одежды, техники, продуктов питания, чем поднять ценность работы в глазах заказчика. Также это полезно для профессионального оформления портфолио, публикации своих дизайнов на сервисах вроде Behance, Dribbble.

Mockupworld

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

Magicmockups

В сервисе всего около 30 мокапов, но все они сделаны качественно и полностью закрывают задачи по презентации проектов через призму техники Apple.

Mockdrop

Есть много интересных решений с мокапами на телефоне и часах. Также можно разместить дизайн-модели на ноутбуках. Сервис популярен среди веб-дизайнеров благодаря высокой скорости работы с макетами — обычно процесс занимает до 5 минут.

Dunnnk

Основа мокапов — продукция Apple. Но в отличие от других сервисов в этом много заготовок с часами, планшетами, телефонами, где на фоне не только рабочая обстановка, но и полки супермаркетов, рынок, пешеходная улица, небоскребы.

Pixeden

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

Аnthonyboyd graphics

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

Psdmockups

Сервис упростит работу тем, кто создает дизайн-решения для проектов с продуктами питания или одеждой. Кроме статичных мокапов есть динамичные.

Сервисы с бесплатными иконками

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

Flaticon

Есть более 2 миллионов иконок, которые разделены на общие темы (например, «Жилье», «Здоровье», «Красота») и подтемы (например, «Ремонт», «Стрижка», «Рецепты»). Они поданы в виде целых наборов (от одного автора) и отдельных значков. Есть пакеты иконок, которые выделены как самые популярные за месяц и за всё время существования сервиса.

Freebiesbug

Есть более 300 наборов значков: как черно-белых, так и цветных. В некоторых пакетах есть более 1000 иконок! А помимо этого на сервисе представлены бесплатные шаблоны страниц сайтов, плагины, шрифты, иллюстрации.

FontAwesome

Доступно около 1500 бесплатных иконок, среди которых и логотипы известных брендов, и привычные символы вроде стрелок или выравнивания текста. Есть значки в очень узких тематиках вроде «Настольные игры», «Планирование», «Письма» и т.д.

Toicon

Здесь интересная сортировка иконок — не по существительному, а по глаголам (например, «Любить», «Путешествовать», «Слушать»). Сами символы сделаны в разных техниках, стилях, цветовых гаммах.

IconStore

Есть много цветных и контурных иконок. Некоторые из них можно даже использовать для создания фоновых изображений для сайта.

IconDeposit

Среди иконок есть акварельные, плоские, штрих-пунктирные, однотонные, с градиентом. Удобно, что доступно целое меню с тегами, структурированными по алфавиту.

Iconmonstr

Этот сервис отличается большим количеством фильтров, с помощью которых реально максимально четко сформировать запросы для поиска нужных иконок: жирные или тонкие, объемные или плоские. Также есть редактор, в котором сразу же можно изменить цвет значка, его фон, размер.

Freepik

Главное преимущество сервиса — в нем есть не только иконки, но и векторные изображения, фото и красивые psd-файлы на более чем 30 тем, среди которых «Спорт», «Животные», «Оружие», «Мультимедиа», «Жесты». Самих значков более 80 000 и их можно использовать в коммерческих целях абсолютно бесплатно.

Сервисы с бесплатными шрифтами

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

Google Fonts

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

Font Squirrel

Кроме большой коллекции типографических элементов здесь есть генератор для создания ваших личных шрифтов («Generator») и приложение для поиска названия шрифтов из загруженных картинок («Font Identifier»).

Abstract fonts

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

1001 Free Fonts

В сервисе шрифты разделены по категориям-тегам вроде конкретных праздников («Хэллоуин», «Рождество»), стилей в дизайне, наклонов, фигур. Всего в коллекции более 10 000 единиц.

FontStorage

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

FontSpace

Здесь более 60 000 (!) бесплатных шрифтов, которые разделены по типографическим стилям: ретро, футуризм, фольклор, готика, модерн и т.д. Еженедельно коллекция пополняется минимум на 50 позиций.

Xfont

Шрифты разделены по языковым семьям и группам, самым частым сферам для применения, поэтому найти что-то под конкретный проект несложно.

Fonts-online

Удобно, что в сервисе все шрифты отображаются сразу в виде 2 одинаковых слов. Это позволяет сразу заметить разницу между ними и быстро выбрать между несколькими похожими позициями.

Надеемся, эта подборка вам пригодится и больше не будет проблем с подбором «тех самых» шрифтов, мокапов или иконок!