Dizajnerka je dala savjete o odabiru palete za infografiku. Evolucija ravnog dizajna: paleta zatamnjenih boja Ravne boje

Već smo mnogo pričali o dizajnu ravnih površina. Pokazao mnogo razni primjeri koristeći ovu metodu. Šta kažete na razvoj vlastite verzije? Jedan od važnih delova ove metode, ako ne i najvažniji, jeste paleta boja.

Flat Design - Priprema

Flat dizajn je metoda koja ne koristi nikakve dodatne efekte, ili one najjednostavnije, a također ne sadrži trodimenzionalne elemente. Efekti kao što su senke, kosi, utiskivanje i gradijenti se ne koriste u ravnom dizajnu.

Neki izgled ravnog dizajna nazivaju jednostavnim, iako to nije uvijek slučaj. Sam izgled i osjećaj je jednostavan, čist i prilagođen korisniku, što ga čini sve popularnijom opcijom za mobilna korisnička sučelja, kao i trendovskom opcijom dizajna za web dizajn.

Definiranje palete boja

Ravni dizajn radi sa jarkim, smelim bojama i kada je u pitanju... paleta boja, tada dizajneri najčešće radije koriste široku paletu boja.

Još jedna stvar koja čini ravni dizajn drugačijim u pogledu boja. Dizajneri koriste paleta boja samo jednu nijansu i dodajte dvije - tri, četiri ili više boja. Većina ovih opcija su svijetle, potpuno zasićene nijanse koje su suprotne poput sive i crne.

Kada je riječ o ravnom dizajnu boja, zanemaruju se mnoga tradicionalna pravila o miješanju i usklađivanju boja i koriste se palete koje pokrivaju dugu s više boja.

Sve što vidimo u dizajnu ravnih boja je kombinacija nijanse i zasićenosti. Dizajneri mogu koristiti dosta nijansi koje će se međusobno nadopunjavati u tome koliko je dubina boje postavljena, bilo da je ta boja primarna ili je rezultat sekundarne boje. kombinacija boja, ili je možda ova boja iz sasvim drugog kraja paleta boja i sadrži boje u crnim ili bijelim nijansama.

Kada je u pitanju paleta boja, ravni dizajni su često super-zasićeni jarkim bojama, retro ili monotoni. To ne znači da su oni jedini opcije, ali kako se danas trend tek razvija, ove opcije su sada najpopularnije.

Svijetle boje

Svijetao paleta bojačesto karakterizira ravni dizajn jer izaziva različite osjećaje. Svijetle boje rade posebno dobro u odnosu na konvencionalne, takođe na tamna pozadina, stvarajući kontrast i privlačeći pogled korisnika.

Dakle, odakle početi?

FlatUIColors.com ima sjajnu početnu listu nekih od najpopularnijih nijansi u ravnom dizajnu. Od jarkih plavih i zelenih do žutih i narandžastih. Stranica je odlično mjesto za početak korištenja flat dizajna u svom projektu jer možete birati i preuzimati besplatne boje i razne kombinacije boje. (Lično volim sive i mirne tonove.)

Ako želite kombinirati vlastite odvažne boje u ravnom dizajnu, odaberite jednostavnost i boje koje imaju istu nijansu i zasićenost.

Živopisni primjeri: Probajte ove kombinacije boja zajedno ili pojedinačno u grupama kako biste stvorili ravniju paletu boja. Svaka od ovih boja će biti postavljena na bijelu ili crnu pozadinu za maksimalan učinak.

Popularne boje: plava, zelena i ljubičasta

Retro boje

Retro boje su takođe popularan izbor kada radite sa ravnim dizajnom.

Ove manje zasićene nijanse izgrađene su na bazi svijetlih paleta boja, ali sa dodatkom bijele boje kako bi bili prigušeniji. Retro paleta boja često sadrži mnogo narandžaste i žute, a ponekad i crvene ili plave.

Češće se viđaju primarne i sekundarne boje koje se koriste u retro paletama kada se radi sa ravnim dizajnom zbog omekšavanja tona boje.

Retro primjeri: Retro boje najbolje funkcioniraju kada su postavljene u prvi plan kao dominantne boje. Uparite ih sa slikama ili prigušenim bojama za najbolje rezultate.

Popularne boje: narandžasta, breskva ili tamnoplava.

Monotone boje

Monotone boje uparene sa ravnim dizajnom brzo stiču popularnost. Ove palete boja osloniti se jedine boje, crno-bijelo kako biste stvorili svijetlu, ali različitu paletu.

Većina monotonih shema boja koristi dvije ili tri boje kao osnovnu boju. Čini se da je najpopularniji izbor boja plava, ali mnogi dizajneri biraju boje bazirane na crnoj (na primjer, sivoj) za monotonu shemu ili boje poput crvene za dugmad.

Druga opcija je stvaranje efekta pomoću monotonih malih varijacija u boji. Ako počnete s plavom i dodate nijanse zelene i napravite shemu koja je plavo-zelena.

Monotone boje su posebno popularne za mobilne aplikacije i mobilni dizajn.

Monotoni primjeri: Kao i kod drugih paleta boja, monotone šeme također moraju koristiti kontrast. Pomiješajte nijanse različite od osnovne boje. Počnite sa zasićenim (100%) i nijansama 50%, 20% i 8%.

Zaključak

Jedina stvar koja zaista čini da flat dizajn funkcionira je to što je trend nov i zanimljiv.

Kreacija paleta boja, koji odgovara tonu vašeg projekta, pokazuje korisnicima kako da koriste vašu stranicu, vizualno je zanimljiv i zabavan. Obratite pažnju ne samo na neka tradicionalna pravila odabira boja, već i na vlastite ukuse prilikom kreiranja ravnih paleta boja.

Flat dizajn je jedan od trendova u web dizajnu koji ostaje relevantan iznenađujuće dugo. U proteklih nekoliko godina, ovaj dizajn se aktivno koristio u razvoju sučelja za desktop, web i mobilne aplikacije. Ravni dizajn se također aktivno koristi pri kreiranju tiskanih grafičkih materijala. Možete saznati više činjenica o ravnom dizajnu u ovom online vodiču. Danas tema našeg razgovora neće biti ravni dizajn u cjelini, već njegov specifični dio - ravne boje.

Ravni dizajn je dobio ime s razlogom: njegov koncept isključuje upotrebu trodimenzionalnih elemenata, dubokih sjenki i svijetlih preliva (na engleskom "flat" znači "ravno"). Dugmad, ikone i drugi grafički elementi izgledaju pojednostavljeno i jasno, ali i dalje atraktivno.

Razvoj ravnog dizajna web stranice nije tako jednostavan. Glavne poteškoće nastaju kod interaktivnih elemenata, jer dizajn mora naglasiti razliku između statičkog i dinamičkog sadržaja. Jedini način da kažete korisnicima koji su elementi interaktivni je korištenje suptilnih sjenki i granica. Stoga, da biste stvorili "uravnotežen" ravni raspored, morate razmisliti o svakom elementu do najsitnijih detalja, a to nije lak zadatak.

Odabir ravnih boja za shemu boja

Važnost boja u web dizajnu ne može se precijeniti. Na primjer, uspješan može privući više čitalaca. Vrijedi odmah reći da je ravni dizajn jedinstven u svim pitanjima koja se odnose na boju. Svijetle boje ravnog dizajna odmah privlače pažnju korisnika. Za razliku od tradicionalnih shema boja koje se sastoje od dvije ili tri nijanse, ravni dizajni se rade u četiri ili više boja. Vrlo često su to bogate nijanse u kombinaciji sa sivom ili crnom.

Tradicionalna pravila kombinacija boja teško se mogu primijeniti na ravni dizajn. U flat dizajnu nije važna kombinacija samih boja, već njihov ton i zasićenost. Unatoč činjenici da u dizajnu jednog izgleda možete koristiti nekoliko apsolutno različite boje, moraju se dubinski kombinovati. Same ravne boje mogu biti ili primarne ili sekundarne. To bi čak mogla biti i kontrastna kombinacija bijele i crne.

Prelazeći sa teorije na praksu, želeo bih da vam kažem o skupu ravnih boja iz W3.CSS. Ova kolekcija sadrži razne sheme boja za kreiranje web stranica. Ovdje ćete pronaći boje za materijalni dizajn, ravne boje, Windows metro i Windows phone 8 boje. Ovaj izbor je popraćen primjerima HTML i CSS koda tako da možete brzo primijeniti odabranu kombinaciju.

Ako ste potpuni početnik i ne znate odakle da počnete, posjetite Flat UI Colors. Na ovoj stranici možete kopirati boju koja vam se sviđa, a zatim je pronaći u grafičkom uređivaču umetanjem odgovarajuće vrijednosti. Kao što vidite, selekcijom dominiraju svijetle nijanse- od zelene i plave do žute i narandžaste.

Međutim, čak i kod ravnog dizajna postoje ograničenja u bojama koje možete birati. Na primjer, malo je vjerovatno da ćete vidjeti kombinaciju crvene, žute i plavo cveće u jednom rasporedu. Dizajneri preferiraju bogatije i mješovitije nijanse.

Želite li razviti ravni dizajn web stranice? Obratite pažnju na MotoCMS 3.0 šablone, kreirane uzimajući u obzir principe ravnog dizajna. Uporedili smo šablone sa različitim primerima ravnih šema boja da bismo pokazali kako utiču na svojstva korisničkog interfejsa.

Svijetle boje.Živopisne plave, zelene i ljubičaste boje ističu se na bijeloj ili crnoj pozadini. Ove boje se često koriste u dizajnu ravnih web stranica.

MotoCMS 3.0 predložak za web stranicu usluga štampanja

MotoCMS 3.0 predložak za web stranicu usluga štampanja - savršeno rješenje za projekat vezan za štampu i štampu. Međutim, tema predloška se lako može promijeniti. Dizajn šablona je razvijen uzimajući u obzir principe flat dizajna. Korisnicima se nudi 8 opcija za klizače i galerije, zajedno sa 20 widgeta i modula. Sve ovo će vam pomoći da kreirate popularan i originalan online projekat.

Retro boje. To su često pastelne narandžaste i žute u kombinaciji sa jarkim crvenim i plavim bojama. Najčešće su primarne ravne boje retro stil u kombinaciji sa sekundarnim - to olakšava postizanje efekta miješanja.

Praktični savjeti i alati.

Boje, kao i sve ostalo, najbolje je koristiti umjereno. Bolje rezultate ćete postići ako koristite najviše tri osnovne boje u svojoj shemi boja. Efikasnost odabira boja u dizajnu se u velikoj mjeri zasniva na balansu, a što je više boja, to je teže postići.

Boja ne određuje kvalitetu dizajna - ona ga poboljšava.

Pierre Bonnard

Ako su vam potrebne dodatne boje osim onih koje ste prvobitno odabrali za svoju paletu, koristite nijanse i sjene. Djelujte u okviru odabranog raspona.

Pravilo 60-30-10

Ovo pravilo dizajna pomaže vam da brzo kreirate shemu boja. Proporcija 60% + 30% + 10% odražava balans boja. Ova formula djeluje jer stvara osjećaj ravnoteže i omogućava očima da se udobno kreću s jedne tačke na drugu. Osim toga, ova tehnika je izuzetno jednostavna za korištenje.

60% je vaša dominantna boja, 30% je vaša sekundarna boja i 10% je vaša akcentna boja.

Značenje boja

Naučnici su vekovima proučavali psihološke efekte određenih boja. Osim estetike, boje stvaraju emocije i asocijacije. U zavisnosti od kulture i okolnosti, značenja boja mogu varirati. Zato vidite modne butike u crno-beloj boji. Žele da izgledaju elegantno i plemenito.

• Crveni: strast, ljubav, opasnost
• Plava: smirenost, odgovornost, sigurnost
• Crna: misterija, elegancija, zlo
• Bijelo: čistoća, tišina, urednost
• Zeleno: novost, svježina, priroda

Više o značenju cvijeća možete saznati iz Kulture boja.

Prvo u sivim tonovima

Volimo da se igramo bojama i tonovima u ranim fazama razvoja dizajna, ali ovo ponašanje vas može brzo izneveriti - možete provesti 3 sata birajući glavnu boju, a onda se ipak predomisliti... Svakako je primamljivo, ali ne posebno efikasan.

Umjesto toga, prisilite se da radite na strukturi – razmaku i smještaju elemenata u vašem rasporedu. Ovo će uštedjeti mnogo vremena. Ovaj rad je veoma produktivan. S druge strane, ne mora biti dosadno. Isprobajte različite nijanse ako želite postići nešto ugodno izgled.

Izbjegavajte čisto sivu i crnu

Jedan od najvažnijih trikova s ​​bojama koje sam ikada vidio je izbjegavanje sive boje bez zasićenja. IN pravi zivot Ne postoje čiste nijanse sive. Isto važi i za crnce.

Zapamtite, uvijek morate dodati malo zasićenosti boji. Podsvjesno će se percipirati prirodnije i bliže korisnicima.

Vjerujte u prirodu

Najbolje kombinacije boja već je izmislila priroda. Uvek izgledaju prirodno. Najbolje je jednostavno promatrati okolnu prirodu i odatle izvlačiti palete za svoje dizajne; u prirodi se one uvijek mijenjaju.

Da biste dobili inspiraciju, samo trebate pogledati okolo

Održavanje kontrasta

Neke boje se dobro slažu, a neke nikako. Postoje definirajuća pravila za interakciju nijansi koja se najbolje demonstriraju krug boja. Trebali biste biti svjesni ovih metoda, ali ne morate ih koristiti ručno.

Inspirirajte se

Kada je u pitanju pronalaženje UI primjera, dribbble je jedan od najboljih najbolja mjesta za ovo. Ima alat za pretraživanje po boji. Dakle, ako trebate provesti vizualno istraživanje o korištenju određene boje od strane drugih dizajnera, idite na

Video, štampani dizajn, dizajn enterijera, moda... jednostavno postoji mnogo mesta na kojima možete dobiti inspiraciju. Sačuvajte zanimljive nalaze za buduće ideje.

Često volim da kradem boje iz KPOP muzičkih spotova. Oni su luksuzni.

Alati

Da bih sebi olakšao stvari, navest ću nekoliko najbolji alati za odabir palete boja. Oni će vam uštedjeti puno vremena.

Predstavljam moj omiljeni alat za odabir boja. Možete jednostavno odabrati jednu boju i generirati paletu pritiskom na razmaknicu. Coolors vam omogućava da postavite sliku i kreirate paletu od nje. Niste ograničeni na jedan rezultat - selektor vam omogućava da promijenite originalnu referentnu tačku.

Cooler

Ovaj Adobe alat već postoji dugo vremena pomaže dizajnerima. Radi u pretraživaču, a postoji i desktop verzija. Ako koristite desktop verziju, shemu boja možete izvesti u Photoshop.

Slično je Kuleru, razlika je u tome što niste ograničeni na 5 nijansi. Odlično ako imate svoje primarne boje i želite se poigrati s dodatnim nijansama.

Designspiration.net

Zamislite da imate ideju za paletu boja, ali morate vizuelno uporediti različite varijante. Designispiration je idealan za ove svrhe. Birate do 5 boja, potražite slike koje odgovaraju vašim nijansama. Usluga ne samo da uspješno traži slike u datoj paleti, već vam pomaže i da odaberete pravu grafiku za integraciju u dizajn.

Možete pitati - šta ako želim da tražim fotografiju u odabranoj boji? Shutterstock ima alat pod nazivom Spectrum gdje možete pronaći fotografije određene nijanse. Za ovo vam nije potrebna čak ni pretplata, jer će slike za pregled sa vodenim žigom biti sasvim dovoljne za generiranje palete.

Tineye Multicolr

Ali ako trebate pronaći fotografiju na temelju nekoliko određenih boja, ili čak postaviti određenu količinu svake nijanse, upotrijebite Tineye. Ova stranica koristi bazu podataka od 10 miliona Creative Commons slika sa Flickr-a.

Završne misli

Boja je veoma težak resurs za savladavanje, posebno u eri digitalnog dizajna. Savjeti koje sam podijelio u ovom postu olakšat će vam pronalaženje pravih nijansi. Najbolji način da naučite kako da kreirate zapanjujuće šeme boja je kroz praksu, pa se često igrajte bojama.

U ovom članku ću vam reći o ravnom dizajnu. Vjerovatno ste već čuli nešto o tome, budući da je stan postao jedan od vodećih trendova na webu u posljednjih nekoliko godina.

Danas ćemo pogledati šta je flat dizajn, kako je nastao i šta vam je potrebno da kreirate čist, svetao i prilagodljiv dizajn.

Mozeš naci dobri primjeri ravni dizajn na web stranici http://market.envato.com/. Postoji mnoštvo izgleda, ikona i šablona koji će vam dati jasnu predstavu o tome kako izgleda moderan dizajn .

1. Šta je flat dizajn?

Ravni dizajn - moderan stil korisnički interfejs, kao i grafički dizajn koji karakteriše minimalizam. Ravni dizajn karakterizira korištenje minimalnog broja elemenata i odsustvo raznih efekata teksture, sjene i svjetla, na primjer: miješane boje, gradijenti, naglasci i tako dalje.

Stan je suprotan skeuomorfizmu( Skeuomorfizam je princip dizajna kada se jednom proizvodu daje izgled drugog, tj. Kada razni elementi interfejs su kopirani sa stvarnih objekata - pribl. prevod.) , kao i bogat dizajn, ali vrijedi reći da ravni dizajn uopće nije tako jednostavan kao što se čini na prvi pogled. Uključuje neke karakteristike skeuomorfizma, ali o tome ćemo govoriti malo kasnije.

Općenito, flat pomaže korisniku da se fokusira na sadržaj, a da ga ne ometaju vizualni sadržaji. Ravni dizajn naglašava jednostavnost elemenata, dok istovremeno čini interfejs osjetljivijim, ugodnijim i lakšim za korištenje.

2. Malo istorije

Ravni dizajn, kao što znate, postojao je mnogo prije nego što je postao globalni trend na webu. Flat dizajn bio je prilično popularan 80-ih godina zbog činjenice da tehnologija u to vrijeme još nije bila dovoljno razvijena da podrži kompleksne efekte, teksture i senke. Međutim, i tada je dizajn težio skeufomorfizmu, pokušavajući da elemente interfejsa učini što realnijim.

Flat dizajn, u obliku u kojem ga sada vidimo, počeo je da dobija na popularnosti nakon što je Microsoft počeo da proizvodi proizvode u takozvanom metro stilu. Metro je UI dizajn iz Microsofta koji je upečatljiv svojim stilom i jednostavnošću.

Godine 2010 Microsoft objavio Windows Phone 7, koji je koristio ravan dizajn s oštrim rubovima i jednostavnom grafikom naslijeđenom od jednog od ranijih proizvoda Microsoft (Zune). Kasnije, inspirisan uspehom, Microsoft je objavio operativni sistem Windows 8, zasnovan na istom ravnom Metro stilu.

Uostalom, ravni dizajn je dostigao vrhunac popularnosti 2013. godine kada je Apple objavio iOS 7 demonstrira fundamentalno novi dizajn sa potpuno redizajniranim elementima korisničkog interfejsa, uključujući ikone i fontove. Apple je kreirao vizuelni principi UI i dizajna ikona .

Ubrzo nakon toga, Google je također počeo koristiti flat stil u svojim aplikacijama i web stranicama, nazivajući ga Dizajn materijala. Google čak ima cijeli odjeljak posvećen ovom stilu, uključujući opis ciljeva web dizajna, njegovih principa i instrukcija za kreiranje različitih dizajnerskih objekata: ikona, rasporeda i tako dalje.

Od tada, flat je postao ključni trend u web dizajnu, čineći web stranice, aplikacije i elemente interfejsa elegantnim, čistim i modernim.

Tako postoje tri globalna primjera flat dizajna iz kompanija bez kojih je teško zamisliti savremeni svet tehnologije:

Microsoftov Metro dizajn

Apple iOS 7 dizajn

Googleov materijalni dizajn

3. Ne zaboravite da budete čisti

Ravni dizajn se očito naziva „ravnim“ zbog nedostatka trodimenzionalnih elemenata i realističnih efekata kao što su gradijenti, teksture, svjetla, polutonovi, sjene. Zapamtite, ravni stil je dvodimenzionalni (ravni) način prikazivanja objekata.

Štaviše, u flat dizajnu, objekti su prikazani na vrlo pojednostavljen i stilizovan način.

A ponekad se koristi čak i samo silueta ili konture objekta, tj. tek toliko da se objekat učini prepoznatljivim, ali da ga ne preopterećuje manjim detaljima.

Minimalizam je ovih dana postao globalni trend: jednostavnost oblika i upotreba oštrih ivica stvaraju čist i ugodan dizajn. Jednostavni oblici razumljiviji i lakši za razumevanje. Ovo održava dizajn minimalističkim i čistim bez da mu daje užurbani, pretrpani izgled.

4. Dovedite ga do savršenstva

Znajte da kada je u pitanju kreiranje ravnih ikona i elemenata korisničkog sučelja, morate učiniti da izgledaju jasno, uredno i savršeno u pikselima, tj. koliko god je moguce. Štaviše, ovo se odnosi i na rastersku i na vektorsku grafiku.

Sa programom Adobe Photoshop Ovdje je sve jasno: radi sa rasterskom grafikom koja se zasniva na pikselima.

Što se tiče programa Adobe Illustrator, on koristi vektorsku grafiku koja se sastoji od krivulja i linija zvanih vektori, a koji su specificirani matematičkim formulama.

Nekada davno Adobe Illustrator nije bio posebno zgodan program za kreiranje grafike savršene za piksel. Dobra vijest je to najnovije verzije Illustrator je postao odličan alat za kreiranje dobre grafike.

Moram reći da vektorska grafika uglavnom uključuje rad sa jednostavnim, ravnim oblicima, čistim bojama i mrežama. Adobe Illustrator je vrlo fleksibilan u postavkama i omogućava vam da prilagodite mrežu svojim potrebama, poravnate objekte i koristite Razne vrste snapping. To olakšava stvaranje savršenog dizajna koji izgleda čisto i elegantno na bilo kojem zaslonu. Ako želite naučiti kako stvoriti savršenu grafiku, pročitajte članak: Kako kreirati umjetnička djela savršena za piksel koristeći Adobe Illustrator .

5. Boja

Jedna od najspecifičnijih karakteristika flat dizajna, pored senki, je upotreba boje. Većina boja koje flat dizajn koristi u svojim elementima sastoji se od samo nekoliko osnovnih boja.

Boja u ravnom dizajnu je svijetla, bogata i bogata.Ravna shema boja nije ograničena na nekoliko posebnih boja, već sadrži mnogo nijansi, a njihov izbor ovisi samo o tome što prikazujete, bilo da se radi o ikonama slatkiša ili retro predmetima u sofisticiranoj retro paleti.

Recimo da ste UI dizajner i dobro razumijete palete boja, eksperimentirate s panel u boji u Photoshopu i Illusstartoru, miješajući boje po želji. Međutim, ovaj proces je prilično složen i zahtijeva dobru intuiciju, iskustvo i vještine. Ovdje ćete pronaći neke alate koji vam mogu pomoći da kreirate vlastitu paletu boja.

Neki od njih su pogodni za sve vrste dizajna i ilustracija, a ne samo za plosnati dizajn. Na primjer, Adobe Color CC, poznatiji kao Cooler. Danas postoji pristup njemu, kako putem web stranice tako i direktno preko Adobe proizvoda. Cooler je veoma fleksibilan alat koji vam omogućava da kreirate sopstvenu paletu boja ili da izaberete neku od prilagođene palete iz biblioteke.

Još jedan jednostavan i praktičan generator palete boja je Coolors. Samo pritisnite razmaknicu i program će generirati paletu boja, možete podesiti boje, postoji i funkcija izvoza.

Postoji nekoliko drugih sličnih usluga s prilagođenim paletama koje mogu biti korisne. Međutim, postoji jedan alat kreiran posebno za flat dizajn. FlatUIColors.com od Designmodo - servis sa skupom "ravnih" boja, vrlo pogodan za rad. Ova stranica je postala vrlo popularna među dizajnerima koji traže dobro rješenja u boji za savršen dizajn. Probaj!

Takođe možete pronaći veći izbor boja i paleta Googleov vodič za dizajn materijala.

6. Duge sjene

Kao što je gore spomenuto, ravni dizajn karakterizira jednostavnost, mnogi slobodan prostor- zato flat odbija upotrebu bilo kakvih efekata. Međutim, postoji jedan efekat koji je tipičan za ravni dizajn. Ovaj efekat je postao trend i karakteristična karakteristika flata.

Sada govorimo o dugim sjenama. Imaju neke tipične karakteristike, čineći ovaj efekat prepoznatljivim, i to: nagib od 45 stepeni i velika veličina(senka može biti nekoliko puta duža od samog subjekta. Kao rezultat toga, duge senke daju stanu neki efekat dubine.

Ovaj efekat čini objekat trodimenzionalnim, ali ga istovremeno zadržava u kontekstu ravnog dizajna.

7. Rad sa fontovima

Tipografija igra veliku ulogu u ravnom dizajnu. Često tekst postaje glavni element kompozicije.

Ravni dizajni obično koriste jednostavne stilove fontova, čineći cijeli dizajn općenito čistim i čitljivim. Možete pronaći mnoge besplatni fontovi u Adobe Typekit ako koristite Adobe proizvode. Također ćete naći mnogo dobrih besplatnih fontova na Font Squirrel. Ali ne zaboravite pročitati licencu ako namjeravate koristiti font u komercijalne svrhe.

Najčešće je u ravnom dizajnu uobičajeno koristiti velika slova i kontrastne boje, što čini tekst čitljivijim.

Umjereno koristite fontove, imajući na umu da bi trebali nadopunjavati i nadopunjavati dizajn, a ne da se pojavljuju kao poseban element.To ne znači da ne možete koristiti serifne ili rukopisne složene fontove. Samo zapamtite da budete minimalni i držite sve u ravnoteži. Međutim, flat i dalje često koristi sans-serif fontove, jer izgledaju strožije i urednije.

8. Prednosti i nedostaci Flat dizajna

Iako je ravni dizajn postao toliko popularan zbog svojih brojnih prednosti, još uvijek postoje neki nedostaci s kojima se dizajneri suočavaju kada koriste ovaj stil. Pogledajmo prednosti i nedostatke.

pros

Popularnost

Ravni dizajn je postao trend, sve više dobiva pozitivne povratne informacije\ od dizajnera i web dizajnera, i ne čini se uopće kao da gubi svoju poziciju. Naprotiv, sve se više širi, dobija neke nove oblike i karakteristike, postaje sve kreativniji.

Jednostavnost

Ravni dizajn je jednostavan, minimalistički i čist. Flat on the web pomaže korisnicima da se fokusiraju na sadržaj umjesto da ih ometaju vizualni sadržaji. Ovo također funkcionira za sučelja mobilnih aplikacija: čist dizajn s velikim gumbima koristi mobilnih uređaja savršeno.

Osvetljenost

Boja je još jedan cool plus u ravnom dizajnu. Svijetle i bogate boje izgledaju atraktivno i čisto, a nedostatak preliva čini dizajn modernim. Štoviše, takve čiste boje čine ga pozitivnijim i prezentabilnijim; ravan dizajn stvara pravo raspoloženje.

Nedostaci

Stan ima mnogo više prednosti, ali nijedan dizajn nije savršen i ne možemo ga idealizirati. Evo nekih nedostataka ravnog dizajna koje moramo spomenuti:

Nereagovanje

Ponekad odsustvo važne detalje ili vizuelni efekti otežavaju proces kreiranja korisničkog interfejsa, što generalno čini da ceo dizajn ne reaguje. Ne osjećaju se svi korisnici ugodno sa flat-om jer može biti teško pronaći elemente na web stranici koje trebate kliknuti ili dodirnuti na ekranu mobilni telefon jer nisu interaktivni.

Problemi sa tipografijom

Kao što je ranije spomenuto, ne može svaki font biti prikladan za ravni dizajn. Ponekad tako bogat font sa oštrim ivicama izgleda zaista uravnoteženo i elegantno. Međutim, ako je font odabran pogrešno, može uništiti cijeli dizajn. Trebali biste imati stvarno dobar osjećaj koji su fontovi prikladni za ravne, a koji ne. Nedostatak iskustva otežava odabir fonta.

Slabi vizuelni prikazi

Zbog ograničenja u korištenju efekata, boja i fontova, ravni dizajni mogu izgledati previše jednostavno i hladno. Njegov minimalizam također može biti njegov glavni nedostatak - drugi ravni dizajni na kraju izgledaju potpuno isto kao i vaš. Stoga je vrlo teško učiniti da vaše ikone ili web stranice izgledaju drugačije od nečijeg dizajna jer koristite iste pojednostavljene oblike, ograničene palete boja i slične fontove. Kao rezultat toga, ravni dizajn može vremenom postati dosadan.

9. Budući trendovi ravnog dizajna

Ne može se reći da se flat dizajn u potpunosti formirao i zaustavio, možda zbog gore navedenih nedostataka, flat dizajn teži razvoju i promjeni, stječući nove karakteristike i povećavajući vizualnu ekspresivnost.

Ako pažljivo pogledate posljednji primjer ravnog dizajna, možda ćete primijetiti da je zaista takopostepeno se udaljava od svojih strogih alata i počinje da dodaje suptilne efekte kao što su: gradijenti, senke, osvetljenje i drugi vizuelni efekti.

Ovi mali dodiri daju ravnom dizajnu određenu dubinu bez previše detalja poput skeuomorfnih dizajna. Ova suptilna poboljšanja čine stan osjetljivijim i udobnijim, a također donose svjež izgled, čineći stan fleksibilnijim i svestranijim.

Time stan ne gubi svoje karakteristike, već postaje zanimljiviji i fleksibilniji- stvarno mu je bolje.

zaključci

Tako smo razgovarali o nekim činjenicama iz istorije flat dizajna, te razgovarali o bojama, oblicima i tipografiji. Razmotrili smo različite tačke gledišta, fokusirali se na prednosti i nedostatke stana i naučili neke od glavnih principa kreiranja dobrog dizajna.

Nadam se da ste iz ovog članka dobili nove informacije ili ste ga barem učinili zanimljivim. Dugujete sebi da pokušate da kreirate ravni dizajn ako to ranije niste uradili.

Uostalom, šta još treba spomenuti o ravnom dizajnu?

Ako vam se zaista sviđa stan sa oštrim ivicama, bogatim bojama i oštrim fontovima, čistoćom i minimalizmom, onda krenite!

U trendu je, ali kao i kod svakog grafičkog stila, nemojte se ograničavati samo na jednu tehniku. Samo zato što je stan u trendu ne znači da ne možete koristiti druge stilove u svom projektu. Skeuomorfizam, sa svojim sitnim detaljima i teksturama, također može postati dobra odluka. Glavna stvar je zapamtiti da je dizajn različit za svaki projekat, mora izražavati svoj duh, svrhu, suštinu, a da pritom ostane prikladan i funkcionalan. Naprijed!