Boja duotona: Savjeti i primjeri za to živopisno kretanje
Sljedeći veliki trend slike web dizajna je ovdje, a živ je, živopisan i lijep!
Zahvaljujući Spotifyju, duotone gotovo svakodnevno raste u popularnosti. Učinak koji koristi par boja na fotografiji je upečatljiv, zabavan i živopisan. Također je prilično u trendu, s tim da se nove stranice gotovo svakodnevno mijenjaju u format duotona. Evo nekoliko načina kako iskoristiti što bolju od ove vruće tehnike dizajna.
Što je Duotone?
Prvo, malo temeljnog premaza: Duotone je uporaba dviju boja.
Naziv i tehnika potječu od tiskarskih strojeva. Duotone otisci su izrađeni u dvije nijanse iste boje ili s crnom i jednom nijansom. U postupku se koriste dvije ploče u boji izrađene s postavljenim zaslonom pod različitim kutovima.
Dvobojni koncept je velik. Pantone je par nazvao Bojom godine, a minimalizam je dizajnere razmišljao o ograničenoj paleti, a duotoni su vizualno zanimljivi i prilično jednostavni za stvaranje. Efekt možete stvoriti pomoću Adobe Photoshopa i dvobojnog gradijenta ili alata kao što je Colofilter.css da biste ga primijenili u kodu.
No, što je vjerojatno pomoglo da se duotone s tla najviše koristi, koristi Spotify. Duotone sheme boja koriste se u aplikaciji za sviranje glazbe i za razne promotivne mikro-stranice. Duotone dodaje jedinstveni dizajnerski element slikama umjetnika koji su dobro poznati i široko korišteni.
Tehnika koja je nekada bila štamparija otkrila je novi život na mreži i trend je za koji ćemo vjerojatno vidjeti mnogo više u mjesecima koji dolaze.
Kao dominirajuća slika
Upotrijebite duoton za stvaranje dominantne slike.
Glavni vizualni oblik za New Deal Design upečatljiv je zahvaljujući odvažnom izboru boja i živahnom, zahvaljujući zabavnim slikama i bojama. Ne bojte se izaći izvan svoje udobnosti kad je riječ o radu s duotonskim slikama; u redu je pariti nijanse koje se možda ne podudaraju. Cilj je stvoriti vizualni oblik koji zahtijeva pažnju i uključuje obilje kontrasta za prikaz slike.
Evo nekoliko savjeta za maksimalan učinak:
- Odaberite dvije kontrastne boje ili uparite boje marke.
- Odaberite fotografiju s fokusiranim područjem slike. Pejzaž može biti težak za korištenje.
- Započnite s kvalitetnom slikom. Nejasne ili loše slike i duoton se ne miješaju.
- Reproducirajte kontrast.
- Razmotrite prostore za gumbe ili tipografiju.
- Odaberite boje koje odražavaju raspoloženje fotografije.
- Odvojite duotonsku sliku obojenom obrubom ili pomiješajte i uskladite opcije boja s pomičnim klizačem ili efektima paralakse.
Kao jednostavna paleta boja
Duotone ne mora biti kompliciran. Ponekad su najupečatljiviji dvobojni projekti jednostavne prirode.
Osiguravajuće životno osiguranje koristi par crvenih i čistih tipografija. Pomicanje uključuje i više polutonskih stilova. Boje su svijetle i privlačne. Crvena je ona boja zbog koje ga korisnici skoro paze.
Trik je u tome što je jednostavno dovoljno jednostavan da bude učinkovit. Korisnik nije pretrpan elementima. Crvena vas privlači tako da riječi na zaslonu postaju fokus. Ova vrsta duotonskog efekta gotovo je napravljena za web stranice koje imaju formalniji izgled i dojam jer omogućuje korištenje trenda bez osjećaja prisile ili prevladavanja.
Kao način za povećanje čitljivosti
Upotrijebite duoton da biste djelovali kao stabilizator boja koji tekstu daje puno prostora i kontrasta. Prekrivanje boje duotona može pomoći u "izravnavanju" varijacija boja na slici tako da se tekst može postaviti pomoću jedne boje gotovo bilo gdje na slici i još uvijek biti čitljiv.
Izbori boja Duotone neće biti tako svijetli za ovu upotrebu i vjerojatno će se činiti prigušenim, ali mogu poslužiti u izvrsnu svrhu. Holm Marcher & Co. to radi s koraljnim i plavim duotonom koji je zanimljiv i stvara izrazito čitljivu pozadinu za slova. Kao dodatni bonus, navigacijski elementi koriste nijanse plave boje iz palete boja kako bi potaknuli kretanje po web mjestu.
Kao akcent
Dok se duotonski efekti prepuštaju velikim slikama, mogu djelovati i na manjim mjestima. Razmislite o duotonskom naglasku u navigaciji, za sekundarne slike ili za određene vrste sadržaja.
Ono što je lijepo kod manjih područja dueta je da imate malo više slobode za igru ako vas zastraši tehnika ili niste baš sigurni kako to učiniti za vas. Kada se koristi u manjim prostorima, može biti vizualno zanimljivo igrati se s više parova boja za različite elemente u dizajnu.
Uzmite duotone elemente za elemente u stilu kartice kao sloj za veze za videozapise ili naglasiti pozive na akciju. Duotonski naglasci mogu biti učinkoviti alati za upotrebu u minimalnoj ili crno-bijeloj shemi boja zbog kontrasta boje koji stvaraju.
Kao pozadina
Ne postoji ništa poput suptilnog duotonskog efekta za stvaranje zanimljive pozadinske slike ili uzorka. Ovo je idealna upotreba boja marki ili kao način da u svoj dizajn uklopite trendi nijansu ili tehniku bez potpunog remonta.
Diplomirana duotona pozadina za Join Radio je savršenstvo. Promjena boje je gotovo neprimjetna i neprimjetno se kombinira s ostalim elementima korisničkog sučelja u dizajnu. Postoji jednostavna animacija koja se kreće bojama umirujuće i ima gibanje poput vode. Prelazak sa svijetlog na tamno slijedi prirodne obrasce gledanja očiju i čitanja koji se pomiču s gornje lijeve strane početne stranice dolje desno, gdje se korisnik dodatno potiče da se pomaknete i kliknete.
Zaključak
Teško je pronaći tehniku dizajna koja bi se igrala zabavnije od boje. Duotoni su jednako privlačni za dizajnere. Učinak može začiniti pretjeranu sliku, dodati zabavan element kada ga nedostaje i samo pomoći vizualnom angažiranju.
Uz to, vi dizajneri stvarno morate eksperimentirati kad koristite duotone efekte. Možete upariti boje za koje možda niste zamislili veliki utjecaj ili kombinirati boje s suptilnim varijacijama za mali element iznenađenja. Bilo kako bilo, stvaranje ovog efekta boja gotovo uvijek izgleda po mjeri i može biti zabavno raditi.
