Duotone Color: Съвети и примери за тази жизнена тенденция
Следващата голяма тенденция на изображението в уеб дизайна е тук и е жизнена, цветна и красива!
Благодарение на Spotify, дуотонът набира популярност почти ежедневно. Ефектът, който използва чифт цветове над снимка, е поразителен, забавен и жизнен. Освен това е доста модерен, като новите сайтове се променят в дуотонен формат почти всеки ден. Ето няколко начина да се възползвате максимално от тази гореща техника за дизайн.
Какво е Duotone?
Първо, малко грунд: Duotone е използването на два цвята.
Името и техниката идват от печатащите преси. Отпечатъците от Duotone са направени в два нюанса от един и същи цвят или с черно и един нюанс. Процесът използва две цветни плочи, направени с екрана, поставен под различни ъгли.
Двуцветната концепция е голяма. Pantone нарече двойка като цвят на годината, минимализмът имаше дизайнерите да мислят за ограничени палитри, а дуотоните са визуално интересни и сравнително лесни за създаване. Можете да създадете ефекта с помощта на Adobe Photoshop и двуцветен градиент или инструмент като Colofilter.css, за да го приложите в кода.
Но това, което вероятно помогна на дуотона от земята най-много, е използването на Spotify. Цветните схеми на Duotone се използват в приложението за възпроизвеждане на музика и за различни промоционални микросайтове. Duotone добавя уникален дизайн елемент към изображения от художници, които са добре познати и широко използвани.
Техниката, която някога е била щампован печат, намери нов живот онлайн и е тенденция, която вероятно ще видим много повече през идните месеци.
Като доминиращ образ
Използвайте дуотон, за да създадете доминиращо изображение.
Основната визуална картина на New Deal Design е поразителна благодарение на смелия избор на цветове и причудливи, благодарение на забавните изображения и цвят. Не се страхувайте да излизате извън комфорта си, когато става въпрос за работа с дуотонови изображения; добре е да сдвоите нюанси, които може да не съвпадат. Целта е да се създаде визуален, който изисква внимание и включва много контраст за изображението, което да се показва.
Ето няколко съвета за максимално въздействие:
- Изберете два контрастни цвята или чифт цветове на марката.
- Изберете снимка с фокусирана област на изображението. Пейзажът може да бъде труден за използване.
- Започнете с висококачествено изображение. Неясни или лоши изображения и дуотон не се смесват.
- Възпроизвеждане на контраст.
- Помислете за интервали за бутони или типография.
- Изберете цветове, които отразяват настроението на снимката.
- Задайте дуотоново изображение с цветна рамка или смесете и съпоставете цветови опции с плъзгащ се плъзгач или паралакс ефекти.
Като обикновена цветова палитра
Duotone не трябва да е сложен. Понякога най-ярките двуцветни проекти са прости по своята същност.
Assurance Life Insurance използва чифт червени и чиста типография. Скролът включва и по-полутонов стил. Цветовете са ярки и завладяващи. Червеният е видът цвят, който почти кара потребителите да го гледат.
Номерът тук е, че е достатъчно просто, за да бъде ефективен. Потребителят не е затрупан с елементи. Червеното ви привлича, така че думите на екрана да се превърнат във фокус. Този тип дуотонен ефект е почти направен за уебсайтове, които имат по-официален външен вид и усещане, тъй като позволява използването на тенденция, без да се чувствате принудени или непосилни.
Като начин за повишаване на четивността
Използвайте дуотон, за да действате като стабилизатор на цвета, който дава на текста достатъчно пространство и контраст. Дуотоновото цветово наслагване може да помогне за „изравняване“ на цветовите вариации на изображението, така че текстът да може да бъде поставен с помощта на един цвят почти навсякъде на изображението и все още да бъде четим.
Изборът на цвят на Duotone няма да бъде толкова ярък за тази употреба и вероятно ще изглежда по-приглушен, но може да послужи за чудесна цел. Holm Marcher & Co. прави това с дуотон от корали и сини, което е интересно и създава силно четим фон за надпис. Като допълнителен бонус, навигационните елементи използват нюанси на синьо от цветовата палитра, за да насърчат придвижването из сайта.
Като акцент
Докато дуотоните ефекти се поддават на големи изображения, те могат да работят и на по-малки места. Помислете за дуотонен акцент в навигацията, за вторични изображения или за конкретни типове съдържание.
Хубавото на по-малките зони на дуотон е, че имате малко повече свобода да играете, ако сте сплашени от техниката или не сте съвсем сигурни как да я накарате да работи за вас. Когато се използва в по-малки пространства, може да бъде визуално интересно да се играе с множество цветни двойки за различни елементи в дизайна.
Разгледайте дуотоните елементи за елементите в стила на картата, като наслагване за връзки за видео или за да подчертаете призивите за действие. Duotone акцентите могат също да бъдат ефективни инструменти за използване в минимална или черно-бяла цветова схема поради цветовия контраст, който създават.
Като фон
Няма нищо подобно на изтънчен дуотонен ефект, който да създаде интересно фоново изображение или модел. Това е идеална употреба за цветовете на марката или като начин да включите модерен оттенък или техника в дизайна си без цялостно преустройство.
Градуираният дуотонов фон за Join Radio е съвършенство. Промяната в цвета е почти незабележима и се съчетава безпроблемно с други елементи на потребителския интерфейс в дизайна. Има проста анимация, която се движи през цветовете, която е успокояваща и има подобно на вода движение към нея. Преминаването от светло към тъмно следва естествените модели на очи и четене, които се движат от горния ляв ъгъл на началната страница до долния десен ъгъл, където потребителят допълнително се насърчава да превърта и щраква.
заключение
Трудно е да се намери техника за дизайн, с която да се играе по-забавно от цвят. Дуотоните са еднакво ангажиращи за дизайнерите. Ефектът може да подправи прекомерно използваното изображение, да добави забавен елемент, когато такъв липсва и просто да помогне визуално да ангажира потребителите.
Плюс това, вие дизайнерът наистина трябва да експериментирате, когато използвате дуотонови ефекти. Можете да сдвоите цветове, които може би не сте си представяли за голямо въздействие, или да комбинирате цветове с фини вариации за малък елемент на изненада. Така или иначе, създаването на този цветен ефект почти винаги изглежда по поръчка и може да бъде забавно да се работи.
