в

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

Друзья, привет! Пока вы пытаетесь влиться в рабочую рутину после праздников, мы подготовили для вас список топовых дизайн–ресурсов. Пора начинать этот год креативно!

Что мы собрали для вас: самых разные источники, сервисы, генераторы, топовые продукты и инструменты для любого дизайна.

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

14. Vektors

3 22344e5b0b3a1369b51bb

Vektors – это агрегатор коллекцийи наборов с иллюстрациями. Абсолютно все иллюстрации на ресурсе бесплатные, правда на некоторых из них есть ользовательская лицензия.

В Vektors собраны иллюстрации от художников со всего мира и на самую разную тематику. Формат иллюстраций тоже разный: PNG, SVG, Figma, Sketch.

13. Pattern Generator

3 9b40f760768a9c3fc53c2

Это генератор текстур, который доступен в вашем браузере и создает уникальные royalty-free текстуры.

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

Большим преимуществом будет то, что экспортировать можно даже код для inline SVG и фоновой картинки CSS.

12. Gumaffiliates

3 713321c555818fdc6a12e

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

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

Покупаю товар (Gumaffiliates стоит $1):

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

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

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

11. Parametric Color Mixer

3 1663b2e5a471af6743309

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

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

Также доступен экспорт – в SVG и CSS.

10. Game UI Database

3 7e3b4befe84dcc2b7fd58

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

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

9. GIFRun

3 ef21bf96d74bfc3abd4c8

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

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

8. Doodle Strudel

3 16c26cf22df0254f49fd1

Однозначно стоит воспользоваться генератором Doodle Strudel. Этот генератор спасет вас при любых творческих кризисах.

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

7. Scale

3 826757bd7bca00e477fdb

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

Нужную вам иллюстрацию можно легко найти в поисковой строке, или воспользоватся для этого фильтром, а дополнительно можно подобрать цветовую схему в поле HEX-кода. Все иллюстрации доступны в SVG и PNG форматах.

6. UX Database

3 441295247013bde7d2cce


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

Этот каталог содержит в своей базе продукты для любого случая: лучшие инструменты, плагины, методологии, учебные ресурсы и многое другое.

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

5. Pattern Collect

3 4e285d28b6306864a9267

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

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

4. Flow

3 b35788602939a95e6c605


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

  • Импортирование файлов Figma, Sketch, XD, Illustrator, Affinity и т.д. (в будущем обещают добавить поддержку Instagram и Dribbble);
  • Огромный ассортимент разных функций для создания анимации;
  • Прямой экспорт ваших анимаций из Sketch / Figma в чистый код для Swift, React, SVG и др.

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

3. Byte Dance Icons

3 2c08a3966bcdee31e2edf

Byte Dance Icons — замечательная коллекция иконок для Figma community, которая насчитывает более 3000 элементов для разных проектов. Все они доступны в стилях outlined, filled и two-tone.

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

Эта коллекция обновляеться практически ежедневно.

2. Best of Product Hunt

3 f5179d9db970f273a8b3f

Эта таблица с лучшими продуктами на Product Hunt за 2020 год. Тут коллекция из более чем 360 продуктов.

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

Первое место можно смело отдать The State of Design Systems: 2020. Здесть сконцентрировано очень много полезной информации – Google провел исследование об использовании дизайн-систем в 2020 году. В этом исследовании Google опросил более 1000 дизайнеров.

1. The State of Design Systems 2020

3 9357a7af7b8005f7d1b0d


Рассмотрим основной результат.
UI киты, по версии 83% опрошенных – это один из главных компонентов дизайн-системы. Это есть прямым доказательством эффективности использования готовых компонентов.

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

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

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

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

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

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

На этом пожалуй всё. Берите себе на заметку, если присмотрели что-то полезное. 

Источник статьи: vc.ru

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
anyconv.com 1 1

Мокап – Визитка

3 22

Мокап – Пачка сигарет