{"id":13505,"url":"\/distributions\/13505\/click?bit=1&hash=ca3734639136826288c9056e5c8fa03a05e87c4060ae84df200f2c90f5262470","title":"\u0412\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a? \u0410 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0447\u0442\u043e-\u0442\u043e \u0432 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435 \u043a\u043e\u0434\u0430?","buttonText":"\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c","imageUuid":"f5f0e11f-fefd-52f5-8712-82164a59b7ce","isPaidAndBannersEnabled":false}
Дизайн
grafdesigna

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0
9 комментариев
Написать комментарий...
AtlasOkon
Ответить
Развернуть ветку
Защитный единорожек88

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Rudolf Cunningham

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

Ответить
Развернуть ветку
Galaxy IT

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

Ответить
Развернуть ветку
Вадим Д.

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

Ответить
Развернуть ветку
Wera Ferat

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

Ответить
Развернуть ветку
Михаил Слизкой

Очень сказочно🤣🤣

Ответить
Развернуть ветку
Читать все 9 комментариев
null