Millal ja kuidas kasutada minimalismi veebisaidi kujundamisel

Eemaldame esmalt eksiarvamuse minimalismi kohta. See, et näha on vähem, ei tähenda, et see oleks lihtsam. Tegelikult on see täiesti vastupidine. Mida vähem teil on, seda rohkem aega peate kulutama, et veenduda, et iga teie käsutuses olev element on õige rahaga.

Lõppude lõpuks, kui teil on ülerahvastatud liides, siis kui midagi on joondatud keskelt veidi vasakule või font, mis ei ole teie kasutatava jaoks päris optimaalne, ei panda seda tõenäoliselt muude detailide hulgas tähelegi.

See pole aga tõsi, kui kasutate minimalistlikku veebikujundust, kuna teie vea või halva valiku taga pole midagi peita. Need paistavad silma silmatorkavate detailidega – nagu neoonsilt Jaapani majal. See tähendab, et kui proovite lihtsalt lehte kokku panna, ei ole minimalism õige tee. Minimalism on mõeldud perfektsionistidele, obsessiiv-kompulsiivsetele, laserfookustele keskendunud, kuni kolm hommikut-hommikust, et saada-see-tiitel-just-õige veebidisaineritele. Kui see pole teie, pole see teie jaoks.

Kui see on siis loe edasi, siis loe edasi! Lähme küülikuaugust alla.

Negatiivne ruum

Alustuseks vaatame, mida minimalistlikul veebisaidil on kõige rohkem – negatiivset ruumi, kuigi võite seda tunda kui “tausta”. Välja arvatud muidugi see, et minimalistlikus disainis pole see üldse “tagasi”. Selle asemel on see ees ja keskel, kus see mängib olulist rolli, kuna see manipuleerib kasutaja visuaalse vooluga.

Negatiivse ruumi vägi seisneb selles, et mida rohkem teil seda on, seda rohkem ilmub kõik muu, mis teil lehel on. Seetõttu kasutavad tööstusdisainerid sageli minimalistlikke paigutusi. Nii saavad nende tooted selle asemel, et muutuda kõigeks muuks, tähelepanu, mida nad otsivad. Ja kuna see on see, mida nad üritavad müüa või vähemalt eksponeerida, muudab see lähenemine neile ja kõigile teistele, kellel on näidata staatilisi objekte, nagu sisekujundajad ja fotograafid, väga ahvatlevaks.

Negatiivne ruum võib olla võimas tööriist, mis loob rahuliku oaasi, aga ka selleks, et kasutajad ei tunneks end ülekoormatuna. Seetõttu valivad spaad ja tervisekeskused sageli seda tüüpi paigutuse.

Pange tähele, et negatiivne ruum ei tähenda, et seal pole midagi. Ilmselgelt tuleb ruumi millegagi täita ja kuigi valge on ilmselge valik, pole see kaugeltki ainus. Veelgi enam, erinevatel värvidel on kasutajatele täiesti erinev mõju, seega kulutage kindlasti aega uurimistööle. Üks asi, millele tahaksin tähelepanu juhtida, on see, et te ei vali liiga küllastunud värvi. See on põhiline viga, mida paljud esmakordsed disainerid teevad. Probleem on selles, et see võib kasutajatele üsna valus olla, mis muudab minimalismi ühe suure eelise tühiseks.

Fotod

Kui ainult üks värv on liiga hea asi, on loomulikult võimalus teha mõni foto. Muidugi, kui valite pildi, veenduge, et see oleks kooskõlas minimalismi vaimuga, mida otsite. Pilt ei pea olema liiga hõivatud.

Ma mõtlen seda kahel viisil.

1. Ilmselgelt veenduge, et fotol poleks liiga palju objekte ega inimesi, kuna see rikub teie minimalistliku disaini kogu eesmärgi.
2. Sellest aga ei piisa, sest kiire liikumise või ohu tagajärjed on samavõrra võimelised tõmbama pilgu pildile ja eemale põhielemendist, mida proovite kuvada. Tegelikult võib isegi negatiivse emotsiooni näitamine inimeste tähelepanu kõrvale juhtida sellelt, millele sa tegelikult tahad, et nad keskenduksid.

Sel põhjusel näete minimalistlikel veebisaitidel surfates palju väga neutraalse ja staatilise taustaga fotosid. Siin on mõned suurepärased näited.

Tüpograafia

Saate oma minimalistlikult lehelt välja lõigata palju asju, nagu menüüriba, sotsiaalmeedia nupud ja reklaamid, kuid üks asi, milleta te ei saa hakkama, on sõnad. Lõpuks läheb teil vaja. Aga kuidas neid esitleda? Peaksite väga hoolikalt kaaluma, millist fonti otsustate kasutada (ja kui otsustate ise teha), eriti kui näete, et erinevad fondid kutsuvad esile erinevaid emotsioone ja erinevaid meeleseisundeid.

Näiteks serif-fonte (need on need, kus joone all ja kohal paistavad särisevad bitid) loetakse ladusamalt kui sans serif-fonte ja seetõttu peetakse neid lihtsamini mõistetavaks. Sarnaselt, kuna juhised on kirjutatud puhtamates, loetavamaid fonte (näiteks Ariel) peetakse arusaadavamaks kui neid, mis on kirjutatud segasemate ja tihedamate fondivalikutega, mis tähendab, et neid juhiseid peetakse hõlpsamini täidetavaks.

Kuid loomulikult pole loetavus ainus asi, millega tuleb arvestada, vaid tuleb mõelda ka sellele, milliseid emotsioone fondid tekitavad. Jah, see on õige, erinevad fondid mõjutavad inimesi erinevalt, fonditüüpe nagu Times New Roman seostatakse sagedamini emotsioonidega nagu “naljakas” ja “vihane” kui Ariel.

Hoiatasin teid, et minimalism pole nõrganärvilistele!

Teine asi, mida tuleks kaaluda, on see, milliseid fonditüüpe kus kasutate, kuna ilmselgelt ei pea te kogu ulatuses sama fonti kasutama. Ja kuna pole midagi muud, mis võiks teie vaatajaskonna tähelepanu kõrvale juhtida, märkab kasutaja neid palju tõenäolisemalt, kui kasutate erinevaid kirjastiile ja tüpograafiaid.

Seetõttu võib see olla väga tõhus strateegia, mis paneb teie publikut konkreetsetele valdkondadele tähelepanu pöörama. Näiteks võite kirjutada need tekstid, mida soovite, et kasutajad loeksid, esmalt paksus kirjas, paksude joontega, samas kui need osad, mida peaksite märkama, kirjutatakse hiljem neutraalsemate kirjatüüpidega. Kasutaja pilk tõmbab koheselt julgema teksti poole, samas kui muud teksti hakatakse kasutama hiljem.

Kontrast ja positsioneerimine

Üks võimsamaid tööriistu minimalistlikule veebidisainerile on kontrast. Kui soovite kasutada kontrasti parima efekti saavutamiseks, peate valima heledad taustad – valge on valdav valik, kuna see annab parima efekti. Seetõttu kasutatakse minimalistlikel lehtedel sageli musta valgel taustal, kuna need teravad jooned on visuaalselt tohutult atraktiivsed. Siin on hea näide. Veelgi enam, väikseim värvitükk, nagu kollane, võib sel juhul olla väga tõhus. Mõelge vaid tüdruku mantlile Schindleri nimekirjas.

Disainer saab luua lepingu paljude erinevate asjadega, sealhulgas värvi, kuju, asukoha, ulatuse ja suurusega. Õige kasutamise korral võib see olla uskumatult kasulik, et juhtida kasutajat nende osadeni, millele nad peaksid esmalt tähelepanu pöörama (nagu ma eespool tüpograafia osas selgitasin, kui arutasin paksu või neutraalsemate tekstide üle). See ei ole aga lihtne ja selle parimaks kasutamiseks on vaja põhiteadmisi sellest, kuidas kasutajad Interneti-lehti tarbivad.

Silmade liikumise uuringud on andnud meile suurepärase ülevaate sellest, kuhu inimesed kõigepealt vaatavad, alustades tavaliselt vasakpoolsest ülaosast ja seejärel, sõltuvalt sellest, kas teksti on palju või mitte, skannivad lehekülge tähega F või vastavalt “Z” muster.

Kuna teie minimalistlik leht ei ole tekstirohke, peaksite seetõttu korraldama oma lehe kõige olulisemad aspektid Z-tüüpi mustri järgi, võttes üldiselt arvesse asju, mida teie kasutajad peaksid kõigepealt märkama (teie olete teie menüüvalikud). asend rohkem lehe ülaservas, samas kui need asjad, mida tuleks hiljem märgata (nt teie autoriõiguse nõuded), langevad alla ja kaugemale paremale. Nii muudate oma lehe tarbimise sujuvamaks ja loomulikumaks.

Hamburgeri nupp ja muud paigutused

Üks asi, mida on minimalistliku kujunduse puhul oluline meeles pidada, on see, et see, et ühel lehel pole palju vaadata, ei tähenda, et sisu pole üldiselt palju. enamasti on kogu see teave lihtsalt alammenüüdes ja teisestes lehtedes peidus. Üks populaarne (kuigi vastuoluline) viis seda teha on nn hamburgeri nupp või kolm rida, mida näete nüüd kõikjal, näiteks kroomitud üleval paremal ja iPhone’is. Ja jah, kui olete paar jooki joonud, näeb see välja nagu hamburger (ma ei mõelnud selle nime välja).

Isiklikult ma ei ole suur fänn, kuna see läheb vastuollu minu minimalistlike instinktidega. Mis mõtet on luua segamatu leht, kui kavatsete seejärel luua segase menüü, et ülejäänud veebisaidil surfata? Minu jaoks on palju parem strateegia jagada oma hamburgeri nupp mitmeks menüüvalikuks, mis on ilmsed ja kergesti mõistetavad ning köidavad teie lugejaid, kuid lõppkokkuvõttes on see teie enda otsustada.

Üks oluline tegur, mida kaaluda, kui mõtlete, kas luua mitu menüüüksust või kasutada ühte nuppu, on teie vaatajaskonna vanus. Mida vanemad nad on, seda vähem nad seda kujundust tunnevad ja seda tõenäolisemalt ei leia nad seetõttu teie alammenüüd, mis võib teie lehe kasutuks muuta. Nii et kas teie leht on peamiselt suunatud millenniumlastele? Mine edasi ja kasuta seda. Kas teenite pensionäre? Ilmselt on mõistlik uuesti mõelda.

Visuaalne stiil

Ja siis on see, kuidas teie leht peaks olema paigutatud. Kui otsustate valida minimalistliku stiili, peate valima ühe paigutusstiili ja seejärel sellest kinni pidama. Selle põhjuseks on asjaolu, et teie vaatajaskond hakkab kohe tegema alateadlikke oletusi teie veebilehe kokkusobivuse kohta ja kui te seejärel neid eeldusi rikute, tunnevad teie kasutajad, et teie leht on “räpane” ja “korrastamata”. See on surmanupp minimalismile (ja ka enamikule teistele lehtedele, ausalt öeldes).

Sel põhjusel peate valima ruudustiku, mis tähendab põhimõtteliselt veerge, millesse olete oma lehe jaotanud, ja sellest kinni pidama. Mitu veergu soovite? Kuidas need asetsevad? Kui palju negatiivset ruumi nende vahele jääb? Need on kõik olulised küsimused, millele peate vastama enne, kui hakkate lehte küljendama.

Siin ei ole mõte selles, et pildid ei tohi ületada nende ruudustiku joonte piire. Sageli katavad pildid kogu teie lehe laiali. Sel juhul paigutatakse selle all esitatud pildi tekst teie valitud veergudesse. Samamoodi, kui teie lehel on mitu pilti, peaksid need järgima teie loodud ruudustikku, et teie leht näeks üldiselt puhas ja professionaalne.

Kas minimalismi minek on seda väärt?

See sõltub ausalt sellest, mida proovite teha (ja loomulikult teie lehe teemast). Kui proovite oma tööd vähendada, siis nagu juba öeldud, pole minimalism teie jaoks. Kui teisest küljest meeldib selline paigutus teile instinktiivselt ja sobib teie soovitud tootega, siis on see tee edasi.

Asi on selles, et minimalism nõuab tavadisainist erinevat oskuste kogumit, kuna te ei saa lehe loomiseks lihtsalt kasutada tavalisi tükke ja neid kokku panna. Kui proovite seda teha, saate lõpuks millegi, mis pole visuaalselt atraktiivne või nii informatiivne. Teisisõnu mõlema maailma halvim.

Selle asemel peate kulutama aega, et õppida, kuidas õõnestada oma põhilisi instinkte, mille olete omandanud eelmistest lehekujundustest. Seejärel peate maha istuma ja välja mõtlema, mis on teie lehe jaoks oluline.

Ja te peate lepingute, fonditüüpide ja fotodega hakkama saama, nagu te pole kunagi varem teinud. See on peaaegu nii, nagu õpiksite uut disainikeelt. See võib olla raske.

Uue keele õppimisega on aga see, et see paneb sind oma algkeeles mõistma asju, mida sa varem pole märganud. Ja see kehtib ka minimalistliku veebidisaini õppimise kohta. Juba ainuüksi see, et proovite õppida, kuidas sellisel viisil kujundada, paneb teid mõistma disaini kohta asju, mida te varem ei teadnud.

Ja see võib kogu higistamise ja raske töö seda väärt teha.

Unustades hetkeks, et minimalistlikud lehed on muidugi lihtsalt ilusad.