Долгое время градиенты старались не использовать в дизайне, как напоминание о старых сайтах из 90’x. Градиенты можно было увидеть в заголовках и в качестве фона для кнопок.
Источник: Официальный сайт Captain marvel
Но сейчас всё изменилось, и вы можете увидеть множество дизайнов, использующих градиенты и чистые яркие цвета.
Почему использование градиентов может быть полезным?
Хорошо продуманный градиент правильно расставляет акценты и привлекает внимание к важным элементам.
Источник: Walid Beno (https://dribbble.com)
Не обязательно использовать градиент в качестве фона, он отлично подойдет для кнопок или же иконок.
Источник: Range.Trade
Источник: http://khroma.co
Источник: Eddie Lobanovskiy (https://dribbble.com)
Основные виды градиентов
Линейный градиент
Цвета линейного градиента плавно сливаются и выстраиваются по прямой линии.
Радиальный градиент
В отличие от линейного градиента – цвета распространяются от одной точки.
Конический градиент
Отличается от радиального градиента тем, что цвета распределены не от центра круга, а вокруг него.
Цветовое настроение
Каждый цвет вызывает разные эмоциональные реакции. Мы должны использовать этот инструмент для того, чтобы связаться с аудиторией на более близком уровне.
Подумайте о том, какие эмоции должны быть у пользователей, которые пользуются вашим сайтом.
Например, для создания радостной атмосферы используются градиенты, состоящие из красного, желтого и оранжевого цветов.
Однако, для расслабляющей спокойной атмосферы лучше выбрать градиент, состоящий из синего, зеленого и голубого цвета.
