👨‍🎨 Ещё 17 Figma-инструментов для создания градиентов

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

Мы также добавили библиотеки с готовыми градиентами, которые позволяют в один клик делать градиентные заголовки, использовать градиенты с эффектом блюра и быстро добавлять градиенты на UI-элементы

awdee.ru/17-figma-tools-for-creating-gradients-more

Первая часть: awdee.ru/10-figma-plugins-gradients

#awd_figma #awd_tool #awd_color #awd_gradient

Dopely Colors — библиотека сервисов для работы с цветом

Отличная платформа, где есть всё, что касается цвета в дизайне

Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design

👨‍🎨У Dopely Colors есть Figma-плагин

colors.dopely.top

Больше картинок: awdee.ru/dopely-colors-biblioteka-servisov-dlya-raboty-s-tsvetom

#awd_tool #awd_webtool #awd_color #awd_gradient

🙂 25 правил визуального дизайна, которые можно смело применять в любом проекте

Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое

awdee.ru/25-visual-design-rules

#awd_article #awd_web #awd_ui #awd_color

🙂 18 мощных инструментов для создания цветовых схем

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

awdee.ru/18-powerful-tools-for-creating-color-schemes

#awd_tool #awd_webtool #awd_color #awd_gradient

🙂 Что делает тень реалистичной

Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов

awdee.ru/what-makes-a-shadow-realistic

#awd_article #awd_color

🙂️️️️ Управление цветом: что это и как настроить свои инструменты

Перевод подробного материала компании Bjango Pty Ltd.

— Что такое цветовые пространства
— Какие они бывают и в чём разница между ними
— Цветовой охват, глубина цвета, гамма, преобразование цветов
— Настройка софта: Sketch, Photoshop, Illustrator, Adobe XD, Affinity Designer, Figma, InVision Studio

awdee.ru/color-management

#awd_article #awd_color