Использование градиентов в web-дизайне

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

Долгое время градиенты старались не использовать в дизайне, как напоминание о старых сайтах из 90’x. Градиенты можно было увидеть в заголовках и в качестве фона для кнопок.

Источник: Официальный сайт Captain marvel

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

Почему использование градиентов может быть полезным?

Хорошо продуманный градиент правильно расставляет акценты и привлекает внимание к важным элементам.

Источник: Walid Beno (https://dribbble.com)

Не обязательно использовать градиент в качестве фона, он отлично подойдет для кнопок или же иконок.

Источник: Range.Trade
Источник: http://khroma.co
Источник: Eddie Lobanovskiy (https://dribbble.com)

Основные виды градиентов

Линейный градиент

Цвета линейного градиента плавно сливаются и выстраиваются по прямой линии.


Радиальный градиент

В отличие от линейного градиента – цвета распространяются от одной точки.


Конический градиент

Отличается от радиального градиента тем, что цвета распределены не от центра круга, а вокруг него.

Цветовое настроение

Каждый цвет вызывает разные эмоциональные реакции. Мы должны использовать этот инструмент для того, чтобы связаться с аудиторией на более близком уровне.

Подумайте о том, какие эмоции должны быть у пользователей, которые пользуются вашим сайтом.

Например, для создания радостной атмосферы используются градиенты, состоящие из красного, желтого и оранжевого цветов.

Однако, для расслабляющей спокойной атмосферы лучше выбрать градиент, состоящий из синего, зеленого и голубого цвета.

Поделиться:

Теги:

    Сделаем это вместе -
    У вашего бизнеса есть история

    Заказ обратного звонка

    Мы перезвоним вам в течение часа или в удобное для вас время

    Live Chat
    ×