Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Learn UI Gradient Generator
Кажется, единственный толковый генератор градиентов для веба. Он позволяет переключаться между цветовыми системами HCL, HSB и HSL, чтобы, например, избежать появления «грязи» на градиентах.
learnui.design/tools/gradient-generator.html
На этой же страничке есть подробное объяснение, как это работает (на английском).
#awd_tool #awd_webtool #awd_gradient
Кажется, единственный толковый генератор градиентов для веба. Он позволяет переключаться между цветовыми системами HCL, HSB и HSL, чтобы, например, избежать появления «грязи» на градиентах.
learnui.design/tools/gradient-generator.html
На этой же страничке есть подробное объяснение, как это работает (на английском).
#awd_tool #awd_webtool #awd_gradient
Сеточные градиенты в упаковке шоколада ручной работы Laroch
Мне кажется, шоколад и градиенты — отличное сочетание. Кстати, вот сайт с коллекцией из 100 бесплатных сеточных градиентов: meshgradients.design
#awd_pack #awd_gradient via
Мне кажется, шоколад и градиенты — отличное сочетание. Кстати, вот сайт с коллекцией из 100 бесплатных сеточных градиентов: meshgradients.design
#awd_pack #awd_gradient via
Градиенты и работа с ними
Алекс Кароза написал подробную практическую статью о том, какие бывают градиенты, как их создавать и готовить к печати.
«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».
skillbox.ru/media/design/gradients
#awd_article #awd_gradient
Алекс Кароза написал подробную практическую статью о том, какие бывают градиенты, как их создавать и готовить к печати.
«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».
skillbox.ru/media/design/gradients
#awd_article #awd_gradient
Skillbox
Градиенты: большой обзор
Рассказываем, какие бывают градиенты, как их создавать и как готовить к печати.
10 плагинов Figma для создания градиентов
Градиенты делают дизайн более живым, помогают расставить акценты и привлечь внимание к наиболее важным блокам в интерфейсе. С помощью плагинов Figma можно быстро создавать и настраивать даже самые сложные и разнообразные градиенты
awdee.ru/10-plaginov-figma-dlya-sozdaniya-gradientov
#awd_figma #awd_tool #awd_gradient
Градиенты делают дизайн более живым, помогают расставить акценты и привлечь внимание к наиболее важным блокам в интерфейсе. С помощью плагинов Figma можно быстро создавать и настраивать даже самые сложные и разнообразные градиенты
awdee.ru/10-plaginov-figma-dlya-sozdaniya-gradientov
#awd_figma #awd_tool #awd_gradient
Оди. О дизайне
10 плагинов Figma для создания градиентов — Оди. О дизайне
Градиенты позволяют сделать плавные переходы и придать дизайну оригинальности. Сделала подборку из 10 полезных плагинов Figma, которые помогают создать градиенты за пару кликов Precise Gradients — позволяет точно настраивать соотношение цветов в градиентах…
This media is not supported in your browser
VIEW IN TELEGRAM
Whatamesh — инструмент для создания анимированных градиентов
Позволяет создать mesh-градиент из 4 цветов или выбрать готовый вариант
После завершения настройки инструмент сразу генерирует код для добавления анимированного градиента на сайт или в приложение
whatamesh.vercel.app
#awd_webtool #awd_tool #awd_gradient
Позволяет создать mesh-градиент из 4 цветов или выбрать готовый вариант
После завершения настройки инструмент сразу генерирует код для добавления анимированного градиента на сайт или в приложение
whatamesh.vercel.app
#awd_webtool #awd_tool #awd_gradient
Dreamy Gradients — бесплатный пак из 50 mesh-градиентов
Градиенты можно использовать в качестве фонов для оформления сайта, портфолио, постов в социальных сетях, хедера для Notion и других целей
Доступны в PNG размером 1440×1024 пикселей
maitrishah.gumroad.com/l/dreamy-gradients
#awd_free_download #awd_gradient #awd_color
Градиенты можно использовать в качестве фонов для оформления сайта, портфолио, постов в социальных сетях, хедера для Notion и других целей
Доступны в PNG размером 1440×1024 пикселей
maitrishah.gumroad.com/l/dreamy-gradients
#awd_free_download #awd_gradient #awd_color
«Небесные градиенты»
Американский фотограф Эрик Кахан фотографирует небо в разных штатах США
В небе часто можно увидеть шикарные градиенты, но хорошо сфотографировать их не всегда получается. Поэтому снимки Эрика могут стать для вас источником вдохновения
Все фотографии смотрите в галерее: awdee.ru/nebesnye-gradienty
#awd_gradient #awd_photo #awd_color
Американский фотограф Эрик Кахан фотографирует небо в разных штатах США
В небе часто можно увидеть шикарные градиенты, но хорошо сфотографировать их не всегда получается. Поэтому снимки Эрика могут стать для вас источником вдохновения
Все фотографии смотрите в галерее: awdee.ru/nebesnye-gradienty
#awd_gradient #awd_photo #awd_color
В подборку вошли библиотеки с фонами, генераторы фонов, паттернов и цветных плашек для текста. C их помощью вы сможете подбирать для проектов самые разнообразные фоны: акварельные, градиентные, трёхмерные, полосатые, текстурные, голографические, неоновые и моментально выделять текст, добавляя редактируемую плашку
awdee.ru/23-figma-instruments-for-creating-backgrounds
#awd_figma #awd_tool #awd_article #awd_gradient #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
23 Figma-инструмента для создания фонов и паттернов — Оди. О дизайне
В подборку вошли библиотеки с фонами, генераторы фонов, паттернов и цветных плашек для текста. C их помощью вы сможете подбирать для проектов самые разнообразные фоны: акварельные, градиентные, трёхмерные, полосатые, текстурные, голографические, неоновые…
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Ещё 17 Figma-инструментов для создания градиентов — Оди. О дизайне
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы и библиотеки, с помощью которых вы сможете cоздавать градиентные сплайны и зернистые градиенты, делать градиентные заголовки, использовать градиенты с эффектом блюра…
Dopely Colors — библиотека сервисов для работы с цветом
Отличная платформа, где есть всё, что касается цвета в дизайне
Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design
👨🎨 У Dopely Colors есть Figma-плагин
colors.dopely.top
#awd_tool #awd_webtool #awd_color #awd_gradient
Отличная платформа, где есть всё, что касается цвета в дизайне
Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design
colors.dopely.top
#awd_tool #awd_webtool #awd_color #awd_gradient
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Mesher Tool by CSS Hero — бесплатный генератор сеточных градиентов
Браузерный инструмент, который позволяет выбрать количество цветов в mesh-градиенте, настроить оттенки, яркость, насыщенность и сохранить понравившийся вариант в избранное. Полученный результат копируется в виде CSS-кода
csshero.org/mesher
#awd_tool #awd_webtool #awd_gradient
Браузерный инструмент, который позволяет выбрать количество цветов в mesh-градиенте, настроить оттенки, яркость, насыщенность и сохранить понравившийся вариант в избранное. Полученный результат копируется в виде CSS-кода
csshero.org/mesher
#awd_tool #awd_webtool #awd_gradient
Сеточные градиенты в упаковке шоколада ручной работы Laroch
#awd_pack #awd_gradient via behance.net/gallery/80431511/Laroch-Chocolate-Packaging
#awd_pack #awd_gradient via behance.net/gallery/80431511/Laroch-Chocolate-Packaging
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Ещё 17 Figma-инструментов для создания градиентов — Оди. О дизайне
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы и библиотеки, с помощью которых вы сможете cоздавать градиентные сплайны и зернистые градиенты, делать градиентные заголовки, использовать градиенты с эффектом блюра…
This media is not supported in your browser
VIEW IN TELEGRAM
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
Отличная платформа, где есть всё, что касается цвета в дизайне
Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design
colors.dopely.top
Больше картинок: awdee.ru/dopely-colors-biblioteka-servisov-dlya-raboty-s-tsvetom
#awd_tool #awd_webtool #awd_color #awd_gradient
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Mesher Tool by CSS Hero — бесплатный генератор сеточных градиентов
Браузерный инструмент, который позволяет выбрать количество цветов в mesh-градиенте, настроить оттенки, яркость, насыщенность и сохранить понравившийся вариант в избранное. Полученный результат копируется в виде CSS-кода
csshero.org/mesher
#awd_tool #awd_webtool #awd_gradient
Браузерный инструмент, который позволяет выбрать количество цветов в mesh-градиенте, настроить оттенки, яркость, насыщенность и сохранить понравившийся вариант в избранное. Полученный результат копируется в виде CSS-кода
csshero.org/mesher
#awd_tool #awd_webtool #awd_gradient
В подборку вошли актуальные и продвинутые сервисы с гибким управлением цветовыми палитрами, где их можно подкручивать и настраивать под индивидуальные потребности проекта
awdee.ru/18-powerful-tools-for-creating-color-schemes
#awd_tool #awd_webtool #awd_color #awd_gradient
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
18 мощных инструментов для создания цветовых схем — Оди. О дизайне
В подборку вошли актуальные и продвинутые сервисы с гибким управлением цветовыми палитрами, где их можно подкручивать и настраивать под индивидуальные потребности проекта Poline — опенсорсный генератор цветовых палитр, где можно гибко генерировать цветовые…
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Градиенты и работа с ними
Подробная практическая статья Алекса Карозы о том, какие бывают градиенты, как их создавать и готовить к печати.
«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».
skillbox.ru/media/design/gradients
#awd_article #awd_gradient
Подробная практическая статья Алекса Карозы о том, какие бывают градиенты, как их создавать и готовить к печати.
«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».
skillbox.ru/media/design/gradients
#awd_article #awd_gradient
Skillbox
Градиенты: большой обзор
Рассказываем, какие бывают градиенты, как их создавать и как готовить к печати.