Как да използваме пастелни цветове в уеб дизайна - изкуство, дизайн, вдъхновение
Използването на пастели в уеб дизайна не е нова тенденция, дизайнерите използват тази техника от години, за да създават впечатляващи визуализации. Когато чуете „пастел“, се сещате за бледо, синьо и жълто, но всъщност цветовата палитра на пастелите е много по-богата и разнообразна. Пастелите не са само бледи цветове за новородени, те могат да бъдат доста смели, когато се съчетаят с други елементи.
Ще разгледаме 10 начина, по които пастелите се използват в уеб дизайна, с примери за сайтове, които са го направили доста добре.
1. Пастелна снимка
Пастелни наслагвания на снимки или наслагвания на снимки, заснети при правилните условия на осветление, ще създадат тънко и голямо платно за уебсайт. На фона на приглушените тонове във фотографията, дизайнерът разполага с повече пространство за поставяне на други елементи.
Използването на пастелна фотография също може да помогне за създаването на различни елементи като лога или бутони. Забележете колко красиво логото на Solasie се вписва в пастелните цветове на снимката. Същото важи и за големия призрачен бутон.
2. Пастелни тапети
Пастелните фонове могат да бъдат чудесен начин за използване на многоцветни цветове, без да претоварвате потребителите. Благодарение на по-приглушените пастелни тонове, те могат да се използват за покриване на по-голяма част от пространството, без да го правят твърде цветно.
Обща тенденция при работа с пастелни фонове е да се използва вариация на един нюанс с монохромна цветова схема. Един цвят създава силно визуално въздействие и контрастира красиво с бели текстови елементи. Съчетан само с шрифта, този метод създава модерно настроение.На линия.
3. Смел пастел
Комбинирането на „удебелен“ и „пастел“ в едно и също изречение е противоречие само по себе си, но този тип цветова палитра може да ви помогне да създадете някои много смели проекти. Пастелите обикновено са чудесен избор, ако искате да направите нещо около тях.
Уебсайтът на Marie Catrib е добър пример. Пастелните нюанси тук са доста смели, можете да видите лицето на жената, което наднича от пластовете цвят. Смелостта на пастеля ще ви помогне да видите и да се съсредоточите върху изображението, фонът напълно избледнява на заден план, практически не дразни очите на потребителя и не дърпа одеялото върху себе си.
4. Пастел за настроение
Какви чувства искате да предизвикате у посетителя на вашия сайт? Пастелът е чудесен за тези, които искат да създадат усещане за спокойствие, релаксация или лекота. Ако тези емоции са това, което описва вашия уебсайт или бизнес, пастелната цветова палитра е правилният начин.
Sweez върши чудесна работа за създаване на тази емоционална връзка с цвета. Всичко е направено в приглушени, пастелни нюанси. И те кара да мислиш за тихо, спокойно място, където да се насладиш на чаша хубаво ароматно капучино. Вижте как действа ефектно цвета!
5. Пастелни илюстрации
Пастелните цветове са чудесен избор за илюстрации. Използвайте тази цветова концепция, за да създадете нещо, което позволява на потребителя не само да вижда, но и да обръща внимание.
Пастелна илюстрация доближава идеята, която искате да предадете на потребителя, до спокойствието на цветовете. Пастелните илюстрации позволяват използването на чертежи и не претоварват изображението, както се очаква.
6. Контраст с пастел
Пастелните цветове не трябвада се използва във вакуум. Пастелните цветове са чудесен инструмент за създаване на контраст с други елементи на дизайна.
Kinder Photo е пример за страхотна работа с използване на пастели, добавяне на живи снимки и текст. Има много дребни детайли в пастелните части на дизайна, но това, което виждате на преден план и хваща окото ви са изображенията на деца и надписа "Smiles". Тогава потребителите започват да забелязват други малки елементи, необходими за работа.
7.Пастел за навигация
Пастелите също могат да помогнат за създаването на помощни средства за навигация. Обикновено дизайнерите използват черни или бели граници за навигация, но пастелните също могат да работят ефективно в това пространство.
8. Пастел в плосък дизайн
Голяма част от това, което виждаме в днешните пастелни тенденции, е родено от плоския дизайн.
Това, което е хубаво при използването на пастели в проекти с плосък дизайн, е, че цветовете все още имат ясен вид, но не претоварват потребителя. Пастелният и плосък цветен контур прави малко по-лесно нежното, но силно насочване на потребителите към конкретни части на екрана или подчертаване на важни текстови елементи.
9. Пастел и шрифт
Когато става въпрос за фон или изображения, дизайнерите не се ограничават до използването на пастели. Този цветови стил може да се приложи и към шрифтове. (Въпреки че може да е трудно.)
Пастелите се използват най-добре с големи, удебелени шрифтове на по-суров фон, за да се създаде много контраст. Като използвате удебелен шрифт с по-голям размер, ще гарантирате, че по-приглушеният цвят ще изглежда добре на екрана. Тази концепция трябва да бъде запазена за малка група от букви или думи, а нетрябва да се използва за основен текст.
10.Пастел за UI елементи
Използването на пастели като част от очертанията на елементите на потребителския интерфейс е творчески избор. Този "трик" е роден от плоски дизайнерски концепции, бутони и други елементи, които могат да се използват в пастелни цветове.
На уебсайта на Duy Tran всеки пастелен прозорец всъщност е голям бутон. Пастелните цветове информират потребителите за съдържанието на блока, разделят ги и им дават възможност да кликнат върху тях, за да активират. Сенките се открояват поради контраста с минималната основна площ на изображението. (Всяко изображение в плъзгача стои отделно от пастелните бутони.)
Ключът към използването на пастели във вашата цветова палитра е да създадете нещо, което изглежда свежо и не е измито. Чрез съчетаването на пастели с дълбока наситеност на цветовете можете да създадете ярък външен вид или бели контрастни елементи, можете да помогнете за създаването на приглушена цветова палитра.
Пастелните цветове по своята същност имат релаксиращ и успокояващ ефект. Използвайте това във ваша полза, когато проектирате сайт с този тип цветова схема. Запомнете и имайте предвид, че цветовете трябва да взаимодействат с други части на цялостния дизайн.