5 načina za povećanje kontrasta u vašem web dizajnu
Nedostaje li vašem dizajnerskom projektu onaj poseban pop? Vjerojatno je ono što vam nedostaje dovoljan kontrast. Kontrast omogućuje razlikovanje elemenata, čineći svaki pogled individualnijim, istaknutijim i posebnim.
Kontrast dizajna stvoren je na više načina i koristeći sve različite vrste elemenata. Od tipografije do boje do prostora, stvaranje kontrasta može poprimiti dizajn od bleh do wow-a. Evo pet načina za to.
Istražite elemente Envatoa
1. Učinite ga većim (ili manjim)
Simetrija i red mogu biti vrsta zamki kada je u pitanju stvaranje žarišta u dizajnu. Previše elemenata jednake težine na kraju će izgledati isto.
Jednostavno rješenje je napraviti jedan element znatno veći ili manji.
Predmet koji se razlikuje postaje neposredna ždrebica. Korisnik će biti privučen do tog područja platna jer je različit.
Povećanje ili manje elementa, fotografije ili bloka teksta više je od fizičke veličine; to je i vizualna težina. Najlakši način za razumijevanje toga je s tipografijom. Pogledajte gornje slike. Obje su riječi iste „veličine“, ali imajte na umu koliko veće težine ima jedna od verzija. Taj kontrast nastaje zbog gustih nasuprot tankih poteza u obliku slova.
Taj isti koncept možete primijeniti i na skoro svaki drugi dizajnerski element.
Pogledajte web stranicu za Little Flyers iznad. Obratite posebnu pozornost na tekstualnu navigaciju na vrhu stranice i gumbe pri dnu zaslona. Koji vam tekst brže privlači pogled? Zašto? Sve su vrste iste veličine, ali tretman kutijom unutar šarene fotografije čini ga većim.
2. Dodajte malo teksture
S ravnim i minimalnim stilovima kao dominantnim pokretačem u trendovima dizajna trenutno je tekstura rjeđa nego što je to bila nekada. Ali još uvijek ga vidite na puno mjesta, možda i bez razmišljanja o tome.
Promjena iz ravnog elementa u bilo što s teksturom, uzorkom ili trodimenzionalnim stilom pomoći će stvoriti područje fokusa. Iako je dodavanje teksture pozadini trenutno rješenje, ono se može koristiti i na druge načine.
Razmotrite tekstualni element s teksturom. (To je prilično popularno kod mnogih stilova vintage tipografije.) Primarne su vrste teksture grube i glatke. Mogu raditi međusobno ili izolirano kako bi se stvorio vizualni fokus. Kada radite s tiskanim dizajnom, možete fizički dodati teksturu na temelju vrste korištenog papira, mogućnosti sloga i drugim načinima objavljivanja.
3. Promijenite oblik
Pogledajte gornju sliku. Što je prvo što vidite? Za mene je to kružni objekt s upitnikom iznutra.
Znaš li zašto? Na slici punoj pravokutnika, to je jedini krug. Razlika predmeta je u tome što ga izdvaja. Činjenica da je lik naglavačke također je pokretač pozornosti. Promjena oblika ili orijentacije elementa može dodati neposredan utjecaj.
Isprobajte sljedeći put kada vam se dizajn malo pokaže ravnim. Zaokružite rubove gumba. Fotografiju stavite u kružni okvir, a ne pravokutnog oblika. Odlučite se za okomitu fotografiju. Koristite položaj koji je malo udaljen od kilograma.
Bilo koja od ovih tehnika u početku vam može biti malo neugodna. Ali nastavite eksperimentirati i igrati se s opcijama dok taj isti stari pravokutnik ne pretvorite u nešto malo zanimljivije.
4. Dodajte boju (ili je odnesite)
Teorija boja jedan je od najvažnijih pojmova na raspolaganju. Promjenom nijansi ili dodavanjem ili uklanjanjem boja možete promijeniti cjelokupno raspoloženje dizajna. Boja može učiniti da stvari izgledaju velike ili male, odvažne ili prigušene. Trik u nekim od najsjajnijih paleta boja je kroz korištenje kontrasta.
Najjednostavniji oblik kontrasta započinje kotačem u boji. Uparivanje boja duž kotača rezultira u različitim kontrastnim kombinacijama:
- Komplementarno: parovi visokog intenziteta s suprotnih strana kotača
- Trijadi: Boje su raspoređene u koracima od jedne trećine duž volana.
- Podijeljeno komplementarno: boja i dvije boje pored komplementarne nijanse.
Postoje i druge mogućnosti kontrasta boja koje mogu djelovati osobito dobro ako već imate paletu boja i nemate ništa protiv sa suptilnim podešavanjem.
- Pomiješajte tople, hladne i neutralne boje.
- Promijenite osnovnu boju dodavanjem nijansi i tonova tako da se zasićenost razlikuje od boje do boje.
- Isprepletene svijetle i tamne boje; mislite na to kao yin i yang.
- Dodajte elemente bez boje. Crni ili bijeli akcenti mogu dodati naglasak u prostorima s puno boja; a boja može dodati kontrast crno-bijeloj boji.
5. Učini nešto neočekivano
Neočekivani oblik ili detalj također mogu dodati pravu količinu kontrasta. Iznenađenje u dizajnu je sve što se ne podudara sa svim ostalim, ali ipak djeluje u skladu s njim.
Ti elementi uključuju:
- Element asimetrije u inače simetričnom dizajnu.
- Vizualni znak koji vas vodi kroz dizajn, poput intenzivnog oblika ili uzorka praćenja očiju, poput korištenih na web mjestu za Vibrant, gore.
- Promjena uzorka ili ponavljajući element.
- Promjena orijentacije ili poravnanja elementa ili teksta, kao što je Anima (slovom „I“) gore.
- Promjena pozicioniranja ili veličine jednog elementa u nizu slika.
- Drugačiji stil slike, kao što je promjena od fotografije do ilustracije ili nagovještaj animacije.
- Miješanje složenih i jednostavnih vizualnih ili tipografskih stilova.
Zaključak
Lijepa stvar o promjeni kontrasta između elemenata je što može pružiti neposredan utjecaj na dizajnerskom projektu. Promjenom izgleda elemenata, možete promijeniti vizualni fokus i pomoći korisnicima da se usredotoče na onaj dio dizajna koji je najvažniji u poruci.
Manjak kontrasta uobičajen je i često je jednostavan za uklanjanje problema. Toliko puta kad od klijenta ili suradnika čujete drsko "napuhavanje", ono što oni zapravo žele reći je da bi željeli kontrastirati u dizajnerskim elementima. Sada ste naoružani alatima za rješavanje tog izazova.
