Дизайн
Roman Kamushken

14 свежих и полезных дизайн-ресурсов в январе

Всем привет! Пока вы втягиваетесь в рабочий режим после каникул, мы завезли вам лучшие дизайн–ресурсы за январь. Начинаем 2021 год максимально продуктивно и креативно!

Что в сегодняшнем выпуске: различные генераторы, крутые источники для вдохновения, стильные иконки, топовые продукты из Product Hunt за 2020 год, инструменты для экспорта анимаций и гифок, и многое другое.

Внимание, тёмный паттерн — cамые горячие ресурсы мы оставили в конце - так что скролльте с предвкушением 😊

Погнали!

Vektors – это агрегатор коллекций с иллюстрациями. Все иллюстрации этого ресурса бесплатные (но на некоторые коллекции есть пользовательские лицензии).

В Vektors вы найдете иллюстрации от художников по всему миру и для самых разных проектов. Иллюстрации доступны в форматах PNG, SVG, Figma, Sketch.

На данный момент паки насчитывают 70+ единиц.

Браузерный генератор текстур позволяет создавать уникальные royalty-free текстуры.

У Pattern Generator гибкие настройки: выбрав базовый стиль, вы можете затем настроить свою текстуру с помощью цветов, фильтров и преобразований. Каждый стиль узора имеет свои уникальные преобразования. Кнопка «Shuffle» — это та же кнопка «Random», которая перемешивает стили и выдает рандомизированные элементы.

Экспортнуть файл можно не только в JPEG или PNG, но и в качестве кода для inline SVG и фоновой картинки CSS.

Gumaffiliates – новый ресурс, который позволяет развивать партнерский маркетинг через Gumroad.

Идеален как для креативщиков без аудитории, так и для affiliate-маркетологов с аудиторией, но без своей продукции.

Приобретя товар (Gumaffiliates стоит $1):

1) Креативщики получают таблицу людей с аудиторией;

2) Affiliate-маркетологи получают таблицы с продуктами, которые нужно продвигать.

В таблицы входят следующие данные: название продукта (в случае affiliate партнера – это название аудитории), ниша, сайт, контактные данные.

Parametric Color Mixer позволяет генерировать цвета и затем настраивать палитру при помощи интерактивных эквалайзеров.

После того, как вы определились с выбором цвета, его можно регулировать посредством следующих параметров: Положение, Воздействие, Диапазон, Смешивание.

Количество цветовых гамм можно как добавлять, так и уменьшать.

Экспорт – в SVG и CSS.

Этот сайт создан специально для дизайнеров, специализирующихся на создании игр. Вы найдете обширную базу самых разных элементов: от различных попап-меню до HUD элементов. Просто кладезь информации для игровых дизайнеров.Почти 13 000 скриншотов из 355 игр. Более 80 типов экранов.

Создать объявление Отключить рекламу
Маркетинг
Как привлечь 30 000 новых клиентов СберМаркету через микроблогеров: кейс Perfluence
В 2019 году объем рынка инфлюенс-маркетинга составил 8 млрд рублей, в начале 2020 оценка составляла уже 10 млрд, хотя…

У сайта очень удобная система поиска. Боковая панель отображает фильтры для типов экранов: меню заголовков, состояния, статистика, информация, сетевые функции, игровой процесс и HUD.

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

GIFRun позволяет создавать GIF-изображения без водяных знаков с разных соцсетей, типа YouTube, Facebook, TikTok, Vimeo, Twitter и многих других, где есть функция встроенного видео.

Просто вставьте ссылку источника, определите продолжительность и время начала, добавьте текст (по желанию) и ваш GIF-файл готов.

Если вы работаете художником или иллюстратором – то попробуйте Doodle Strudel. Этот генератор задач от Пабло Стэнли – отличная вещь для тех, у кого кризис идей.

Только здесь вы найдете такие безумные задачи, как например: “Нарисовать остроумную лошадку с большими наушниками, которая читает книгу на улице”. 😊

Scale – отличный сайт с красивыми иллюстрациями, которые подойдут как для дизайна приложений или сайтов, так и для различных промо-материалов или презентаций.

Нужную иллюстрацию можно найти в поисковой строке, или профильтровать по полу, а при настройке – можно подбирать цветовую схему в поле HEX-кода.

Иллюстрации доступны в SVG и PNG форматах.

Ресурс совсем новый, но коллекция эффектных иллюстраций насчитывает уже более 120 единиц.

Авторы гарантируют каждый день выкладывать что-то новое.

Каталог UX-ресурсов, который мы заслуживаем.

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

Сортировать можно по следующим категориям: исследования, анализ, визуальный дизайн, дизайн интерфейсов, продукты нового поколения (AR / VR, чат-боты и т. д.), продуктивности, обучению, мультимедиа.

База данных также удобна тем, что каждый ресурс помечен доступностью: платный, бесплатный или с лицензией Freemium.

Pattern Collect – это своеобразный Dribbble для художников, создающих узоры и текстуры.

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

Ресурс содержит шаблоны в 45 категориях, включая: абстракцию, лица, геометрические фигуры, краски, ретро и многое другое.

Flow – это новый игрок на рынке моушн-дизайна. В арсенал инструмента входит:

· Импорт файлов Figma, Sketch, XD, Illustrator, Affinity и т.д. (в будущем обещают добавить поддержку Instagram и Dribbble);

· Большой ассортимент самых разных функций для крутого анимирования;

· Прямой экспорт ваших анимаций из Sketch / Figma в чистый код для Swift, React, SVG и др.

Анимации onboarding экранов, кнопок, рекламного контента и промо-роликов – Flow станет отличным помощником в добавлении изюминки вашему продукту.

К тому же, интерфейс Flow интуитивно понятен, т.к. вобрал в себя лучшие практики интерфейса дизайн-инструментов последних лет. Поэтому, если вы умеете работать в Figma или Sketch – значит вы быстро разберетесь и с Flow.

Byte Dance Icons — крутая коллекция иконок из Figma community, содержащая

почти 3000 элементов для самых разных проектов. Иконки доступны в стилях outlined, filled и two-tone.

Для использования иконок в коде доступна документация для Vue и React.

Коллекция постоянно обновляется.

Один энтузиаст собрал в Notion таблицу с лучшими продуктами на Product Hunt за 2020 год. Здесь вы найдете коллекцию из более чем 360 продуктов.

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

На 1-ом месте у нас статья The State of Design Systems: 2020. Это очень информативный материал, где Google провел исследование касательно использования дизайн-систем в 2020 году. В этом исследовании Google опросил более 1000 дизайнеров.

Делимся с вами основными результатами.

UI киты, по мнению 83% опрошенных – одна из главных составляющих дизайн-системы. Что в очередной раз подтверждает эффективность готовых компонентов.

Figma – лидер в таких компонентах, как:

1) Инструменты для дизайна цифровых продуктов;

2) Инструменты дизайн-документации и передачи файлов разработчикам;

3) Инструменты, используемые для управления дизайн-системами.

Material Design – с отрывом на первом месте в сегменте используемых дизайн-систем. Далее идут Apple’s Human-Interface Guidelines и Bootstrap (неожиданно!).

Все больше компаний предпочитают создавать собственные дизайн-системы. 80% респондентов сообщили, что они разрабатывали собственные дизайн-системы внутри компаний. Основная причина – своя дизайн-система лучше соответствует бренду компании.

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

Мы постоянно публикуем интересные новости из мира дизайн-индустрии и разработки на канале «Полезное Дизайнеру», а потом из лучшего составляем дайджест.

{ "author_name": "Roman Kamushken", "author_type": "self", "tags": [], "comments": 18, "likes": 166, "favorites": 1190, "is_advertisement": false, "subsite_label": "design", "id": 197527, "is_wide": false, "is_ugc": true, "date": "Sun, 17 Jan 2021 10:56:11 +0300", "is_special": false }
0
18 комментариев
Популярные
По порядку
Написать комментарий...
6

Очень интересная статья вышла. Сохранила

Ответить
4

Благодарю за качественную подборку! В закладочки внёс.

Ответить
0

Мы сделали вам подборку и под шумок впихнули продукт который продаём :)

Ответить
4

Вы случайно не гением работаете?

Ответить
0

Что продают кроме setproduct?

Ответить
0

проснись нео

Ответить
0

ты обосрался

Ответить
1

Благодарствую!

Ответить
1

Неплохо👍

Ответить
1

Сенкс. Скинул своему дизайнеру.

Ответить
0

В закладки)

Ответить
0

Flow интересно попробовать. Какой он по сравнению с Protopie.
P.s. Спасибо за подборку

Ответить
0

Отличный материал. 👍

Ответить
0

Спасибо большое , flow вообще открытие , надоело с ae или figmotion возиться

Ответить
0

Полезная подборочка, Благодарю!

Ответить
0

Спасибо за подборку!

Ответить
0

Благодарю, сохранил 4 линка. Пользуясь моментом, вдруг у кого есть в закладках. Поделитесь линком по азам/урокам и пр. конкретно по UX, на русском языке.

Ответить
0

Круто!
Где вы находите такие интересные сайты, на которые я бы никогда сам не вышел?

Большей частью из них я скорее всего и не буду пользоваться, но все равно интересно сколько всего нового создается. 

Ответить

Комментарии

null