Kako učiniti da slojevi u boji rade u vašem dizajnu
Boja je važan dio gotovo svakog dizajna. Bez obzira jeste li ljubitelj svijetlih, podebljanih nijansi ili više volite minimalistički crno-bijele, način korištenja boja može imati veliki utjecaj na cjelokupni dizajn.
Jedan od načina korištenja boje za izradu izjave je dizajn koji uključuje sloj boje. To znači da sliku ili videozapis prekrivate poluprozirnom kutijom u boji. Učinak može dodati značenje slici, skrenuti pozornost na dizajn i pomoći vam da donesete većinu ograničenih umjetničkih izbora.
Danas ćemo pogledati različite slojeve boja koji će poslužiti kao malo inspiracije za stvaranje vlastitog.
Istražite dizajnerske resurse
Isprobajte gradijent
Gradijenti se opet ohlade. Oni također čine izvrsnu (i privlačnu) opciju kada želite raditi s prekrivanjem u boji.
Ono što je posebno lijepo kod gradijenta je to što možete raditi s nekoliko boja - razmišljati o svom brendiranju ovdje - ili koristiti jednu boju za stvaranje fokusa. Svijetle kombinacije mogu pomoći privući korisnike u dizajn i dati im sliku iskre.
Veliki dio ovog trenda može se povezati s Spotifyjem, koji je počeo upotrebljavati slojeve gradijenta i duotona za označavanje popisa za reprodukciju. Boja je dala novi život slikama koje su korisnici navikli vidjeti (press fotografije glazbenika).
Ovo je koncept koji je lako i tebi ponoviti.
- Odaberite fotografiju.
- Stvorite gradijent s bojama marki.
- Zabavi se!
Čvrste boje postavljaju ton
Prekrivanje u čvrstoj boji može biti jednako upečatljivo kao i gradijentni uzorak, ali često ima više izraženog značenja koje se može povezati s izborom boja. Razmotrite, na primjer, sloj sepije. To odmah pobudi osjećaje starih vremena i povijesti.
Isto se može reći i za odabir trendi izbora boja. Korištenjem jedne od svijetlih, zasićenih boja povezanih s ravnim ili materijalnim dizajnom, možete potaknuti osjećaje moderne ili visoke mode.
Kada koristite jednu boju kao prekrivač, razmislite o stupnju zasićenosti i prozirnosti boje. Ovi elementi također mogu dodati značenje. Teže kombinacije boja - manje prozirne i više zasićenosti - stavljaju veći fokus na samu boju nego na sliku koja se nalazi iza nje. Laganije, suptilnije kombinacije stavljaju veći fokus na sliku.
Razmislite o tamnom ili svijetlom
Ne morate uvijek koristiti boju po sebi da biste stvorili sloj. Ponekad može biti crna, bijela ili siva. Upotreba ovih nijansi i tonova doista može promijeniti raspoloženje projekta.
Kao što biste vjerojatno očekivali, tamniji prekrivači stvaraju raspoložnije okruženje. Laganiji slojevi povezani su s zabavom. Još jedan čimbenik doprinosa kada je riječ o tim osjećajima i crno-bijelom je i sama slika. Kako djeluje sa nijansom ili tonom? Djeluju li slika, boja i poruke zajedno?
Nazovite me Ish (gore) koristi bijeli sloj da pomogne usredotočiti riječi na ekranu na vrhu crno-bijele fotografije. Ali primijeti izraz na licu fotografa: On se smiješi širokim osmijehom. Kombinacija boja i fotografija su privlačni i čine da želite komunicirati s fotografom, a možda čak i zaposliti ga za posao.
Odlučite se za slike visokog kontrasta
Pri planiranju preklapanja slike u dizajnerskom projektu važan je sastav fotografije (ili videa). Ružna slika ostat će vam s rezultatom prekrivanja jarke boje. Dobit ćete najbolje rezultate ako započnete s fotografijom s puno kontrasta s tamnim i svijetlim razmacima na slici.
Ako vaša slika nema dovoljno kontrasta, razmislite o dodavanju kontrasta u softveru za uređivanje fotografija ili odabiru drugu sliku. U suprotnom, efekt slike može pasti ravno.
Postoji još jedan trik u postizanju ovog učinka: početi s crno-bijelom fotografijom. Osobito za početnike može se lakše vidjeti i pojačati kontrast na crno-bijeloj slici. Samo akcije pružaju sjajan primjer crno-bijele slike uz slike s prekrivanjem u boji. (Plus, cool efekt je spajanje slika bez boje i kontrasta u jarkoj boji.)
Slike bi trebale izgledati prirodno (ili ne)
Kada je u pitanju rad s prekrivanjem boja, imate dvije mogućnosti:
- Slike bi i dalje trebale izgledati prirodno. Boja i osvjetljenje i sjene trebaju se pojaviti na prirodnom mjestu. Prekrivač je pomalo suptilan, poput Abednego kave (gore).
- Slike izgledaju potpuno izmijenjeno. Nema nagađanja da je upotrijebljen sloj boje (poput većine primjera u ovom članku).
Ovdje zapravo nije sredina. Ako slike ne spadaju u jednu od tih "krajnosti", korisnici mogu previše razmišljati o izboru boja i ne usredotočiti se na sadržaj web mjesta. Ne želite odvlačiti pažnju tehnikom prekrivanja boja; trebao bi poboljšati dizajn.
Isprobajte naglasni naglasak
Iako su prethodni primjeri pokazali načine upotrebe preklapanja u boji za velike slike, poput opcija herojskog stila zaglavlja, to nije jedini način da ovu tehniku najbolje iskoristite. Učinci preklapanja u boji mogu djelovati prilično dobro kao i naglasci.
Dva gornja primjera pokazuju različite načine učinkovitog postizanja toga.
Knot Clothing (gore) koristi svijetlo zelenu navigacijsku traku s prozirnošću. Dalje je naglašen čvrstim udarom iznad njega. Učinak pomaže održati paletu boja marke tijekom cijelog dizajna, istodobno pokazujući proizvode u raznim drugim bojama. Učinak je jednostavan, pomaže stranici izgledati malo mekše nego ako je navigacija jednolike boje i privlači pogled prema stranici i kroz dizajn.
Nuts and Woods koristi drugi pristup. Dizajn koristi sloj boje kao efekt lebdenja kako bi vam rekao više o određenim stavkama na web mjestu. Svaki element koji dobije crveni sloj također je element koji se može kliknuti. Ono što je značajno u ovom dizajnu je da prekrivanje boja služi korisnicima kao vizualni znak, govoreći im upravo ono što žele znati i pružajući put do veza kroz sadržaj.
Zaključak
Korištenje prekrivanja u boji jedna je od onih tehnika koja ne djeluje cijelo vrijeme. Većina dizajnera otkriva da se mogu riješiti samo za jedan ili dva projekta prije nego što se čini da je pretjerano. (U tome bi mogla biti bolja opcija naglašavanja sloja.)
Kao i kod svake tehnike dizajniranja, obavezno je primijenite u pravom kontekstu. Nikada ne biste trebali koristiti sloj boje samo zato što ste bili nadahnuti drugim projektom; spremite ideju i upotrijebite je za pravilan dizajn.
