Як використовувати пастельні тони у веб-дизайні - Мистецтво, дизайн, натхнення
Використання пастельних тонів у веб-дизайні – це тенденція не нова, цю техніку дизайнери використовували багато років, щоб створити вражаючі візуальні ефекти. Коли ви чуєте «пастель», то в уяві спливають бліді, блюз і жовті кольори, але насправді палітра кольорів пастели набагато багатше і різноманітніше. Пастель - це не тільки бліді кольори для новонароджених, його відтінки можуть бути сміливими, перебуваючи в парі з іншими елементами.
Ми розглянемо 10 способів використання пастельних кольорів у веб-дизайні, на прикладах сайтів, яким вдалося зробити це досить добре.
1.Пастель Фото
Пастельні накладки на фото або фото, зроблені в правильних умовах освітлення, дозволять створити тонке і велике полотно для веб-сайту. На тлі приглушених тонів у фотографії дизайнер має більш доступну площу для розміщення інших елементів.
Використання пастельної фотографії також може допомогти у створенні різних елементів, таких як логотипи або кнопки. Зверніть увагу, наскільки красиво логотип Solasie вписується в пастельні тони фото. Це саме стосується і великої кнопки привиду.
2.Постільні шпалери
Пастельний фон може бути відмінним способом для використання багатобарвності, не перевантажуючи користувачів. З-за більш приглушених тонів пастелі вони можуть бути використані, щоб охопити більшу частину простору, не роблячи його занадто строкатим.
Загальною тенденцією при роботі з пастельними тла є використання варіації одного відтінку при монохроматичній колірній гамі. Один колір створює сильний візуальний ефект і чудово контрастує із білими текстовими елементами. У парі лише зі шрифтом, цей метод створює сучасний настрійна сайті.
3.Смілива пастель
Поєднання "сміливий" і "пастель" в одному реченні - це саме по собі протиріччя, проте цей тип палітри кольорів може допомогти вам створити дуже сміливі проекти. Пастелі, як правило, є відмінним вибором, якщо ви хочете зробити щось навколо них.
Сайт Marie Catrib's є добрим прикладом. Пастельні відтінки тут досить сміливі, Ви можете бачити, як жіноче обличчя виглядає із шарів кольору. Сміливість пастелі допоможе вам побачити і зосередитися на зображенні, повністю йде на задній план фон, він практично не дратує око користувача і не перетягує на себе ковдру.
4.Пастель для настрою
Які почуття ви бажаєте викликати у відвідувача вашого сайту? Пастель чудово підходить для тих, хто хоче створити відчуття спокою, розслабленості чи легкості. Якщо ці емоції - це те, що описують ваш сайт або бізнес, палітра пастельних кольорів стане найбільш правильним вибором.
Sweez робить велику роботу щодо створення цього емоційного зв'язку з кольором. Все виконано в приглушених пастельних відтінках. І це змушує вас думати про тихе, спокійне місце, де ви можете насолодитися чашкою приємного ароматного капучіно. Подивіться, як діє колір!
5.Пастель в ілюстраціях
Пастельні кольори – це чудовий вибір для ілюстрацій. Використовуйте цю колірну концепцію, щоб створити щось, що дозволяє користувачеві не лише бачити, а й звертати увагу.
Пастельна ілюстрація зближує ідею, яку хочеться донести до користувача, з деяким спокою кольорів. Пастельні ілюстрації дозволяють використовувати креслення і це не перевантажить зображення, попри очікування.
6.Контраст з пастеллю
Пастельні кольори не повиннібути використані у вакуумі. Пастельні тони є чудовим інструментом для створення розмаїття з іншими елементами дизайну.
Kinder Фото — приклад чудової роботи з використання пастелі, додаючи яскраві фотографії та текст. Є багато дрібних деталей у пастельних частинах конструкції, але те, що ви бачите на першому плані і впадає у вічі — це образи дітей та слово «Посмішки». Потім користувачі починають помічати інші дрібні, необхідні роботи елементи.
7.Пастель для навігації
Пастель може допомогти у створенні засобів навігації. Як правило, дизайнери використовують чорні або білі рамки для навігації, але колір пастелі також ефективно може працювати у цьому просторі.
8.Пастель у плоскій конструкції
Більшість того, що ми бачимо в сьогоднішніх пастельних тенденціях, народилося з плоскої конструкції.
Що приємно у використанні пастелі у плоских дизайнерських проектах — це те, що кольори досі мають чіткий зовнішній вигляд, але не діють на користувача агресивно. Пастель і плоский кольоровий малюнок робить його трохи легшим, щоб м'яко, але наполегливо направляти користувачів до певних частин екрана або виділяти важливі текстові елементи.
9.Пастель та шрифт
Що стосується фону або зображень, дизайнери не обмежені у використанні пастелі. Цей стиль кольору також може бути застосований до шрифтів. (Хоча це може бути складно.)
Пастелі найкраще можна використовувати з великими, жирними шрифтами проти різкішого фонового режиму, щоб створити багато контрасту. При використанні жирного шрифту при більшому розмірі ви переконаєтеся, що більш приглушений колір буде непогано виглядати на екрані. Ця концепція має бути зарезервована для невеликого угруповання букв або слів і немає бути використана для основного тексту.
10.Пастель для елементів інтерфейсу користувача
Використання пастелі як частина схеми для елементів інтерфейсу користувача є креативним рішенням. Цей «трюк» народився із плоских дизайнерських концепцій, кнопок та інших елементів, у яких можна використовувати пастельні тони.
На сайті Duy Tran's, кожне пастельне вікно це насправді велика кнопка. Пастельні тони повідомляють користувачам про зміст блоку, поділяють їх та дають можливість натиснути на них, щоб активувати. Відтінки виділяються через контраст з мінімальною основною площею зображення. (Кожне зображення у слайдері стоїть осторонь пастельних кнопок.)
Ключем до використання пастельних тонів у палітрі кольорів є створення того, що виглядає свіжо і не розмито. При з'єднанні пастелі з глибоким насиченням кольором ви можете створювати яскраві образи або білі контрастні елементи, ви можете допомогти створювати приглушену палітру кольорів.
Пастельні кольори, за своєю природою, мають розслаблюючу та заспокійливу дію. Використовуйте це у ваших інтересах під час створення дизайну сайту з цим типом кольорової гами. Пам'ятайте та майте на увазі, що кольори повинні взаємодіяти з іншими частинами загального дизайну.