Za vas smo preveli zanimljivu bilješku TheNextWeb autorice Amber Lee Turner koja govori o podrijetlu flat dizajna, kako on sada mijenja sučelja i što čeka flat style u budućnosti.

Ako ste barem malo zainteresirani za grafički dizajn, onda niste mogli a da ne čujete za izraz "flat dizajn". Ovaj se trend prvi put pojavio na internetu prije nekoliko godina, a u U zadnje vrijeme flat dizajn je uzeo maha i postao iznimno popularan zahvaljujući velikim tvrtkama koje su počele aktivno koristiti flat dizajn.

Ali odakle je došao ovaj ravni dizajn? I zašto to vidimo na internetu? Kao i sa svime u dizajnu, poznavanje povijesti stila pomoći će vam da donosite informiranije odluke kada koristite ravni dizajn.

Da vidimo što je flat dizajn, što trendovi dizajna prošlih utjecaja na njega i saznajte kako je postao toliko popularan.

Što je flat dizajn?

Oni od vas koji nisu upoznati sa značenjem ravnog dizajna trebali bi znati da je ravni dizajn stil dizajna u kojem su elementi lišeni ikakvih stilske značajke a ne izgledaju kao utjelovljenje stvarnih objekata (tzv. skeuomorfizam).

S gledišta laika, ravni dizajn je lišen elemenata kao što su gradijenti, sjene, teksture, koji imaju za cilj da elemente učine dimenzionalnijim i realističnijim.

Danas se čini da dizajneri gravitiraju ravnom dizajnu jer ga se percipira kao svjež i moderan i omogućuje vam da se usredotočite na ono najvažnije: sadržaj i poruku.

Oslobađajući se svih vrsta stilistike, dizajneri čine svoje projekte dugotrajnijim i sada je korištenje ravnog dizajna najispravnija strategija.

Ali to ne znači da se drugi stilovi uopće ne uzimaju u obzir. Često se za označavanje suprotnosti od ravnog stila koristi izraz „bogati dizajn“ koji karakterizira prisutnost veliki broj sve vrste ukrasa - kosine, refleksije, sjene, gradijenti. “Bogati dizajn” koristi se kako bi stvari bile “taktilnije”, praktičnije za korisnike koji pregledavaju web stranicu i koriste mobilne aplikacije.

Važno je razumjeti da "bogati dizajn" nije isto što i skeuomorfizam. Skeuomorfizam uključuje svjesnu upotrebu fizičkih analoga određenih elemenata (prekidači, gumbi, teksture kože itd.) tako da korisnicima izgledaju poznato.

Odakle je nastao flat dizajn?

Većina onoga što sada vidimo na internetu ili u digitalnom svijetu potječe od tiskanih i umjetničkih predaka. Teško je točno reći kada je započela era flat dizajna i odakle leže njegovi začeci, ali postoji nekoliko jasnih razdoblja u dizajnu i umjetnosti iz kojih je flat stil crpio inspiraciju.

Švicarski stil

Švicarski stil (ponekad se naziva i Međunarodni tipografski stil) prva je inspiracija za ravni dizajn koja vam padne na pamet, stoga vrijedi ići u više detalja.

Švicarski dizajn prvenstveno se fokusira na korištenje mrežnih vodiča, sans-serif tipografiju i jasnu hijerarhiju sadržaja i dizajna. Tijekom 40-ih i 50-ih godina švicarski dizajn često se mogao vidjeti na mnogim fotografijama kao element dizajna.

Tipografija je jedan od ključnih elemenata švicarskog stila i ovdje ne možemo ne spomenuti pismo Helvetica, koje se također pojavilo u Švicarskoj 1957. godine i aktivno se koristi do danas.

Zanimljivo je vidjeti kako se flat dizajn koristio i prije nego što su ga Microsoft i Apple uveli u svoje dizajne i učinili popularnim, jer se švicarski stil može pratiti čak iu Njemačkoj 20-ih godina 20. stoljeća. U to je vrijeme postao vrlo popularan, a njegove elemente koristila je poznata njemačka škola Bauhaus - ljubitelji umjetnosti neće vam lagati da je Bauhaus veliki naglasak stavljao na tipografiju koja ima mnogo toga zajedničkog sa švicarskim stilom.

Minimalizam

Ogroman utjecaj na flat dizajn može se pronaći i u povijesti minimalizma. Danas se pojam "minimalizam" često koristi kao sinonim za flat dizajn, ali minimalizam je bio popularan mnogo prije nego što je izumljen flat dizajn. Minimalizam ima svoje dugogodišnje tradicije u arhitekturi, likovnim umjetnostima i dizajnu.

Minimalizam ima bogatu povijest i raspone različite vrste umjetnost, ali tamo gdje je sada dominantan flat dizajn često se koriste elementi minimalizma. Elementi minimalizma kao što su strogi geometrijski oblici, svijetle boje, jasne linije također se koriste u ravnom dizajnu.

Jedno od najpoznatijih umjetničkih djela u stilu minimalizma je ova slika Yvesa Kleina "Plavo doba":

Slobodno se može reći da je mješavina švicarskog stila i minimalizma uvelike utjecala na flat dizajn i moderan izgled digitalnog svijeta.

Era ravnog dizajna Microsofta i Applea

Povijest se ponavlja, a isto vrijedi i za flat dizajn. Kao što smo saznali gore, ravni elementi mogli su se naći još u 20-im godinama 20. stoljeća.

Dosta samostalnih dizajnera radilo je s ravnim dizajnom, ali Microsoft i Apple učinili su ga tako popularnim. Pa, razgovarajmo o njima.

Microsoft i Metro sučelje

Microsoft je počeo raditi s ravnim dizajnom mnogo prije nego što se pojavilo Metro sučelje. Sredinom 2000-ih Microsoft je izbacio konkurenta iPodu - Zune player (siguran sam da se neki od vas još sjećaju ovog imena - op. urednika).

Isti Zune iz Microsofta - pogledajte sučelje, ne podsjeća li vas na ništa?

Izlaskom Zunea taj jedinstveni dizajnerski stil, koji se fokusirao na veliku tipografiju. Oblikovati softver Zune je bio veliki odmak od većine Microsoftovih softverskih proizvoda u to vrijeme. Nakon svega Windows Phone 7 izašao je tek krajem 2010. godine i dizajn ovog mobilnog OS-a preuzeo je dosta od Zune softverskog sučelja. Veliki i živopisni oblici temeljeni na mrežnim vodilicama, sans serif tipografiji (groteskno), ravnim ikonama.

Microsoft će ovo sučelje uskoro nazvati Metro

Ovaj je dizajn postao toliko popularan da je Microsoft izdao Windows 8 desktop OS, koji se temelji na Metro sučelju. Jasni kvadratni oblici, naglasak na tipografiji, svijetle boje - sve je to migriralo osobnih računala. Isto se sučelje koristi u gotovo svim Microsoftovim proizvodima, uključujući Xbox 360.

Kako je Apple uzdrmao skeuomorfizam

Iako je Microsoft dugo radio na ravnom sučelju, Apple je također imao neke trikove u rukavu. Isprva je Apple blago nagovijestio da će odustati od skeuomorfizma, a s najavom iOS-a 7 u lipnju 2013. postalo je jasno da je tim iz Cupertina čvrsto odlučio koristiti flat dizajn.

Budući da je Apple u to vrijeme imao mnogo sljedbenika, izlazak "ravnog" iOS-a 7 učinio je ovaj stil dizajna popularnijim nego ikada. I to se dogodilo u ekstremu kratko vrijeme(misli se na brzi prijelaz s iOS 6 na iOS 7 – op. urednika).

Appleova estetika dizajna uvelike je utjecala na dizajn mobilnih aplikacija i web stranica, budući da je većina dizajnera konačno počela smatrati ovaj stil najmodernijim i najprikladnijim. Kada je Apple prešao na ravni stil, skeuomorfizam je odmah postao zastario i ogroman broj stranica i aplikacija hitno je trebao redizajn.

To se jasno vidi na mobilnim aplikacijama koje su ozbiljno promijenile svoj dizajn i sučelje kako bi zadovoljile standarde iOS-a 7. A to je omogućilo korisnicima da se relativno brzo naviknu na flat iOS 7.

Adaptivni dizajn

Također je vrijedno napomenuti da je jedan od razloga zašto je flat dizajn postao toliko popularan ono što se zove "responzivni dizajn". S razvojem internetskih tehnologija, korisnici najrazličitijih uređaja počeli su pristupati internetu – i to prvenstveno s mobilnih uređaja. To je natjeralo dizajnere da koriste responzivni dizajn kako bi stranice izgledale podjednako dobro na potpunim računalima i na pametnim telefonima i tabletima. A dizajneri su koristili mnogo "flat" elemenata pri razvoju responzivnih web stranica.

Ravni stil omogućuje učinkovitiji web dizajn. Bez nepotrebnih elemenata sučelja, stranice se učitavaju brže, dajući korisniku priliku da se usredotoči na sadržaj.

Ovo se također dobro uklapa u trend povećanja razlučivosti zaslona Mobilni uredaji. Puno je lakše prikazati čiste, jednostavne oblike i tipografiju nego svaki put učitavati teške slike koje izgledaju drugačije na različitim razlučivostima zaslona.

Budućnost ravnog dizajna

Naravno, nemamo staklenu kuglu koja predviđa budućnost, ali sasvim je jasno da flat dizajn, kao i sve ostalo, ne traje vječno i da će ga kasnije zamijeniti neki drugi stil. Uostalom, flat dizajn ima očite nedostatke i dizajneri će nastaviti eksperimentirati, što će u konačnici dovesti do pojave novog dominantnog stila koji će flat dizajn ostaviti u dalekoj prošlosti.

S tim u vezi, zanimljivo je promatrati što projektantski rad trenutno se radi u Googleu. S jedne strane, u njihovim aplikacijama ima puno ravnih elemenata, ali Google nije napustio mnoge skeuomorfne elemente - na primjer, još uvijek koriste sjene. Očigledno, "dobra korporacija" želi uzeti najbolje iz svakog od stilova i stvoriti vlastiti, jedinstveni stil.

Danas se flat dizajn doživljava kao uzbudljiv modni trend, a ovo je svakako važna prekretnica u povijesti dizajna. Ali ne zaboravite da je na mnogo načina flat dizajn samo reinkarnacija švicarskog stila i minimalizma u novom digitalnom svijetu.

Vjerojatno ste tu i tamo čuli izraz "minimalizam", pogotovo u posljednjih nekoliko godina, ali što je to zapravo i kako ga možemo najbolje iskoristiti?

Minimalizam se može opisati kao eliminacija svih nepotrebnih elemenata i fokusiranje na ono što je neophodno. Kao takav, minimalizam privlači uspjeh.

Dok je minimalizam izvana često jednostavan, potrebno je puno razmišljanja, prakse i vremena u kreiranje i dizajniranje minimalističkog objekta. Dakle, evo nekoliko načina na koje možete biti minimalistički.

1. Postignite dosljednost

Minimalistički logotip može biti nevjerojatno koristan kada je u pitanju stvaranje identiteta robne marke. Upotrijebite ovaj dizajn bara Simona McWhinneyja kao primjer. Održavanjem logotipa vrlo jednostavnim i minimalnom paletom boja, dizajn postaje dovoljno fleksibilan da se može neprimjetno koristiti u svim korporativnim medijima, stvarajući dosljedan i vrlo nezaboravan brend.

2. Istražite skrivene veze

Minimalizam ne znači da vaš dizajn mora biti manje kreativan. Zapravo, kada niste zaglibljeni u detaljima, često imate priliku istraživati ​​i igrati se s pametnim odnosima skrivenim u vašem dizajnu. Pogledajte brendiranje koje je napravio Interband za Australsku operu, minimalistički dizajn istraživao je dobro promišljenu vezu između riječi "OPERA", "OPERA AUSTRALIA" i "OZ OPERA".

3. Poigrajte se prostornim odnosima

Minimalizam vam može omogućiti pogled na prostorne odnose u vašem dizajnu na načine na koje ih prije niste vidjeli. Uzmite u obzir interakciju vašeg dizajna s drugim elementima kako biste stvorili veći dizajn, kao što je ovaj u ovoj posjetnice, dizajnirao Trevor Finnegan, redom.

4. Budite pametni

Minimalizam ne znači odsustvo ilustrativnih elemenata, već pomni odabir kada i gdje ih koristiti. Radeći s ilustrativnim elementima koji naziv tvrtke pretvaraju u logotip, slično onome što je Frame Creative napravio s ovim brendiranjem, možete stvoriti vrlo vizualan i također vrlo minimalistički dizajn.

5. Koristite preciznost

Minimalizam se često odnosi na uklanjanje svih nepotrebnih stvari i fokusiranje na komunikaciju. Pogledajte kako su dizajnirane ove posjetnice Jakea Freya, prikazujući njegove podatke za kontakt uredno i točno, bez potrebe za upadljivim vizualnim prikazima.

6. Koristite modularnu rešetku

Kao što već znate, rešetke su vrlo korisne (neki bi mogli reći vitalne) za mnoge vrste dizajna, a to posebno vrijedi za minimalizam. Ako nemate mnogo elemenata u svom dizajnu, ovo je dobra prilika da se poigrate sa svojom modularnom mrežom. Obratite pažnju na ovaj vrhunski dizajn Jessice Giboyne, koja koristi rešetkasti izgled za stvaranje snažnog osjećaja disciplinirane kopije blokova teksta s naslovima i grafičkim elementima, generirajući čist, jednostavan i učinkovit dizajn.

7. Postignimo funkcionalnost

Minimalizam može biti izvrstan za funkcionalnost. Uredan, jasan i nenatrpan dizajn može poslužiti kao laka navigacija, kao u dizajnu stranice sa sadržajem Jamesa Capea. Minimalistički dizajn i jasna tipografska hijerarhija čine navigaciju kroz sadržaj stranice brzom, jednostavnom i funkcionalnom.

8. Pronađite svoju ravnotežu

Odnos između vizualnih elemenata kao što su fotografije i tipografski elementi važan je za postizanje ispravnog izgleda. Dobar dizajn često osigurava da niti jedan element ne nadvlada drugi bez dobrog razloga. U ovom primjeru posta iz Mother Designa više jednostavne fotografije raspoređene su s velikim, informativnim količinama teksta, dok su pune, velike slike uparene s malim blokovima teksta, čime se stvara ravnoteža i sklad između stranica.

9. Prekrši neka pravila

Kao što je spomenuto, minimalizam vam daje posebnu priliku da eksperimentirate sa svojim dizajnom na načine koje dosad niste vidjeli, a ponekad to znači i malo zaokretanje pravila. Uzmimo ovaj logotip rabina Whitea kao primjer, prikazivanjem polovice logotipa naopako kao pomalo nečuvenog dizajna, stvara se nešto što bi u bilo kojem drugom primjeru izgledalo nečitljivo. Ali zahvaljujući nevjerojatnoj jednostavnosti i minimalističkoj prirodi brenda, ovo ludo rješenje jako dobro funkcionira kao vizualni element.

10. Vizualizirajte svoj font

Tip je važno oružje koje ne treba zaboraviti, pogotovo kada je u pitanju minimalizam. Može djelovati kao vizualni element, pogotovo kada je malo modificiran kako bi odgovarao situaciji, slično kao otvoreni namaz iz talijanskog Voguea. Ako font izgleda poput vodenih valova, stvara se jaka vizualni efekt bez korištenja slika, održavajući konačni dizajn jednostavnim i urednim.

11. Bijeli prostor je pravi prostor

Bijeli prostor, poznat i kao "negativni prostor", ponekad može izgledati samo kao prazan prostor na papiru, ali to nije sasvim točno! Kada se pravilno koristi, bijeli prostor može pomoći u ravnoteži vašeg dizajna, eliminirati pretrpanost i pomoći mu da diše. Pogledajte ovaj primjer dizajna knjige iz Studioahameda gdje je ideja bijelog prostora uzeta kao polazište i iskorištena do kraja, što je rezultiralo klasičnim minimalističkim dizajnom.

12. Istražite svoje mogućnosti

Što je minimalističkije od potpuno bijele palete? Dizajn ne bi trebao biti ograničen na ekran monitora; koristeći ga i kada proizvod ide u tisak, možete mu dati jedinstven okus i razliku od svih ostalih. Uključivanjem ispisa teksta ili efekata utiskivanja, vaši tiskani proizvodi mogu nadopuniti i produbiti minimalistički dizajn, kao što je prikazano u ovom primjeru od Adama Buentea.

13. Tekstura

Kada proučavate minimalizam, lako je vidjeti da, kao opće pravilo, da biste bili minimalistički, trebali biste uglavnom koristiti ispis na ravnoj ploči, ali to nije striktan zahtjev. Dodavanje teksture vašem dizajnu može dodati dubinu i učinkovitost vašim željama bez pretjerivanja s minimalizmom. Tekstura definitivno dobro funkcionira kada je uravnotežena s urednim, umirujućim bojama, baš kao gore navedeni primjer web stranice/brandinga tvrtke Watts Design, koji koristi teksturu u ravnoteži s jednostavnom fotografijom i markiranjem kako bi stvorio vrlo učinkovit dizajn.

14. Razmišljajte izvan okvira

Sasvim doslovno. Minimalizam vam može omogućiti da budete razigraniji s postavljanjem i sastavom svojih elemenata, kao što je prikazano u ovom postu iz Gregmadeita. Postavljanje slova na rub stranice stvara jedinstveni efekt koji privlači pažnju bez ugrožavanja čitljivosti teksta.

15. Budite otvoreni

Kada imate nekoliko elemenata koji se doslovno "bore da budu viđeni", morate biti mnogo otvoreniji sa svojom porukom i cjelokupnom komunikacijom. Ovo je posebno moćno kada je u pitanju web dizajn, kada se svi prijavljujemo i pregledavamo stranice, jednostavna poruka s vodičem za radnju, kao što je prikazano na web stranici Nine Sixty, pomaže čitatelju dati ideju tko su oni za vas baš u tom trenutku.

16. Koristite vagu

Koristeći se minimalizmom, morate precizno reći na što će prvo biti usmjerene oči vaše publike, a jedan od načina da to postignete je razmjer. Pogledajte elemente u širenju iz Saturdays Magazina, oko odmah pada na veliki element: citat na desnoj stranici, zatim na fotografiju, pa na tekst. Jednostavan dizajn koji je samo skaliran pomoći će vam diktirati točan redoslijed čitanja za vašu publiku.

17. Nije sve crno-bijelo

Mnogi ljudi vjeruju da su monokromatske palete boja sve što se koristi u minimalizmu, ali to nije sasvim točno. Boja se može koristiti za stvaranje privlačnog dizajna bez odlaska izvan okvira minimalizma, sve dok je paleta vrlo mala (1-3 boje su najbolje). Pogledajte ovaj primjer iz Morube, gdje jarko žuta u kombinaciji s oštrim crno-bijelim logotipom radi zajedno kako bi napravili uistinu uspješan i upečatljiv (iako je još uvijek minimalistički) dizajn.

18. Budite aktivniji

Minimalistički dizajn doista može pomoći u povećanju fluidnosti vaših ideja, posebno u praktičnu upotrebu. Na primjer, ovo brendiranje tvrtke Buro Ufho sastoji se od jednostavnog logotipa sa serifnim fontom i dva bloka boja. Ovo markiranje vrijedno pažnje ima visoka razina fleksibilnost unutar svoje palete boja; Boja dijagonalnih blokova može se vrlo lako mijenjati bez gubitka bilo koje značajke potpisa, a sve zahvaljujući jednostavnom, ali jedinstvenom minimalističkom dizajnu.

19. Koristite simboliku

Minimalizam je dobra prilika za vas da istražite dubinu simbolike sa svojim dizajnom. Pokušajte razmisliti o predmetu, o stvarima koje su s njim povezane, o tome zašto je predmet proizveden. Na primjer, dizajn naslovnice Jennifer Carrow moderna knjiga“Protiv sreće.” Transformacijom fonta u simbol tužnog lica dobivate pametan i nezaboravan dizajn.

20. Ikonografija

Ikone su korisne male ikone koje većina nas koristi svaki dan, od ikona aplikacija do ikona na programskoj traci računala. Ikone se mogu vrlo učinkovito koristiti u svijetu minimalizma. Mogu poboljšati pristupačnost, smanjiti količinu teksta ili fontova koje imate na svojoj stranici i pomoći drugim korisnicima da vizualno percipiraju vaš dizajn. Pogledajte kako ovo web mjesto tvrtke Spab Rice koristi ikone na stranici za pomoć pri navigaciji i objasnite njihov sadržaj.

21. Razmišljajte tipografski

Manje je više, pogotovo kada je riječ o minimalističkoj tipografiji. Korištenje 1-3 fonta vaša je najbolja prilika za dizajniranje minimalističkog i funkcionalni dizajn, baš kao što je to učinjeno u kalpačkom primjeru. Minimalna upotreba pozadine i umjerena upotreba fontova stvara čitljivost

22. Manje izmjene. Velika nagrada

Ljepota minimalizma zapravo je u tome što male promjene mogu proizvesti velike rezultate. Uzmimo, na primjer, logo za The Pines. Jednostavan groteskni font u kombinaciji sa samo dvije pruge stvara mali, ali prekrasan vizualni efekt koji ne narušava originalnost ili minimalizam logotipa.

23. Usredotočite se

Ne zaboravite zašto ste počeli dizajnirati: sadržaj. Minimalizam djeluje iznimno dobro kada prikazuje sadržaj jednostavan dizajn, omogućujući da se pozornost gledatelja odmah prebaci na sadržaj stranice, a ne izgled. Pogledajte kako minimalistički dizajn web stranice Darrina Higginsa jednostavno dopušta da sadržaj bude u fokusu.

24. Kontrast

Dizajniranje s visokim kontrastom pomoći će staviti vaše vizualne elemente i sadržaj u prvi plan i učiniti dizajn lakim za razumijevanje. U ovom primjeru, stranica iz Mads Burchartha, crna pozadina stranice u kontrastu je s bogatom bojom slika sadržaja, stvarajući jednostavan, ali šarmantan dizajn.

25. Dizajn za budućnost

Minimalizam može biti vitalna komponenta za vaš dizajn jer ima potencijal da bude bezvremenski. Što manje elemenata uključuje vaš dizajn, manja je vjerojatnost da će izaći iz mode ili postati irelevantni. Poznat i odličan primjer za to je Google. Pogledajte snimke Google stranice prije 10 godina i danas. Učinjene suptilne promjene, bijeli prostori, fokus na sadržaj i minimalizam web stranice čine ovaj dizajn bezvremenskim.

Da zaključimo gore navedeno, minimalizam nije nužna estetska tema ili stil koji možete ponovno stvoriti, već način razmišljanja o vašem dizajnu.

U tipografiji pokušajte ograničiti upotrebu fontova kako biste stvorili kohezivniji i manje zbunjujući dizajn. Dajte važnost upotrebi okomitih sustava i rasporeda unutar lista za veću čitljivost.

U jeziku boja, koristite monokromatske sheme u svim njihovim oblicima, ali nemojte se njima ograničavati. U određenim situacijama dodavanje boje tu i tamo doista može pomoći u isticanju glavnih točaka vašeg dizajna i crtanju središnje točke za važni elementi.

Konačno, pokušajte odlučiti što se može ukloniti, bilo da je to boja iz vaše palete ili slika iz vaše kompozicije. Odlučite što se može rezati, što se može zamijeniti nečim konciznijim. Samo izbrišite onoliko koliko možete dok ne ostane ono što je stvarno potrebno.

Zgodna i atraktivna web stranica osnovno je pravilo modernog web dizajna. Postići dobar rezultat omogućuje primjenu načela minimalizma.

U ovom ćemo članku govoriti o minimalizmu u web dizajnu, kako ga pravilno primijeniti, što treba uzeti u obzir pri razvoju minimalističkih sučelja, a također ćemo objasniti zašto je ponekad "manje više".

Minimalistički dizajn: kratka povijest

Neki web dizajneri pogrešno misle da je minimalizam primarno estetski izbor. Kako bismo izbjegli ovu zamku, razjasnimo korijene ovog pokreta.

Iako je to dovoljno za dizajn novi trend, njegove glavne ideje postoje već dugo vremena. Kada se govori o minimalističkom dizajnu, odmah se pomisli na tradicionalnu japansku kulturu koja cijeni ravnotežu i jednostavnost. Japanska arhitektura, dizajn interijera, umjetnost i Grafički dizajn utjelovljuju minimalizam.

„Vjetar pobjede. Vedar dan” japanskog umjetnika Katsushike Hokusaija (1830.). Korištenje jednostavnih boja stvara osjećaj mira

Kao zapadni pokret, minimalizam je započeo početkom 20. stoljeća. Pod utjecajem provedbe moderni materijali, poput stakla i čelika, mnogi su arhitekti počeli koristiti minimalistički dizajn u svojim zgradama. Ludwig Mies van der Rohe, njemačko-američki arhitekt, bio je jedan od pionira minimalističkog pokreta. Zaslužan je za prvu primjenu fraze "manje je više" u arhitektonskom dizajnu.

Njemački paviljon u Barceloni, koji je stvorio Ludwig Mies van der Rohe 1929.

Koncept “manje je više” prešao je iz arhitekture u druge umjetnosti i industrije: dizajn interijera i industrijski dizajn, slikarstvo i glazbu. Kao pravac vizualni dizajn minimalizam je postao popularan 1960-ih kada su umjetnici krenuli prema geometrijskoj apstrakciji u slikarstvu i kiparstvu. Umjetnički pokret našao je izraz u djelima povezanim sa školom Bauhaus. Jedan od poznatih minimalističkih umjetnika koji je utjecao na pokret bio je Donald Judd, čiji su radovi puni jednostavnih oblika i kombinacije boja.

U različitim poljima likovne umjetnosti, ključno načelo minimalizma ostavilo je samo bitni dio funkcije za fokusiranje pozornosti primatelja, kao i za povećanje ukupne elegancije. Kao što je Donald Judd rekao: " Oblik, volumen, boja, površina - to je nešto za sebe. Ne može se sakriti kao dio neke sasvim druge cjeline. Oblici i materijali ne bi se trebali mijenjati ovisno o njihovom kontekstu».

Judd je u svom radu tražio autonomiju i jasnoću konstruiranog objekta i prostora koji stvara.

Što je "minimalistički web dizajn"?

Danas se minimalizam pojavljuje kao moćna tehnika u modernom web dizajnu. Postao je popularan kao reakcija na trend sve veće složenosti dizajna. Pokazalo se da vizualna složenost utječe na korisničko iskustvo stranice: što je više elemenata u dizajnu, to će korisniku izgledati složenije. Na pravilnu upotrebu minimalizam nam može pomoći da svoje dizajne usmjerimo na pojednostavljenje zadataka korisnika. Studija koju je proveo EyeQuant sugerira da čisti dizajn rezultira nižim stopama napuštanja stranice. Minimalizam je donio dodatne prednosti web stranicama kao što su brže učitavanje i bolja kompatibilnost S različite veličine zaslon.

Možda je jedan od najpoznatijih primjera minimalizma u web dizajnu Google Search. Google je dao prednost jednostavnosti svojih sučelja od svoje beta ponude 1990-ih. Početna stranica je u potpunosti dizajnirana oko središnje funkcije pretraživanja. Sve što ne funkcionira za brendiranje se uklanja.

Googleova početna stranica nije se puno promijenila u 15 godina

Načelo jednostavnosti može dovesti do lažnog uvjerenja da je minimalizam lako implementirati, ali on zapravo znači puno više od samo "manje". Definirajmo karakteristike minimalizma.

Jedino važno

Minimalistička strategija u web dizajnu je pojednostaviti sučelja uklanjanjem elemenata i sadržaja koji ne podržavaju korisničke zadatke. Kako bi stvorio doista minimalističko sučelje, dizajner treba strogo organizirati elemente, prikazujući samo one najvažnije i odbacujući sve što korisnicima odvlači pažnju od glavne stvari (na primjer, nepotrebne ukrase). Svaki element u dizajnu, bilo slika ili tekst, ima svrhu; ne bi se trebao koristiti osim ako dodaje dodatnu jasnoću poruci.

Pritom pazite da uklanjanjem ili skrivanjem nepotrebnog sadržaja ne ometate osnovne korisničke zadatke. Ideja je da poruka bude jasna, a ne skrivena. Dakle, dizajnirajte oko sadržaja i ostavite dovoljno vidljivih elemenata (poput glavne navigacije) kako se korisnici ne bi izgubili.

Negativni prostor

Nije iznenađenje da je najčešći element minimalizma nedostatak elemenata. Negativ/bijeli prostor je prepoznatljiva značajka minimalizma; to je ono što mu daje njegov utjecaj. Negativan prostor je jednostavno prazan prostor između vizualnih elemenata. Imati prazan prostor znači veći naglasak na elementima koji su prisutni. U japanskoj kulturi postoji "načelo ma": prostor između predmeta percipira se kao sredstvo za naglašavanje vrijednosti tih predmeta.

Iako se negativni prostor često naziva bijelim, on ne mora nužno biti te boje. Neke stranice koriste pozadinu u punoj boji.

Glavni element dizajna povezan s minimalizmom u glavama većine ljudi je negativni prostor.

Vizualne karakteristike

U minimalističkom dizajnu svaki je detalj bitan. Vrlo je važno ono što odlučite zadržati.

Ravna tekstura

Minimalizam često pribjegava ravnim teksturama, ikonama i grafičkim elementima. Ravna sučelja ne koriste očite svjetlosne efekte, sjene, gradijente ili druge vrste tekstura koje bi mogle učiniti da elementi izgledaju sjajno ili 3D.

Minimalistička vizualna hijerarhija s naglaskom na ravni elementi sučelje, prilično uobičajeno na modernim web stranicama

Privlačne fotografije i ilustracije

Slike su najistaknutiji oblik umjetnosti koji se koristi u minimalističkom dizajnu. Omogućuju emotivne veze i stvaraju posebnu atmosferu. Ali fotografija ili ilustracija moraju slijediti načela minimalizma. Pogrešna slika (fotografija s previše detalja ili ometajućih elemenata) poništit će prednosti okolnog minimalističkog sučelja i uništiti cjelovitost strukture.

Sve karakteristike minimalizma moraju biti izražene u slikama

Ograničena shema boja

Boja igra značajnu ulogu u web dizajnu jer ima sposobnost uspostavljanja informacijske i emocionalne veze između proizvoda i korisnika. Boja može stvoriti vizualni interes ili privući pozornost bez ikakve potrebe dodatni elementi dizajn ili grafika. Dizajneri koji teže minimalizmu nastoje maksimalno iskoristiti nekoliko odabranih boja i često koriste samo jednu boju (monokromatska shema boja).

Uz smanjenje dolaznih vizualnih informacija paleta boja postaje vidljiviji i povećava se njegov utjecaj na korisnika

Učinkovita tipografija

Osim boje, još jedan važan vizualni element je tipografija. Podebljani font trenutno usmjerava pozornost na riječi i sadržaj, pomažući u stvaranju atraktivnog vizualnog efekta.

Koristite tipografiju za prenošenje značenja i stvaranje vizualnog interesa

Kontrast

Budući da je cilj minimalističkog dizajna jednostavnost korištenja, tekstil visokog kontrasta grafički elementi Može biti dobar izbor. Visoki kontrast može usmjeriti pozornost korisnika na važne elemente i učiniti tekst čitljivijim.

Često minimalistički dizajni koriste samo jednu boju kao naglasak, ističući najvažnije elemente stranice.

Najbolji primjeri

Budući da minimalistički dizajn zahtijeva istu razinu jasnoće i funkcionalnosti kao i "normalni" dizajn, ali s manje elemenata, postavlja neke izazove za programere.

Postignite prisutnost jednog središta kompozicije

Filozofija minimalizma usredotočena je na ideju dizajna oko sadržaja: sadržaj je kralj, a vizualna struktura treba se isticati dobra pozadina za njega. Cilj je učiniti poruku jasnijom ne samo uklanjanjem smetnji, već i fokusiranjem na ono što je važno. U ovom slučaju, snažno žarišno područje postaje posebno važno.

Slijedite pravilo "jedan koncept po stranici" i usredotočite se na jedan vizualni medij

Stvorite visoka očekivanja s vrhom zaslona

Područje na stranici koje je vidljivo prije nego što je potrebna bilo kakva radnja potiče korisnike da dalje istražuju web mjesto. Kako biste osigurali da se to dogodi, morate pružiti zanimljiv, intrigantan sadržaj. Postavite smisleni sadržaj na vrh zaslona s puno bijelog prostora oko njega, a zatim dodajte više sadržaja na stranicu dok se pomičete prema dolje.

Ovako izgleda početna stranica Apple web stranice iznad linije presavijanja.

Pišite sažete tekstove

Uklonite nepotrebne predmete. Vaš tekst bi trebao sadržavati samo minimum riječi potrebnih za adekvatno prenošenje vaše poruke.

Oslobodite se svih nepotrebnih riječi.

Pojednostavite navigaciju (ali nemojte je sakriti)

Minimalizam bi trebao biti jednostavan. Jedna stvar koja pojednostavljuje korisničko iskustvo je mogućnost lakog i neprimjetnog rješavanja zadataka. Tome najviše pridonosi intuitivna navigacija. Ali navigacija u minimalističkom sučelju predstavlja ozbiljan problem: u pokušaju da uklone sve nepotrebne elemente i organiziraju sadržaj, programeri djelomično ili potpuno sakriju navigaciju. Proširivanje ikone izbornika puni popis bodova ostaje popularan izbor za mnoge profesionalce, posebno u minimalističkom web dizajnu i mobilnim korisničkim sučeljima (UI). To često rezultira slabom vidljivošću navigacijskih elemenata. Koristite skrivenu navigaciju ove stranice:

Vrlo često jednostavna, minimalistička korisnička sučelja nose skrivenu složenost. U tom su slučaju glavne opcije navigacije prema zadanim postavkama skrivene

Usporedite s uvijek dostupnom navigacijom ove stranice:

U većini slučajeva uvijek vidljiva navigacija je bolja za korisnike.

Zapamtite da je jednostavna navigacija uvijek jedan od glavnih ciljeva web dizajna. Ako izrađujete minimalističke web stranice, pobrinite se da posjetitelji mogu lako pronaći ono što im je potrebno.

Koristite funkcionalnu animaciju

Kao i svaki drugi element, animacija treba slijediti načela minimalizma: treba je uvoditi suptilno i samo kada je to potrebno. Dobra animacija ima značenje i funkcionalnost. Na primjer, možete koristiti animaciju za uštedu prostora na zaslonu (prikazivanjem skrivenih detalja pri lebdenju). Animacija u donjem primjeru dodaje element vidljivosti i čini uobičajeni zadatak zanimljivijim:

Animacija čini interakciju sa web mjestom dinamičnijom.

Koristite minimalizam u odredišnim stranicama i portfeljima

Iako se cjelokupna filozofija minimalističkog dizajna usmjerenog na sadržaj odnosi na svaku web stranicu, ponekad estetika može biti neprikladna. Minimalizam je vrlo prikladan za izradu web-mjesta s portfeljem i odredišnih stranica koje su mirne jednostavnih ciljeva i imaju relativno malu količinu sadržaja. Portfelj Marie Laurent tipičan je primjer onoga što bi mnogi dizajneri nazvali minimalističkom stranicom.

U isto vrijeme, primjena minimalizma na složeniju stranicu može biti teška. Nedostatak važnih elemenata može biti štetan za stranicu bogatu sadržajem (niska gustoća informacija prisiljava korisnika da se pomiče dalje kako bi pronašao sadržaj). Najbolje rješenje postojat će odredišna stranica izrađena u stilu minimalizma, koja vodi do detaljnijih stranica.

Zaključak

Minimalističke stranice imaju jednostavno sučelje iz kojeg su uklonjeni nepotrebni elementi i sadržaji koji ne podržavaju provedbu korisničkih zadataka. Ono što nadahnjuje kod ovog dizajna je kombinacija upotrebljivosti i visoke estetike: lijepa stranica s jednostavnom navigacijom moćno je sredstvo komunikacije.