Exemple inspiraționale de scheme de culori cu două tonuri în design web

Paleta duotone a fost folosită în design de destul de mult timp, dar nu atât de mult în web design – până acum. Dacă Spotify a început sau nu o nouă tendință poate fi discutabil, dar acest serviciu de muzică digitală merită cu siguranță credit pentru modul în care au folosit tehnici de spălare a culorilor pentru a produce un efect atât de mare asupra site-ului și marketingului lor.

Ce este duotonul? În esență, se utilizează două culori complementare pentru a alcătui o paletă. Alte combinații de culori și imagini multicolore pot fi prezente pe o pagină, dar modelul duoton fie domină, fie ajută un utilizator să se concentreze asupra unei anumite imagini. Efectele duoton pot fi aplicate unei imagini erou, spațiilor albe sau imaginilor de fundal, inclusiv videoclipuri.

Un amestec rece de două culori primare

Tehnica bitonului, ca și numele, provine dintr-o epocă în care tipografia era principalul furnizor de informații. Imprimeurile duoton fie constau din două nuanțe de o culoare, fie negru și o culoare.

În designul web, cele mai multe efecte duotonale sunt create prin plasarea unei suprapuneri viu colorate deasupra unei imagini, declanșând astfel întuneric și lumini pentru a crea un impact vizual uimitor.

Culori duble și nuanțe de unul

Puteți utiliza tehnici duotone în mai multe moduri. Puteți utiliza duotonul ca element principal, pe ecran complet, pentru a sublinia o marcă, de exemplu. Îl puteți folosi în spații albe pentru un fundal interesant, non-intruziv sau pentru a accentua alte elemente de design sau blocuri de conținut.

Această tehnică funcționează în general cel mai bine atunci când este utilizată ca un singur element de design, dar ar trebui să fie utilizată cu moderație. După cum veți observa, poate fi copleșitor.

Web Design și branding cu două tonuri

Duotone este un vechi standby căruia i s-a dat o nouă viață. A devenit o tendință în design web. Deși sunt adesea folosite două culori complementare, o singură culoare folosită cu negru sau nuanțe diferite ale aceleiași culori vă vor prezenta adesea un efect mai frumos și mai puternic. Un imprimeu vintage sepia ar fi o comparație bună.

Comunitatea creativă a avut nevoie de ceva timp pentru a accepta tehnica duotonului – în principal din teama de a deranja armonia schemelor lor generale de design. Astăzi, mulți dintre acești creatori au ajuns să îmbrățișeze tehnici duotonale, realizând frumusețea și puterea culorilor și nuanțelor strălucitoare și utilizarea subtilă a nuanțelor.

Negru și roșu, roșu și negru – și verde

Utilizarea Duotone atrage atenția și, ca atare, poate oferi o cantitate puternică de atracție vizuală paginii dvs. de pornire. Atrage utilizatorii, spre deosebire de a-i dezamăgi înainte ca aceștia să simtă efectul complet și pozitiv al UX-ului site-ului tău.

Utilizarea duotonului este, de asemenea, o metodă ideală de a vă diferenția site-ul web față de concurenții dvs. Îți poate oferi o identitate unică pe care vizitatorii tăi o vor găsi atrăgătoare.

Lucrați pentru a obține echilibrul potrivit între culorile pe care le selectați și structura (și intenția) designului dvs. Site-urile web construite în jurul interfețelor de grilă tradiționale pot beneficia de utilizarea tonurilor și nuanțelor întunecate. Nuanțele deschise pot servi și ca atrage atenția, în special pe site-urile web care prezintă modele stratificate. Aveți la dispoziție o mulțime de opțiuni, iar ceea ce vedeți aici ar trebui să vă ofere mai mult decât câteva idei cu care să lucrați.

De ce ar trebui să-l folosești

Utilizarea maximă a Duo Colors

Două lucruri demne de remarcat despre site-ul web al echipei sportive suedeze de mai jos: numărul unu; cum un fundal duoton poate crește lizibilitatea. Acest lucru se realizează prin suprapunerea unei culori duotonale, astfel încât să aplatizeze variațiile de culoare de fundal și să facă textul să iasă în evidență - indiferent unde poate fi plasat pe imagine. Numarul doi; observați cum culorile logo-ului echipei sunt purtate pe tot site-ul web pentru a consolida marca.

Efectul relaxant al unui fundal cu două tonuri

S-a remarcat deja modul în care un efect duoton subtil poate fi folosit pentru a sublinia un brand. Poate fi folosit și ca metodă de a oferi site-ului dvs. un aspect nou, proaspăt, fără a fi nevoie să recurgeți la o revizuire completă.

Cu un efort minim, vă puteți transforma site-ul dvs. deja minunat într-un site din ce în ce mai grozav. Imaginează-ți o imagine de fundal gri și apoi vezi cum schimbarea acesteia într-o culoare albastră rece face ca textul să iasă și mai mult în evidență, oferind în același timp o atmosferă rece și relaxantă.

Un efect puternic de strălucire peste zgomot

Aceste imagini ale site-ului de jos pot fi puțin prea izbitoare pentru unii dintre designerii web mai conservatori, dar tinde să atragă utilizatori. Nu-ți fie teamă să ieși în afara zonei tale de confort atunci când experimentezi tehnici duotone. Culorile nu trebuie să se potrivească întotdeauna și puteți oricând să faceți modificări sau să profitați de testarea A/B pentru a vedea ce funcționează și ce nu.

De la subtil și conservator la cel sălbatic și minunat

Un număr destul de mare de web designeri au preluat tendința biton, iar alții se alătură paradei. Mai mulți dintre acești designeri au încercat contraste de culori și scheme care sunt, cel puțin, mai puțin obișnuite și nu sunt deosebit de populare – și au ajuns la jackpot-ul pentru a atrage utilizatori.

Concluzie

Ceea ce ați văzut aici sunt exemple în care tehnicile duoton par să se potrivească destul de natural cu tema unui site web și alte exemple în care utilizarea duotonului ar putea fi mai bine descrisă ca „de ultimă oră” sau chiar riscantă. Utilizarea acestei tehnici poate fi într-adevăr riscantă și cu siguranță este o provocare; dar atunci când este făcut corect, utilizatorii dvs. beneficiază de o experiență mai bună.

Puteți folosi duotonul pentru a oferi un sentiment de dramatic, pentru a oferi site-ului dvs. un aspect mai discret, mai senin, pentru a evidenția conținutul sau pur și simplu pentru a-l anima. Depinde de tine și cu siguranță merită încercat.