Unutar i krajnji dio minimalističkog dizajna
Minimalizam je trend koji nikada neće umrijeti. Bez obzira koliko nas puta ostavili strahopoštovani dojmljivo zamršenim dizajnom, uvijek će postojati nešto o jednostavnosti koja nas ostavlja jednako zarobljene.
Danas ćemo pogledati neke od ključnih aspekata minimalizma u web dizajnu, kao i nekoliko primjera dizajnera koji su to ispravno shvatili.
Istražite dizajnerske resurse
Što nije
Gotovo je uvijek dobra ideja istražiti što nešto nije unutar rasprave o onome što je. Ispitivanje suprotnosti daje nam kontrast i pomaže oblikovati definiciju. U osnovi, minimalizam je odmak od vizualno suvišnog. Bogato raznolike palete boja i složeni elementi propustili su se u korist jednostavnih čvrstih boja i osnovnih linija.
Razmotrimo dva primjera u nastavku. Ove web stranice predstavljaju jasnu alternativu minimalističkom razmišljanju. Vizualno su prilično zauzeti i mogu potrajati minutu da istražite prije nego što osjetite kao da ste pristojno shvatili što se događa na stranici.
Znači li im to loši dizajni? Apsolutno ne. Iako mnogi dizajneri jasno favoriziraju određene stilove, dodjeljivanje izjava vrijednosti određenoj metodi jednako je korisno kao i reći da je plava boja bolje od zelene ili je lijeva bolja od desne; jednostavno nema istine za ove izjave i ništa se ne dobiva pri raspravi o takvim mogućnostima.
Ako ste profesionalni dizajner, trebali biste biti u mogućnosti uhvatiti bilo koji broj stilova dizajna da biste udovoljili volji i osobnosti svog klijenta. Odgovor na pitanje što minimalizam nije taj što nije inherentno bolji pristup dizajniranju web stranica. Ključ tada postaje ne odlučiti želite li bolje, minimalistički ili bilo koji drugi broj stilova dizajna, već naučiti kako učinkovito implementirati svaku metodu. Ispitajmo nekoliko područja na koja ćemo se fokusirati prilikom stvaranja minimalističkog dizajna.
Tipografija
Vaš odabir tipografije igra ogromnu ulogu u učinkovitosti vašeg minimalističkog dizajna. Odaberite čiste, jednostavne fontove visoke razine čitljivosti. Tanki fontovi često se koriste za prenošenje minimalizma, ali ne ograničavajte se na tu ideju, jer je gusti font odličan način za prikazivanje važne stavke, poput naslova.
Na isti način čak možete izvući solidan minimalistički dizajn s kompliciranim fontom slova. Pokušajte održavati svoju stranicu i drugu tipografiju što je jednostavnije moguće pomoću skripte kako biste privukli pažnju na jedno područje na stranici.
Dodatni resursi
40 besplatnih minimalističkih i visokokvalitetnih fontova
70 Primjeri minimalističke tipografije
Čvrsta poravnanja rešetke
Moja omiljena primjena minimalizma je kada se to postiglo u svrhu povećanja upotrebljivosti. Dobar minimalistički web dizajn često se fokusira na skretanje stranice na minimalan broj zasebnih odjeljaka i elemenata, tako da je navigacija sadržajem gotovo ništavna bilo kakvoj krivulji učenja ili vizualnoj zbrci.
To vrlo često rezultira lako vidljivim mrežnim poravnavanjima. Naše su oči vrlo dobro upoznate s ovim obrascem sadržaja i obično nemaju problema s brzim pogledom. Nadalje, u vašem mozgu postoji nešto što predmete jednostavno želi pravilno i na predvidivi način uskladiti. Prijatno je vidjeti stranicu s jakim poravnavanjem i vertikalno i vodoravno. Suprotno tome, postoji vrsta vizualne i psihološke disonance kada ne možemo odmah prepoznati jasan obrazac u rasporedu stavki na stranici.
Dodatni resursi
CSS rešetka od 1 KB
ZURB CSS Grid Builder
Kontrast
Ako imate minimalistički dizajn u radovima i čini se da vam nešto nedostaje, izgledi će dodati malo kontrasta što će drastično poboljšati dizajn. Kad je rukama upravlja vježba, kontrast je ključ dobrog dizajna (branit ću ovu smrtnu izjavu do smrti). U minimalističkom web dizajnu stranice su toliko skinute da nema puno toga za napraviti, nego neki pametan kontrast.
Kontrast je pojam koji svi razumijemo u svojoj osnovi, ali osvještavanje sebe može drastično poboljšati vaše dizajne. Pogledajte jednostavan dizajn u nastavku:
Ovdje se zapravo ne događa puno što se tiče boja i lijepih slika. Međutim, dizajn je prilično atraktivan zbog jake uporabe kontrasta. Područje zaglavlja i sadržaja jasno su razdvojeni i odmah prepoznatljivi po onome što jesu (podnožje koristi isti trik). Kopija stranice razlikuje se po veličini i smjelosti kako bi skrenula vašu pažnju na dijelove poruke koje je dizajner smatrao važnim.
Gornja stranica koristi nijanse sive boje za razlikovanje, ali jednako lako možete koristiti različite boje za postizanje iste stvari.
Sjetite se samo da postoji velika razlika između kontrastnih i sukobljenih boja. To što su dvije boje vrlo različite ne znači da će vaše oči razliku shvatiti kao ugodnu. Prije donošenja drastičnih odluka budite sigurni da imate teoriju boja.
Glavna stvar koju se treba sjećati s kontrastom najbolje je rekao autor dizajna Robin Williams: "Ne budi budala!" Ono što je time mislila jest da malo kontrasta ne ide puno. Ako ćete napraviti nešto veće tako da se ističe, napravite ga puno većim. Ako ćete to učiniti hrabrijim, učinite to zaista smjelim! Trebali biste biti u mogućnosti odmah otkriti postoji li kontrast. To često vidimo kada je tekst podebljan. Ponekad je razlika između podebljanog i običnog teksta toliko mala da zaista morate zuriti da biste vidjeli razliku! U ovom slučaju, podebljani tekst ne služi nikakvoj svrsi i treba biti isti kao ostali da se spriječi vizualna zbrka.
Bijeli prostor
Osvrnite se na zanimljive primjere na početku ovog članka. Ovi dizajneri odlučili su napuniti gotovo svaki centimetar zaslona nečim vizualno zanimljivim. Minimalizam opet zauzima suprotan pristup. Omogućuje glavnim komponentama stranice veliku disalnu sobu koja ih razdvaja.
Whitespace čini da se gledatelj osjeća ugodno i manje klaustrofobično. Također vam pomaže da dizajner kontrolira mjesto gdje želite gledatelja. Neki dizajneri inzistiraju na tome da će gledatelji pročitati svaku stranicu slijeva udesno slijedeći z-uzorak. To jednostavno nije točno u svim slučajevima. Zapazite kako dizajner gore koristi bijeli prostor i svijetlu sliku kako bi uvukao oči u sliku zaslona računala. Oči vam počinju u samom središtu slike, a ne u gornjem lijevom kutu!
Ovo ima sve veze s kontrastom, kao što je već spomenuto, i volumenom prostorom koji zauzima određeni objekt nasuprot razmaku oko njega. Da bih stekao osjećaj za pravu količinu bjeline koja se koristi pri izvođenju početnog izgleda, često pretvaram objekte koje postavljam na stranicu u izuzetno osnovne oblike u Illustratoru. Tada je mogu brzo pomiješati i mijenjati veličinu predmeta, a ne ometati njihov sadržaj. Ako to napravite, prisiljavate vas da razmislite o ravnoteži stranice prije nego što uopće pristupite složenijim estetskim elementima.
Kao što vidite, Jolicloud izgled je prilično uravnotežen i atraktivan kada se gleda na ovaj način. Jedno me smeta je što se navigacijske veze ne podudaraju s desnom stranom sadržaja. Malo sam pretjerao u pojednostavljenoj verziji da bih ga lakše uočio, ali definitivno je takav i na originalnoj slici. Opet vidimo korist od smanjenja stranice na osnovne oblike jer postaje očigledno da su navigacijske veze pomalo nespretno smještene (ni u sredini, ni u desno, već negdje između).
Više članaka o minimalizmu
Ne možete dobiti dovoljno minimalizma? Pogledajte sjajne članke i web mjesta u nastavku:
- 21 Resursi posebno za ljubitelje minimalizma: dizajn Vandelay-a
- Izlog čistih i minimalističkih dizajna: Smashing magazin
- Minimalizam širom weba: Inspiracija dizajna i WP teme: Tutorial 9
- 20 lijepih minimalističkih WordPress tema: Šest revizija
- 25 prekrasnih minimalističkih dizajna web stranica: Vandelay Design
Zaključak
To pobuđuje našu raspravu o minimalizmu u web dizajnu. Javite nam što mislite o ovom trendu u komentarima ispod. Obavezno uvrstite i sve veze na svoje omiljene web stranice koje ukazuju na minimalizam u web dizajnu.
