16 лучших дизайн-ресурсов в феврале
Друзья, всем привет! В этом, ставшим уже традиционном дайджесте от Setproduct, мы собрали для вас топовые дизайн-ресурсы за февраль.
В сегодняшнем обзоре мы разберем: иконки, эмоджи и иллюстрации, крутейшие статьи по работе с цветовыми гаммами и таблицами для энтерпрайза, эффективные плагины для Фигмы, источники для вдохновения и многое другое.
Как всегда – самые горячие ресурсы мы оставили в конце. Скроллим с предвкушением! 😊
Погнали!
Free Emoji Pack – это отличная коллекция эмоджи–картинок для любого проекта. Пак состоит из более чем 1700 эмоджи, которые удобно категоризированы, отлично структурированы и их легко использовать. Такие коллекции всегда будут отличным дополнением и внесут немного креатива и веселья в ваш проект.
Все картинки растровые и представляют следующие категории: Смайлы, Люди, Животные и Природа, Еда и Напитки, Путешествия и Места, Объекты, Символы, Флаги.
Хороших иллюстраций много не бывает! Illustration Kit является новым ресурсом, куда каждый день добавляются новые бесплатные иллюстрации в таких форматах, как SVG, Figma и Sketch.
Вы можете использовать их как в персональных, так и в коммерческих целях.
Этот пак насчитывает почти 60 персонажей и 120+ сцен, которые можно использовать в различных проектах.
Можно изменять цветовую гамму иллюстраций (для соответствия вашему бренду) – как цвет одежды, так и цвет кожи.
Также на сайте можно следить за прогрессом добавления элементов, перейдя на страницу Track Progress. Там можно посмотреть какие иллюстрации будут добавлены в скором времени, какие находятся на стадии разработки, и какие уже были добавлены.
Если вы не знаете, как оформить свое портфолио – то сайт Pfolios поможет вам с этим. В этой ежедневно пополняемой коллекции, вы найдете более 100 крутых портфолио от специалистов со всего мира.
Дизайнеры, программисты, фотографы, предприниматели – все смогут найти для себя вдохновение при помощи этого замечательного ресурса.
Akar Icons – это отличная библиотека бесплатных и приятно-закругленных иконок, которые можно использовать для самых разных проектов.
Коллекция насчитывает 214 иконок. Для каждой иконки можно настроить её размер, а также ширину штриха.
Ну и самая классная фишка: чтобы перенести нужную иконку в Figma/Sketch/XD, можно просто щелкнуть на нее, и затем вставить в приложение. И никаких загрузок.
Статья Color within Constraints – шикарный материал о том, как работать с цветовыми токенами для диджитал-продуктов.
В этой статье вы узнаете, что такое констрейны, спектр, палитра, линтеры, и многое другое с точки зрения цветовой системы, где каждый компонент разбивается на доступность, гибкость и расширение.
Очень информативная статья, после которой вы уже точно будете знать, как использовать цветовые гаммы в дизайн-системах.
Данная статья будет очень полезна дизайнерам, которые имеют базовые знания о вариантах в Figma. Здесь даются интересные советы и лучшие практики касательно комплексного подхода к вариантам.
Ресурс оформлен в виде пошаговой инструкции с большим количеством картинок, так что вы точно все поймете 😊
Morph – просто must-have плагин, если вам нужна крутая стилизация в Фигме.
С этим плагином вы можете создавать такие крутые и трендовые эффекты, как: скевоморфизм, неон, глитч, отражение, глассморфизм и т.д.
Использовать плагин очень просто: выбираете любой объект или текстовый слой → выбираете эффект преобразования → получаете желаемый результат!
Эффекты настраиваемы, у каждого свои свойства, которые очень легко контролировать.
Если у вас возникали трудности с генерацией текстовых стилей – то этот мощный плагин облегчит вам жизнь.
StyleList создаст для вас текстовые и цветовые (на стадии разработки) стили, заметно сэкономив вам время на их разработку.
Данный плагин также очень легок в использовании: активируете его → задаете нужные значения → нажимаете на кнопку “Создать стили” → радуетесь жизни 😊
Сайт Angel Match – это постоянно обновляемая база данных с более чем 50 000 инвесторов. Благодаря этому ресурсу, долгая и изнуряющая процедура поиска бизнес-ангелов и венчурных капиталистов стала намного проще.
Искать инвесторов для вашего бизнеса можно по местоположению, компании, инвестиционным интересам и прошлым инвестициям.
Подходящих вам инвесторов можно добавлять в свой «любимый список», и позже связаться с ними.
А для еще большего удобства – список можно экспортировать в формате CSV.
Генераторы текстур, похоже, в тренде. Ресурс Visiwig представляет еще один неплохой генератор векторных текстур.
Настраивайте масштаб текстур, поворачивайте их под любым градусом, изменяйте цвет, а также ширину штриха – инструмент очень гибкий.
Экспортнуть можно в CSS и SVG.
Iconduck - это проект, который призван сделать иконки и иллюстрации с открытым исходным кодом более доступными.
На этом сайте вы найдете +110 000 иконок и иллюстраций на все случаи жизни.
Здесь собраны убойные коллекции, типа Humaaans, Clarity Icons, или Noto Emoji от Google. Ресурс, достойный того, чтобы быть у вас в закладках.
Tweek Calendar – отличное приложение для еженедельного планирования и списка дел.
Tweek разработан на основе недельного календаря, где нет почасового планирования. Создатели считают, что такой вид избавит от стресса и повысит продуктивность.
Вам доступны:
· Напоминания - отправляются вам по электронной почте.
· Наклейки и цветовые темы – позволяют выделять важные вещи.
· Синхронизация с Google Calendar
· Доступность для ПК и мобильных устройств iPhone и Android.
· Примечания, контрольные списки и подзадачи
В этой статье автор делится своими Mac-предпочтениями, которые помогают ему быть конкурентоспособным дизайнером в 2021 году. Как уже ясно из названия, статья для Mac-юзеров. Так что если у вас Windows и вы не планируете переходить на Mac – смело листайте вниз 😊
Приводим для вашего удобства все 14 инструментов из данного ресурса. А уж со всеми деталями и фишками вы сможете ознакомиться в самой статье.
· Sip – селектор цвета.
· ImageOptim - компрессор изображений.
· Grammarly – проверка орфографии.
· Paste – более профессиональный буфер обмена
· Shortcut Bar – более быстрый просмотр файлов
· Bartender – профессиональная организация строки меню
· Alfred - удобная система поиска
· Better touch tool – улучшает использование вашего тачбара
· CleanShot X – улучшенная работа со скриншотами
· Automute – автоматическое отключение звука
· Numi – калькулятор
· Amphetamine – утилита для бодрствования Mac
· Unclutter – дополнительное место на рабочем столе для хранения файлов и заметок
· LastPass – менеджер паролей
· Authy - двухэтапная аутентификация на всех ваших устройствах
Тройку лидеров открывает Uppbeat. Это классный и набирающий обороты ресурс для креативщиков, кому нужна бесплатная музыка для роликов, подкастов и т.д. Никаких жалоб на нарушение авторских прав.
Это постоянно пополняемая библиотека битов, треков и тем с различными жанрами. Все жанры удобно категоризированы. Понравившиеся темы можно сохранять в “Список любимых треков”, а также создавать личные плейлисты.
В скором времени ожидается добавление звуковых эффектов.
На втором месте у нас Text Gradients. Этот ресурс предназначен для того, чтобы создавать градиент для текста и сразу же получать для него CSS код.
Доступно три цветовых значения: два - для создания градиента, и ещё один - для бэкграунда. Можно использовать как текст по умолчанию, так и вписать свой для полноты картины.
Эффективно, просто и очень удобно – потому и 2-ое место в рейтинге.
Лидером нашего сегодняшнего списка стала статья Designing better data tables for enterprise UX. И неудивительно: ведь посты про то, как делать таблицы всегда на вес золота!
В этом материале автор собрал различные паттерны и лучшие практики по дизайну таблиц для корпоративного UX. Настройка таблицы, сортировка столбцов, расширенная фильтрация, управление большим количеством столбцов, типы данных и выравнивание – здесь собрано все, что вам нужно для правильного дизайна таблиц.
На сегодня все. Надеемся, что наша подборка оказалась полезной. Забирайте себе понравившиеся ресурсы и делитесь своим мнением в комментариях. Как только наберем ресурсов – ждите новый выпуск.
Мы постоянно публикуем интересные новости из мира дизайн-индустрии и разработки на канале «Полезное Дизайнеру», а потом из лучшего составляем дайджест.