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
❤1
Сеточные градиенты в упаковке шоколада ручной работы 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 — позволяет точно настраивать соотношение цветов в градиентах…
❤🔥10🔥4👍1
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
🔥22👍5
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
🔥13
«Небесные градиенты»
Американский фотограф Эрик Кахан фотографирует небо в разных штатах США
В небе часто можно увидеть шикарные градиенты, но хорошо сфотографировать их не всегда получается. Поэтому снимки Эрика могут стать для вас источником вдохновения
Все фотографии смотрите в галерее: awdee.ru/nebesnye-gradienty
#awd_gradient #awd_photo #awd_color
Американский фотограф Эрик Кахан фотографирует небо в разных штатах США
В небе часто можно увидеть шикарные градиенты, но хорошо сфотографировать их не всегда получается. Поэтому снимки Эрика могут стать для вас источником вдохновения
Все фотографии смотрите в галерее: awdee.ru/nebesnye-gradienty
#awd_gradient #awd_photo #awd_color
❤50🔥8👍4👌1
В подборку вошли библиотеки с фонами, генераторы фонов, паттернов и цветных плашек для текста. 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 их помощью вы сможете подбирать для проектов самые разнообразные фоны: акварельные, градиентные, трёхмерные, полосатые, текстурные, голографические, неоновые…
🔥4👍1
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете 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оздавать градиентные сплайны и зернистые градиенты, делать градиентные заголовки, использовать градиенты с эффектом блюра…
👍12🔥3❤1
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
👍16🔥8❤2
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
🔥12❤1👍1
Сеточные градиенты в упаковке шоколада ручной работы 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
🔥46❤6👍2👎2
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете 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оздавать градиентные сплайны и зернистые градиенты, делать градиентные заголовки, использовать градиенты с эффектом блюра…
❤19👎1🔥1😍1
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
👍18🔥6❤1
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
👍15❤2🔥2
В подборку вошли актуальные и продвинутые сервисы с гибким управлением цветовыми палитрами, где их можно подкручивать и настраивать под индивидуальные потребности проекта
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 — опенсорсный генератор цветовых палитр, где можно гибко генерировать цветовые…
👍10❤3🔥1
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
🔥14
Градиенты и работа с ними
Подробная практическая статья Алекса Карозы о том, какие бывают градиенты, как их создавать и готовить к печати.
«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».
skillbox.ru/media/design/gradients
#awd_article #awd_gradient
Подробная практическая статья Алекса Карозы о том, какие бывают градиенты, как их создавать и готовить к печати.
«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».
skillbox.ru/media/design/gradients
#awd_article #awd_gradient
Skillbox
Градиенты: большой обзор
Рассказываем, какие бывают градиенты, как их создавать и как готовить к печати.
👍18👎2🦄2
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
👍21💅3🦄2👾2👎1
Примеры мастерской работы с градиентом для создания формы, объема и перспективы — работы Джерри-Ли Босманса из Нидерландов
#awd_gradient via jerryleebosmans.com
#awd_gradient via jerryleebosmans.com
😍46👍10❤🔥4🤩4🦄1