Яскраві кольори і насичені градієнти
Не можна не помітити, що гайдлайн Material Design і стиль флет є основними трендами в веб-дизайні. Ці тенденції впливають на дизайнерів і підштовхують їх до створення акуратних і гармонійно спроектованих інтерфейсів, які розробляються з урахуванням користувацького досвіду. Але Material Design - це здебільшого рекомендації, вони ніяк не обмежують політ фантазії дизайнера. Особливо в плані вибору колірних схем сайтів і мобільних додатків. За розмовами про переваги матеріального дизайну, багато пропустили один важливий тренд, який не був гідно оцінений.
Йдеться про використання яскравих відтінків і насичених градієнтів. Не можна сказати, що цей тренд дуже помітний і може істотно вплинути на те, як будуть виглядати найбільш вражаючі роботи дизайнерів. Яскраві відтінки - це не революція, але тенденція є і про це варто поговорити. Якщо подивитися, як виглядають інтерфейси, спроектовані по стандартам Material Design і iOS, то можна помітити, що вони відрізняються дуже гарними колірними схемами, дизайнери прагнуть вибирати яскраві, насичені кольори і активно експериментують з плавними градієнтами. При цьому буйство фарб йде сайтам на користь, так як перевага віддається не "кислотним» квітам, а вишуканим колірним палітрами.
Year in Music by Spotify
Головна сторінка сайту Year in Music by Spotify виглядає дуже ефектно. У дизайні відчувається енергія і є музична атмосфера, однозначно асоціюється з цієї інтернет-платформою. Дизайнери використали кілька градієнтів з переходами від холодних фіолетових до теплих помаранчевим відтінкам. Насичені градієнти є основою дизайну, до того ж на такому тлі добре виглядають логотип, текст і гамбургер-меню.
Dinng
Потрапивши на сайт Dinng, користувач буде зачарований неймовірно красивим природним градієнтом, який дуже вміло посилений кількома фільтрами. Картина просто заворожує - такий фон впливає на сприйняття, але задає загальне звучання і залишає дуже хороше враження. Незважаючи на дуже насичені кольори, колірна схема зовсім не виглядає аляпісто, дизайн дуже збалансований і не ріже око.
Le Dernier Gaulois
На відміну від двох попередніх прикладів в дизайні сайту Le Dernier Gaulois використовується більш плавний і витончений градієнт з переходом від фіолетового до золотистого відтінку. Такий фон добре гармонує з охристими квітами ілюстрації, при цьому він досить темний, щоб контрастувати з текстовим контентом.
BBFAW
На сайті BBFAW плавний градієнт накладається на фонове зображення, розміщене на стартовій сторінці. Цей прийом одночасно виконує дві функції: по-перше, фон забезпечує контрастність і текст добре зчитується, а по-друге плавний градієнт з використанням відтінків синього підсилює загальне враження від дизайну. Колірна палітра підкреслює значимість контенту, тобто фон в цьому випадку є одним з найважливіших елементів дизайну.
Відео: Швидке посилення кольору на фотографії
Prevention R3 Summit
У дизайні головної сторінки сайту Prevention R3 Summit використовується яскравий і насичений градієнт. Перехід від рожевого до фіолетового однозначно жіночий, він прекрасно підходить для цільової аудиторії сайту. При цьому фон добре взаємодіє з правим інформаційним блоком. Фоновий градієнт при цьому досить щільний і забезпечує хорошу підтримку тонкому витонченому шрифту, яким набрано заголовок.
Відео: Легкий спосіб створення градієнта на нігтях гель-лаками
Axiom Retail Energy
На сайті Axiom Retail Energy можна побачити, як використовуються відразу два актуальних тренда - динамічний абстрактний фон і насичений градієнт. Дизайн лаконічний, в ньому немає нічого зайвого, при цьому сайт виглядає дуже стильно і сучасно. Градієнт на основі відтінків зеленого цілком відповідає завданням проекту, заздалегідь налаштовуючи користувача на потрібний лад.
Impossible Bureau
Дизайн головної сторінки сайту Impossible Bureau показує, як можна вдихнути нове життя, в градієнти, які вважалися безнадійно застарілими. Дуже яскравий і сміливий градієнт від темно-фіолетового до насиченого рожевого виглядає цілком сучасно і не викликає ніяких асоціацій з дизайном 2000-х років. В даному випадку фон виглядає свіжим і візуально привабливим.
EVS
У дизайні сайту EVS використовувався легкий і плавний лінійний градієнт від рожевого до фіолетового. Градієнт легкий і витончений, дизайнер зробив його напівпрозорим, так що глядач може розглянути фонову ілюстрацію. Фон при цьому досить темний і добре контрастує зі світлим заголовком, набраним рукописним шрифтом.
NBSP
Лаконічний дизайн сайту NBSP чудово виглядає за рахунок двох основних факторів: дизайнер використав полігони і насичений градієнт для створення фонового зображення. Геометричні елементи і «гарячий» градієнт від червоного до жовтого, виглядає приголомшливо, створюючи при цьому ілюзію обсягу. Ще один хороший приклад того, як немодний градієнт в поєднанні з актуальною тенденцією може виглядати привабливо і сучасно.
Відео: Ваші ОСВІЖАЮЧІ кольору: ФАНТАСТИЧНІ і приглушеним
Fiber Sensing
Насичений градієнт в холодних тонах на сайті Fiber Sensing створює ілюзію глибини і прекрасно доповнює анімований абстрактний фон. Завдяки плавному переходу від фіолетового до синього, головна сторінка викликає позитивні емоції і викликає у користувача почуття довіри.
висновок
Незважаючи на те, що багатьом градієнти здаються занадто заштамповано дизайнерським прийомом, у них є потенціал, який можна використовувати. Якщо подивитися на наведені приклади, то стає ясно, що навіть найпростіший градієнт буде виглядати свіжо і оригінально, якщо застосувати його з розумом. До того ж яскраві насичені градієнти добре взаємодіють з плоскими елементами дизайну і модними тонкими шрифтами, так що їх можна сміливо використовувати, якщо це піде проекту на користь.
