Top.Mail.Ru
ypx
INTENSIVE
Попробуй себя в UX/UI-дизайне UX/UI-дизайн бесплатно
7 дней
5 проектов в портфолио
проверка дз
banner-circle
INTENSIVE
Попробуй себя во Frontend разработке Frontend бесплатно
7 дней
1 полноценный проект
проверка дз
banner-circle
Подборка сервисов с бесплатными мокапами, иконками, шрифтами
Один из способов оптимизировать работу веб-дизайнера — выделить время и найти, протестировать, выбрать лучшие сервисы с шрифтами, мокапами, иконками. Мы уже это сделали за вас! Идемте смотреть на результат?
Веб-дизайн
5012
Бывают ситуации, когда продумывание концепции дизайна занимает в 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 одинаковых слов. Это позволяет сразу заметить разницу между ними и быстро выбрать между несколькими похожими позициями.

Надеемся, эта подборка вам пригодится и больше не будет проблем с подбором «тех самых» шрифтов, мокапов или иконок!
Понравилась статья? Сохраните её в своих соц. сетях!
обучайся с нами профессии
UX/UI-дизайнер
Подробнее о курсе
Читайте другие статьи
Бренды-двойники
Замечали ли вы, что на рынке присутствует огромное количество брендов, которые сложно отличить? В этой статье мы поговорим о том, почему сложилась такая ситуация и возможно ли быть уникальным в эпоху, когда ничего нового уже не придумать.
Веб-дизайн
3747
Гештальт-принципы в графическом и UI дизайне
Помимо знания основ композиции, теории цвета, типографики, дизайнеры должны разбираться в психологии человека. Это помогает управлять вниманием пользователя и упрощать восприятие информации. Гештальт-принципы именно об этом.
Веб-дизайн
30180
10 красивых рукописных шрифтов
Одна из составляющих успешного дизайна — удачно подобранная гарнитура. Мы собрали 10 красивых рукописных шрифтов в открытом доступе, которые можно использовать для заголовков разных уровней.
Веб-дизайн
41719
Получайте первыми свежие статьи из нашего блога прямо на вашу почту
Введите корректный e-mail
Никакого спама. Только ценные и полезные статьи для вас!