Kako koristiti asimetriju i simetriju u dizajnu

Kako koristiti Vectornatorov alat za oblikovanje za stvaranje ravnoteže

Svaki izgled počinje s praznom stranicom.

Zatim dolaze elementi dizajna—logo, meniji, tekstualni dijelovi, fotografije, ilustracije, itd.

Postavljanje elemenata može odrediti kako dizajn će biti uspješan. Zato je jedna od prvih stvari koju dizajneri rade kada počnu raditi na novoj stranici da odluče kakav će raspored elemenata biti na toj stranici.

Izvor slike: Andra C Taylor Jr

Postoje dva osnovna pristupa elementima prostora na stranici. Dizajneri se mogu nagnuti prema simetričnijem rasporedu elemenata ili asimetričnom.

Sada ćemo pogledati dva moćna principa dizajna koja nam na prvi pogled mogu izgledati previše jednostavna i druga priroda da bismo opravdavaju previše razmišljanja. Međutim, bilo bi mudro da ne podcjenjujemo njihove mogućnosti i prednosti njihovih efekata.

Kad god kompozicione elemente ravnomjerno rasporedimo oko središnje tačke ili ose, pravimo simetričan dizajn. Dobar primjer simetrije u prirodi je leptir—njegove desna i lijeva strana su veoma slične jedna drugoj (iako nisu identične).

Simetriju nalazimo kada su dvije zrcalne strane potpuno iste, jer stvara savršena slika u ogledalu. Gurnite prst desne ruke na površinu ogledala u kupatilu i pogledajte ga i njegov odraz iz ugla. Pod pretpostavkom da su naša ogledala čista, uvijek ćemoimate toliko različitih opcija koje možete izabrati, stranica mora biti nešto posebno da bi se izdvojila od svih ostalih i smanjila stopu posete. Kada dizajneri ovladaju asimetrijom, stvaraju nezaboravne proizvode.

Izvor slike: Olia Gozha

Za prenošenje dinamike

Kada web dizajneri koriste termin 'dinamički', ono na šta misle je dizajn u kojem se oko gledatelja pomiče okolo i kroz dizajn. Asimetrični dizajni mogu izazvati osjećaj kretanja. Zato mnogi sportski brendovi koriste asimetrične rasporede i asimetriju u pojedinačnim elementima (kao što je logotip).

Za privlačenje pažnje

Asimetrija privlači pažnju. Odgovarajući asimetrični raspored automatski dovodi oko gledatelja do žarišnih tačaka – pogled se prirodno prvo zaustavlja na kritičnim dijelovima dizajna. Pozicioniranjem i podešavanjem elemenata na stranici možete usmjeriti pogled na različita područja.

Kada birate fokusne točke, zapamtite da je primarni cilj svakog dizajna komunikacija. Sa svakom web-stranicom koju dizajnirate, svojim posjetiteljima pričate priču, stoga svakako odaberite žarišne točke koje će vam pomoći da ispričate ovu priču na najefikasniji način.

Evo nekoliko stvari koje vam omogućavaju crtanje pažnja:

• Kontrast. Kontrast se može koristiti i za isticanje određenog elementa ili za njegovo sakrivanje. Povećanjem kontrasta određenog elementa činite ga istaknutim.Suprotno tome, smanjenjem kontrasta, možete učiniti da element nestane u pozadinu
• Whitespace. Koristite razmak da izolujete jedan element od drugog
• Pokret. Ljudsko oko je ožičeno da obraća pažnju na pokretne objekte
• Smjerne znakove. Oko će pratiti znakove usmjerenja (na primjer, smjerni znak može biti strelica koja pokazuje u određenom smjeru)
• Ljudska lica. Oko će pratiti putanju očiju na fotografiji, tako da će posjetitelj stranice gledati u istom smjeru kao i osoba u dizajnu.

Kombinirajte simetriju i asimetriju u dizajnu

Izvor slike: Artem Kniaz

Simetrija nije uvijek odluka ili/ili. Moguće je stvoriti najatraktivniji i estetski najprijatniji dizajn kombinacijom simetrije i asimetrije.

Možete razbiti raspored na manje dijelove i pokušati postići simetričnu ili asimetričnu ravnotežu u svakom dijelu. Na primjer, možete imati simetričan raspored u kojem se asimetrija koristi za kreiranje zanimljivih tačaka i organiziranje vizualne hijerarhije unutar grupe sličnih elemenata.

Simetrija (ili nedostatak iste) može biti moćan alat u dizajnerskom kutija sa alatima. Simetrija prirodno izaziva osjećaj uređenosti, dok asimetrija, s druge strane, može pomoći dizajnerima da postignu jedinstvenost i karakter u dizajnu. Kombinacija ovo dvoje pomaže u stvaranju dizajna koji su jedinstveni i za pamćenjegornji lijevi ugao vašeg oblika. Dok će poligoni i zvijezde biti automatski nacrtani iz centra vašeg oblika.

Kako urediti radijus ugla

Svaka kutna tačka u vektorskom obliku može imati oštre ili zaobljene uglove, au Vectornatoru , možete koristiti klizač radijusa ugla za podešavanje polumjera bilo kojeg pojedinačnog ugla na obliku.

Da promijenite radijus uglova svog oblika, jednostavno prevucite prstom ili olovkom po radijusu ugla unutar kartice stila.

Da biste promijenili jednu tačku ugla svog oblika, odaberite je pomoću alata Node Tool, a zatim prevucite prstom duž klizača radijusa ugla da biste je prilagodili.

Kako urediti radijus ugla poligona

Možete podesiti radijus uglova svog oblika koristeći meni 'Brze radnje' kad god odaberete svoj oblik. Da biste to učinili, dodirnite ikonu radijusa ugla u meniju, a zatim klizite lijevo i desno da promijenite vrijednost.

Kako crtati ravne linije

Aktivirajte alat za linije odabirom ikone linije u traku sa alatkama. Stavite olovku ili prst na mjesto gdje želite da linija počne, a zatim povucite do mjesta na kojem želite da linija završi. Držite drugi prst na platnu da biste zakačili svoju liniju vodoravno, okomito ili u intervalima od 45°.

Kako kreirati zvijezde

Kreiranje zvijezda u Vectornatoru može se lako obaviti pomoću alata Star Tool . Da biste ga aktivirali, jednostavno dodirnite ikonu oblika unutar alatne trake, a zatim odaberite zvijezdu.Da nacrtate novu zvijezdu, jednostavno dodirnite gdje želite da bude centar zvijezde.

Desno od alata za zvijezde, naći ćete klizač koji vam omogućava da kontrolirate broj tačaka u vašem zvijezda. Broj prikazan na klizaču odgovara broju tačaka.

Kada crtate pomoću Star Tool-a, aktivirat ćete nekoliko pokreta koji će vam pomoći da izmijenite tačke i smjer vašeg oblika:

• Promijenite smjer šiljaka – držite i povucite gore i dolje da promijenite smjer šiljaka svoje zvijezde
• Promijenite oblik zvijezde – Dok crtate svoju zvijezdu, držite drugi prst da uredite tačku zvijezde radijusa povlačenjem prstiju.

Kako nacrtati spirale

Kreiranje spirala u Vectornatoru može se kreirati pomoću spiralnog alata. Da biste ga aktivirali, jednostavno dodirnite ikonu spirale unutar trake sa alatkama.

Na desnoj strani spirale, možete kontrolirati njenu vrijednost pada. Propadanje određuje količinu za koju bi svaki vjetar spirale trebao smanjiti u odnosu na prethodni vjetar.

Da nacrtate novu spiralu, držite i povucite olovku bilo gdje na platnu. Postavite olovku (ili prst) na mjesto na kojem želite da počne linija, a zatim povucite odozdo prema gore ili obrnuto da biste postavili njegov smjer.

U zaključku

Uravnotežena kompozicija je ispravna. Čini se stabilnim i estetski ugodnim.

Iako bi neki njegovi elementi mogli biti fokusne tačke i privući vaše oko, nejedno područje kompozicije toliko privlači vaše oko da ne možete vidjeti druga područja.

Uravnotežavanje kompozicije uključuje raspoređivanje i pozitivnih elemenata i negativnog prostora na takav način da nijedno područje dizajna ne nadjača druge oblasti . Sve funkcioniše zajedno i uklapa se u besprekornu celinu. Pojedinačni dijelovi doprinose njihovom zbroju, ali ne pokušavaju postati zbir.

Neuravnotežena kompozicija može dovesti do napetosti. Kada je dizajn neuravnotežen, pojedinačni elementi dominiraju cjelinom, a kompozicija postaje manja od zbira njenih dijelova. U nekim projektima, neuravnoteženo bi moglo biti pravo za poruku koju pokušavate prenijeti, ali općenito, želite uravnotežene kompozicije.

Simetrija je lijepa. Tako većina nas to vidi. Simetrija vodi do osjećaja harmonije i ugodne estetike. Simetrija se takođe često povezuje sa formalnošću i statikom. Asimetrija, s druge strane, iako joj nedostaje inherentna ljepota, često se smatra uzbudljivijom, dinamičnijom.

Uspješni grafički dizajneri znaju da je ovladavanje vizualnim konceptom ravnoteže ključ efikasne komunikacije. Kada vaši dizajni postignu ravnotežu, što se može dogoditi i sa simetričnim i sa asimetričnim dizajnom, postići će veće jedinstvo, a vaša će publika koristiti manje energije za preuzimanje informacija.

Razumijevanje simetrije nasuprot asimetrije nije teško , ali dobijam gasamo pravo može biti nezgodno u početku. Ali ako koristite vodeći alat kao što je Vectornator, to će vam omogućiti da dizajnirate sve što možete zamisliti do 30% brže. Možete kreirati sofisticirane ilustracije, spektakularne makete izgleda i uravnotežene vizuale u pokretu kad god želite.

Možete uređivati, prilagođavati ili čak kreirati vlastite kistove. Svaki potez četkicom je osjetljiv na pritisak, čineći da se cijelo vaše iskustvo crtanja zaista osjeća kao olovka na papiru. Dizajn prototipa i maketa nikada nije bio brži, a infografika je laka. Mogućnosti su bukvalno beskrajne.

Kao što se kaže, „Nije nešto što nađete u ravnoteži. To je nešto što stvaraš”. Dakle, potaknite svoje kreativne sokove i počnite stvarati čin ravnoteže vaših savršeno simetričnih i nesavršeno asimetričnih dizajna.

Na sreću, simetrični dizajn ne ovisi o identičnom zrcaljenju. Važno je samo da se približite efektu – preciznost nije potrebna. Zapamtite, možete lako manipulirati očima korisnika bez brige o geometrijskom savršenstvu kao razmatranju u vašem dizajnu.

Obrnuto, asimetrija je odsustvo bilo koje vrste simetrije. Kad god napravimo dizajn koji se sastoji od elemenata koje smo neravnomjerno rasporedili oko središnje točke ili osi, posljedično ćemo imati asimetričan dizajn. Možemo iskoristiti asimetriju, koristeći je da skrenemo pažnju na područja u dizajnu ili da prenesemo dinamiku ili kretanje.

Kao u biologiji, elementi su poput ćelija ili dijelova ekosistema. Na kraju, moramo imati na umu da izgradnja ravnoteže, koju možemo postići korištenjem simetrije, čini 'zdraviji' učinkovitiji dizajn.

U ovom članku ćemo vidjeti kako simetrija i asimetrični rad za dizajn. Pokriti ćemo osnovne tehnike, savjete i najbolje prakse za svaki pristup.

Šta je simetrija?

Izvor slike: Faye Cornish

Dugo se vrijeme simetrija (formalna ravnoteža) smatrala zlatnim standardom dizajna. Prednost odabira simetričnog rasporeda posebno je uočljiva u arhitekturi. Dobar primjer ovogaje jedna od najljepših građevina na svijetu – Taj Mahal. Taj Mahal ima mnogo svojstava koja ga čine tako estetski ugodnim, ali njegova simetrična ravnoteža je jedna od glavnih.

Prednosti korištenja simetrije u dizajnu nisu nastale iz zraka. Isto kao i mnogi principi dizajna. Nastao je iz Gestalt principa, teorije ljudskog ponašanja koja opisuje kako ljudski um strukturira i raspoređuje vizualne podatke.

Naš um prirodno stvara red iz stvari koje vidimo. Zato je simetrija tako moćna. Simetrični dizajn je dizajn koji ima red i stabilnost i stoga je lak za oči.

Vrste simetrije

Izvor slike: Vincent van Zalinge

Postoje tri tipa simetrije: refleksijska, rotirajuća i translacijska simetrija.

Simetrija refleksije

Ovo je vjerovatno prva stvar na koju ljudi pomisle kada čuju riječ 'simetrija'. Poznata i kao efekat ogledala, simetrija refleksije nastaje kada se sve ogleda oko centralne ose.

Osa može biti u bilo kojoj orijentaciji – može bitihorizontalno, vertikalno, dijagonalno i bilo šta između, sve dok se ono što je na jednoj strani ose zrcali ili reflektuje na drugoj.

Dizajneri često koriste simetriju refleksije da daju jednaku težinu obe strane ili stvoriti zabavan vizuelni efekat.

Rotaciona simetrija

Ova vrsta simetrije se javlja kada se sve okreće oko zajedničkog centra. Rotacijska simetrija se može pojaviti pod bilo kojim kutom ili frekvencijom sve dok postoji zajednički centar oko kojeg se sve rotira i elementi su jednako raspoređeni oko središnje točke.

Rotacijska simetrija je prilično uobičajena u stvarnom životu. Na primjer, ruke morske zvijezde zrače iz centra. Plafonske slike mnogih crkava također koriste rotirajuću simetriju.

Web dizajneri uključuju simetriju rotacije u svoj rad da bi prikazali kretanje (kao što je zaključak o napretku ili pokretu) ili da bi vizualizirali podatke na fascinantan način.

Translaciona simetrija

Ova vrsta simetrije se javlja kada se element ponavlja na različitim lokacijama u prostoru, zadržavajući svoju opštu ili tačnu orijentaciju. Translacijska simetrija se može dogoditi u bilo kojem smjeru sve dok se orijentacija elementa održava.

Isti objekt se pomiče nekoliko puta u jednakim intervalima. Ograda je dobar primjer translacijske simetrije.

Pravilna upotreba translacijske simetrije može stvoriti ritam u dizajnu. Web dizajneri čestokoristite translacijsku simetriju kao pasivni element za kreiranje pozadinskih uzoraka. Ali u nekim slučajevima moguće je koristiti translacijsku simetriju kao aktivni element koji prenosi poruku.

Ne pokušavajte postići savršenu simetriju

Kada je u pitanju dizajn, simetrija nije isto kao i identično zrcaljenje. Savršena simetrija je rijetka kako u web dizajnu tako iu stvarnom životu.

Kada razmišljamo o svom okruženju, većina prirodnih objekata i kreacija oko nas nije apsolutno simetrična. Na primjer, navikli smo razmišljati o svom licu i tijelu kao o dva zrcalna dijela. Međutim, lijeva strana lica nije potpuno identična desnoj.

Dizajneri mogu stvoriti simetriju igrajući se s korisnikovom percepcijom izgleda, i sasvim je u redu imati male varijacije na svakoj strani jer sve dok gledaoci dobiju osjećaj simetrije od gotovog proizvoda.

Šta je asimetrija?

Izvor slike: Kajetan Sumila

Asimetrija je prirodno odsustvo simetrije. U prirodi možemo vidjeti asimetriju gotovo posvuda, kao što su grane drveta, ili oblici oblaka, da spomenemo samo neke.

U dizajnu se asimetrija često koristi za stvaranje vizualne napetosti. U isto vrijeme, asimetrija može biti težak koncept za savladavanje jer odnosi između elemenata u asimetričnom dizajnu postaju složeniji. Možda će biti teško stvoriti cjelinu, kohezijudizajn.

To je razlog zašto mnogi dizajneri traže predvidljive simetrične rasporede. Ali dizajneri koji vladaju asimetrijom imaju veću slobodu izražavanja.

Simetrija i ravnoteža

Mnogi dizajneri vjeruju da je ravnoteža nešto što se može postići samo u simetričnim izgledima.

Dešava se jer izraz 'asimetrija' implicira nedostatak ravnoteže. Dok je definicija asimetrije nedostatak simetrije, to nije nedostatak ravnoteže, kao što neki pogrešno pretpostavljaju – dizajni koji nemaju simetriju i dalje moraju biti izbalansirani.

Drugim riječima, bez obzira koji izgled kreirate , bez obzira da li je simetrična ili asimetrična,  od vitalnog je značaja postići ravnotežu jer neuravnotežena kompozicija gledaocu izgleda neugodno.

Prava tehnika za ovladavanje ravnotežom (i simetričnom i asimetričnom) je razmišljanje o svakom elementu na stranici kao imaju vizuelnu težinu. Vizuelna težina ovisi o veličini elementa (manji objekti mogu težiti manje od većih objekata) i vizualnim svojstvima kao što je kontrast (kontrastni elementi mogu težiti više od neutralnih elemenata).

Dizajneri se moraju igrati s težinom elemenata dok ne postignu efikasnu ravnotežu.

Naravno, prilično je lako postići ravnotežu u simetričnom rasporedu. Sve što trebate učiniti je staviti istu težinu na desni i lijevi dio stranice.

Kada je u pitanju asimetrični dizajn, zadatak bi mogao bititeže. Možda ćete trebati imati nekoliko malih predmeta na jednoj strani da uravnotežite veliki predmet s druge strane.

Van Goghova Zvjezdana noć je odličan primjer asimetrične ravnoteže. Van Gogh stvara ravnotežu koristeći objekte različite veličine i igrajući se bojom i kontrastom.

Druga vrsta ravnoteže uključuje:

• Mozaik balans (ili kristalografska ravnoteža) rezultat je primjera haosa ravnoteže. Zamislite slike Jackson Pollacka. Kompoziciji nedostaju jasne fokusne tačke, a elementi dijele ujednačen naglasak. Nedostatak hijerarhije dovodi do vizuelne buke na prvi pogled. Ipak, nekako sve funkcionira zajedno.

Sve u svemu, isti principi ravnoteže koje imamo u slikama primjenjuju se i na web dizajn.

Formula za savršenu ravnotežu

"Mogu li izmjeriti ravnotežu?" je prilično često pitanje među dizajnerima. U pokušaju da nađu odgovor na ovo pitanje, mnogi dizajneri traže konkretnu formulu koja im omogućava da izračunaju da li je sve u ravnoteži. Loše vijesti: ne postoji formula za izračunavanje bilansa. Dobre vijesti: možemo koristiti moćan alat da odredimo da li je kompozicija uravnotežena ili ne – vlastitim očima.

Iskusni dizajneri su u stanju uočiti neuravnotežene rasporede na prvi pogled. Ali da biste postigli ovaj cilj, morate trenirati svoje oko radeći na praktičnim projektima i inspirirajući se radom drugih dizajnera. Višeako to učinite, više ćete vjerovati vlastitoj prosudbi kada je u pitanju bilo koja odluka o dizajnu koju morate donijeti.

Simetrija naspram asimetrije

Izvor slike: Zachary Shakked

Konačno, kada je u pitanju dizajn izgleda, morate odlučiti da li želite kreirati simetričan ili asimetričan dizajn. Ne postoji univerzalni odgovor na ovo pitanje – izbor zavisi od specifičnosti projekta. Pogledajmo kako se simetrija i asimetrija mogu koristiti u dizajnu.

Kada simetrija najbolje funkcionira

Evo nekoliko općih slučajeva kada je bolje slijediti simetričan pristup dizajnu izgleda:

• Tražite ozbiljniju estetiku (želite prenijeti klasicizam)
• Želite poboljšati prepoznavanje i prisjećanje (simetrični oblici olakšavaju prisjećanje informacija)
• Želite za postizanje više reda i strukture
• Ne želite puno razmišljati o rasporedu elemenata, ali ipak želite postići ravnotežu (simetrični rasporedi su inherentno stabilni i uravnoteženi).

Sada pogledajmo kako ovi slučajevi izgledaju u stvarnom životu.

Prenošenje osjećaja povjerenja

Simetrični izgledi dobro funkcioniraju za dizajne koji žele prikazati auru povjerenja. Nije iznenađujuće da mnoge kompanije koje daju prioritet povjerenju koriste simetriju u svom dizajnu. Mnogi proizvođači automobila koriste simetriju u svom dizajnu kako bi stvorili osjećajpostojanost.

Simetričan dizajn je predvidljiv. Stoga, ako dizajnirate web stranicu koja zahtijeva stabilnost (kao što je stranica banke ili osiguravajućeg društva), simetričan dizajn može biti pravi izbor za vas.

Stranica ima jednu interakciju Object

Simetrija dobro funkcionira za stranice koje imaju jedan objekt interakcije. Tipičan primjer je stranica za prijavu ili registraciju. Postavljanjem ključnog objekta interakcije ili kritične poruke u centar, imate fokusnu tačku u centru stranice.

Stranica Google pretraživanja je dobar primjer simetričnog izgleda s jednim objektom interakcije.

Stranica ima dvije (ili više) jednako važne opcije

Simetričan dizajn vam omogućava da podjednako skrenete pažnju na sva područja stranice. Tipičan primjer je online trgovina koja prodaje proizvode i za žene i za muškarce. Simetrija pomaže dizajnerima da isporuče dvije jednako važne poruke u istom prostoru.

Kada asimetrija najbolje funkcionira

Simetrija se obično smatra stabilnom i usklađenom. Međutim, za neke ljude stabilnost može biti predvidljiva i dosadna. Asimetrični raspored ima tendenciju da bude zanimljiviji i dinamičniji.

Idite na asimetriju kada:

• Spremni ste potrošiti dodatno vrijeme na aranžiranje elemenata kako biste pronašli jedinstvene načine postizanja ravnoteže
• Tražite razigraniji izgled kako biste prenijeli interes korisnika
• Da bi se izgled istaknuo.

Danas, kada korisnici