Как да накарате цветните наслагвания да работят във вашия дизайн
Цветът е важна част от почти всеки дизайн. Независимо дали сте почитател на ярките, смели нюанси или предпочитате по-минималистично черно и бяло, как използвате цвят може да има голямо влияние върху цялостния дизайн.
Един от начините да използвате цвят, за да направите изявление, е с дизайн, който включва цветно наслагване. Това означава, че покривате изображение или видео с полупрозрачно цветно поле. Ефектът може да добави смисъл на изображението, да привлече вниманието към дизайна и да ви помогне да направите повечето ограничени избори за изкуство.
Днес ще разгледаме разнообразни цветни наслагвания, които ще послужат като малко вдъхновение за създаването на ваш собствен.
Разгледайте дизайнерските ресурси
Опитайте градиент
Градиентите отново са готини. Те също правят страхотна (и привличаща вниманието) опция, когато искате да работите с цветен слой.
Особено хубаво в градиента е, че можете да работите с няколко цвята - мислите за вашата марка тук - или да използвате един цвят, за да създадете фокус. Ярките двойки могат да помогнат да привлекат потребителите в дизайна и да придадат на образа някаква искра.
Голяма част от тази тенденция може да бъде свързана с Spotify, който започна да използва градиенти и дуотонови наслагвания, за да подчертае плейлистите. Цветът даде нов живот на изображения, които потребителите са свикнали да виждат (печатни снимки на музиканти).
Това е понятие, което е лесно и за вас.
- Изберете снимка.
- Създайте градиент с цветове на марката.
- Забавлявай се!
Плътните цветове задават тон
Плътният цвят наслояване може да бъде също толкова поразителен като градиентен модел, но често има по-ясно изразено значение, което може да бъде свързано с избора на цвят. Помислете например за наслагване на сепия. Веднага подбужда чувствата от стари времена и история.
Същото може да се каже и за избор на модерен избор на цвят. Използвайки един от ярките, наситени цветове, свързани с плосък или материален дизайн, можете да предизвикате усещането за модернизъм или висша мода.
Когато използвате един цвят като наслагване, помислете за степента на насищане и прозрачност на цвета. Тези елементи могат да добавят и смисъл. По-тежките цветови комбинации - по-малко прозрачни и по-наситени - поставят повече фокус върху самия цвят, отколкото изображението зад него. По-леките и фини комбинации поставят повече фокус върху изображението.
Помислете за тъмно или светло
Не винаги трябва да използвате цвят сам по себе си, за да създадете наслагване. Понякога може да бъде черен, бял или сив. Използването на тези нюанси и тонове наистина може да промени настроението на един проект.
Както вероятно бихте очаквали, по-тъмните слоеве създават по-настроена среда. По-леките наслагвания са свързани с забавление. Друг фактор за принос, когато става въпрос за тези чувства и черно-бялото, е самият образ. Как работи с нюанса или тона? Образът и цветът и съобщенията работят ли заедно?
Обади ми се Ish (по-горе) използва бяло наслагване, за да помогне за фокусиране върху думите на екрана отгоре на черно-бяла снимка. Но забележете израза на лицето на фотографа: Той се усмихва в широка усмивка. Цветовата и снимковата комбинация ви канят и ви карат да искате да общувате с фотографа и евентуално дори да го наемете за работа.
Изберете за изображения с висок контраст
Когато планирате за наслагване на изображение в дизайнерски проект, съставът на снимката (или видеото) е важен. Едно нежно изображение ще ви остави с ефект на наслагване на цвят. Ще получите най-добри резултати, ако започнете със снимка с много контраст с тъмни и светли пространства в изображението.
Ако вашето изображение няма достатъчно контраст, помислете дали да добавите контраст в софтуера за редактиране на снимки или да изберете друго изображение. В противен случай ефектът на изображението може да падне.
Има още един трик за постигане на този ефект е да започнете с черно-бяла снимка. Особено за начинаещите може да бъде по-лесно да се види и засили контраста в черно-бяло изображение. Just Actions предоставя чудесен пример за черно-бяло изображение до изображения с цветно наслагване. (Плюс това е страхотен ефект да сдвоявате изображения без цвят и ярко оцветен контраст.)
Изображенията трябва да изглеждат естествено (или не)
Когато става въпрос за работа с цветни наслагвания, имате две възможности:
- Изображенията трябва да изглеждат естествено. Цветът и осветлението и сенките трябва да се появяват на естествено място. Наслагването е малко по-фино, като Abednego Coffee (горе).
- Изображенията изглеждат напълно променени. Няма предположения, че е използвано цветно наслагване (като повечето примери в тази статия).
Тук наистина няма средно място. Ако изображенията не попаднат в една от тези „крайности“, потребителите може да се замислят твърде много относно избора на цветове и да не се концентрират върху съдържанието на сайта. Не искате да се разсейвате с техника на цветно наслагване; трябва да подобри дизайна.
Опитайте с акцент върху наслагване
Докато предходните примери показват начини за използване на цветно наслагване за големи изображения, като например опции в стила на герой заглавие, това не е единственият начин да се възползвате максимално от тази техника. Цветовите наслагващи ефекти могат да работят доста добре, както и акцентите.
Двата примера по-горе показват различни начини за ефективно постигане на това.
Knot Clothing (отгоре) използва ярко зелена навигационна лента с прозрачност. Допълнително се подчертава от твърдия ход над него. Ефектът спомага за поддържането на цветовата палитра на марката през целия дизайн, като същевременно показва артикули в различни други цветове. Ефектът е прост, помага на страницата да изглежда малко по-мека, отколкото ако навигацията беше в плътен цвят и привлича окото надолу по страницата и чрез дизайна.
Nuts and Woods използва друг подход. Дизайнът използва цветово наслагване като ефект на задържане, за да ви разкаже повече за конкретни елементи на уебсайта. Всеки елемент, който получава червено наслагване, също е елемент с възможност за кликване. Характерното за този дизайн е, че цветното наслагване служи като визуална щека за потребителите, като им казва точно какво искат да знаят и предоставя път към връзки в цялото съдържание.
заключение
Използването на цветно наслагване е една от тези техники, която не работи през цялото време. Повечето дизайнери откриват, че могат да се разминат само с един или два проекта, преди да изглежда прекалено. (Именно там може да бъде по-добра опция наслояването на акцент.)
Както при всяка техника на проектиране, не забравяйте да я приложите в правилния контекст. Никога не трябва да използвате цветно наслагване, само защото сте се вдъхновили от друг проект; запишете идеята и я използвайте само за правилния дизайн.
