6 советов, как использовать градиенты в дизайне

6 советов, как использовать градиенты в дизайне

Раньше мне не нравилось добавлять в дизайн, на мой взгляд, лишние элементы. Это касалось и градиентов.

Со временем я понял, что как раз градиенты способны минимизировать визуальный мусор на макетах. Их успешно используют в рекламных баннерах, в айдентике, в веб-дизайне и т.д.

Специально для вас я сформулировал 6 мини-советов, которые помогут вам понять роль градиентов «в природе» и использовать их эффективно и по назначению.

1/Разместить текст на фото

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

6 советов, как использовать градиенты в дизайне

2/Разнообразить фон

Чтобы разнообразить минималистичный дизайн, не добавляя лишних деталей, используйте мягкий градиент.

6 советов, как использовать градиенты в дизайне

3/Придать объём иллюстрациям

Если иллюстрации кажутся скучными, но не приходит в голову, как можно их разнообразить — просто добавьте на них градиенты.

6 советов, как использовать градиенты в дизайне

4/Сделать градиент частью айдентики

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

6 советов, как использовать градиенты в дизайне

5/Аккуратно выделить объект поверх фона

Для выделения объекта поверх фона можно использовать как полупрозрачное затемнение, так и полу- прозрачный градиент. Если детали фона важны, то градиент, в отличие от затемнения, позволит оставить видимой бóльшую площадь фона.

6 советов, как использовать градиенты в дизайне

6/Наложить на фото

Можно «забрендировать» или изменить фото, чтобы оно лучше вписывалось в макет, наложив на него полупрозрачный градиент с фирменными цветами.

6 советов, как использовать градиенты в дизайне

Спасибо за прочтение, но и вы выразите благодарность:)

Чтобы выразить её, перейдите и подпишитесь на мои соцсети.

Мои блоги в ВКонтакте и на Facebook о дизайне;
Моё портфолио;
Статьи для недизайнеров и владельцев бизнеса.

1414
9 комментариев
5
Ответить

Комментарий недоступен

1
Ответить

Комментарий недоступен

1
Ответить

Никак. Хуже градиента только long shadows.

1
Ответить

Мне кажется, что использование градиента только ухудшило все картинки)

1
Ответить

Дважды пришлось перечитать про сказочно, а в цело 2 из 6 за счёт примеров - очень годные, благодарю.

Ответить

Из перечисленных понравились два первых варианта - сама частенько их использую.  

Ответить