Minimalistliku disaini plussid ja küljed
Minimalism on trend, mis ei sure kunagi ära. Pole tähtis, mitu korda oleme muljet avaldanud muljetavaldavalt keerukate disainilahenduste ees, alati leidub midagi lihtsuses, mis jätab meid just jäädvustatud.
Täna vaatleme mõningaid veebidisaini minimalismi võtmeaspekte koos näidetega disaineritelt, kes said sellest õigesti aru.
Tutvuge disainiressurssidega
Mis see pole
Peaaegu alati on hea mõte uurida, mis midagi pole arutelus selle üle, mis see on. Vastandite uurimine annab meile punktikontrasti ja aitab määratlust kujundada. Sisuliselt on minimalism kõrvalekalle visuaalselt üleliigsetest. Lihtsate kindlate värvide ja põhijoonte kasuks loobusid rikkalikult mitmekesised värvipaletid ja keerulised elemendid.
Vaatleme kahte näidet allpool. Need saidid on selge alternatiiv minimalistlikule mõtteviisile. Need on visuaalselt üsna hõivatud ja nende uurimiseks võib kuluda üks minut, enne kui tunnete, et olete lehe toimumisest korralikult aru saanud.
Kas see teeb neist halvad kujundused? Absoluutselt mitte. Kuigi paljud disainerid eelistavad selgelt konkreetseid stiile, on väärtuseavalduste määramine antud meetodile sama kasulik kui ütlus, et sinine on parem kui roheline või vasakpoolne on parem kui parem; nendel väidetel pole lihtsalt tõde ja selliste võimaluste üle arutlemisel pole midagi kasu.
Kui olete professionaalne disainer, peaksite saama oma kliendi tahte ja isikupära saavutamiseks suvalist arvu disainistiile. Vastus küsimusele, mis pole minimalism, on see, et see pole oma olemuselt parem lähenemisviis veebisaitide kujundamisel. Seejärel ei otsusta võti mitte otsustada, kas teile meeldib paremini hõivatud, minimalistlik või mõni muu kujundusstiil, vaid õppida iga meetodit tõhusalt rakendama. Uurime mõnda valdkonda, millele minimalistliku kujunduse loomisel tähelepanu pöörata.
Tüpograafia
Teie valitud tüpograafia mängib teie minimalistliku kujunduse tõhususes tohutut rolli. Valige puhtad, lihtsad ja hästi loetavad fondid. Õhukeid fonte kasutatakse sageli minimalismi edasiandmiseks, kuid ärge piirduge ainult selle mõttega, kuna paks font on suurepärane võimalus tutvustada olulist eset, näiteks pealkirja.
Samamoodi võite isegi keeruka skriptifondi abil tõmmata maha tugeva minimalistliku kujunduse. Proovige hoida oma leht ja muu tüpograafia skripti kasutamise ajal võimalikult lihtsana, et juhtida tähelepanu ühele lehele.
Lisaressursid
40 tasuta minimalistlikku ja kvaliteetset fonti
70 minimalistlikku tüpograafia näidet
Tugevad võrejoondused
Minu lemmik minimalismi rakendamine on siis, kui seda tehakse eesmärgiga suurendada kasutatavust. Hea minimalistlik veebikujundus keskendub sageli lehe riisumisele minimaalse arvu eraldiseisvate sektsioonide ja elementidega, nii et sisu navigeerimisel puudub igasugune õppimiskõver või visuaalne segadus.
Selle tulemuseks on sageli võrgupõhised joondamised. Meie silmad on selle sisumustriga väga tuttavad ja tavaliselt pole tal raskusi selle kiire pilguga sorteerimisega. Lisaks on teie ajus midagi sellist, mis lihtsalt soovib, et kaubad rivistuksid korralikult ja etteaimatavalt. On meeldiv näha lehte, mis on tugevalt joondatud nii vertikaalselt kui ka horisontaalselt. Seevastu on omamoodi visuaalne ja psühholoogiline dissonants, kui me ei suuda kohe tuvastada selget mustrit lehe üksuste paigutuses.
Lisaressursid
1KB CSS-ruudustik
ZURB CSS Grid Builder
Kontrast
Kui teil on teostes minimalistlik kujundus ja tundub, et teil lihtsalt jääb midagi puudu, parandavad tõenäosused, kui kontrasti lisamine suurendab disaini dramaatiliselt. Kui tegemist on harjutatud käega, siis kontrast on kõigi heade kujunduste võti (ma kaitsen seda üldist avaldust surma korral). Minimalistliku veebikujunduse korral on leht niivõrd lahti võetud, et joosta pole muud, kui mingit tarka kontrasti.
Kontrastsus on mõiste, mida me kõik mõistame oma olemuselt, kuid endale selle teadvustamine võib teie disainilahendusi märkimisväärselt parandada. Vaadake allolevat lihtsat kujundust:
Kui tegemist on värviliste ja ilusate piltidega, siis siin tegelikult väga palju ei toimu. Kuid disain on kontrasti tugeva kasutamise tõttu üsna atraktiivne. Päis ja sisuala on selgelt eraldatud ja koheselt äratuntavad selle järgi, mis need on (jalus kasutab sama trikki). Lehel oleva eksemplari suurus ja julgus on erinev, et juhtida teie tähelepanu sõnumi osadele, mida kujundaja oluliseks pidas.
Ülalpool olev leht kasutab eristamiseks halli varjundit, kuid sama asja saavutamiseks võite sama hõlpsalt kasutada ka erinevaid värve.
Pidage ainult meeles, et kontrastsete ja vastuoluliste värvide vahel on tohutu erinevus. See, et kaks värvi on väga erinevad, ei tähenda, et teie silmad tajuvad erinevust meeldivana. Enne drastiliste otsuste tegemist veenduge, et olete oma värviteooriaga kursis.
Peamine asi, mis kontrastiga meelde tuleb, on kõige paremini öelnud disaini autor Robin Williamsilt: „Ära ole nutik!” Ta mõtles selle all seda, et natuke kontrasti ei lähe kaugele. Kui kavatsete teha midagi suuremat nii, et see paistab silma, siis tehke see palju suuremaks. Kui kavatsete seda julgemaks muuta, muutke see tõesti julgeks! Te peaksite suutma hetkega teada saada, kui kontrast on olemas. Me näeme seda sageli, kui tekst on paksus kirjas. Mõnikord on paksus ja tavalises tekstis erinevus nii väike, et erinevuse nägemiseks peate tõesti vahtima! Sel juhul pole paksus kirjas tekst mingit eesmärki ja see peaks visuaalse segaduse vältimiseks olema sama, mis ülejäänud.
Valge ruum
Mõelge tagasi selle artikli alguses olevatele hõivatud näidetele. Need disainerid otsustasid peaaegu iga ekraani tolli täita visuaalselt huvitavaga. Minimalism võtab jälle vastupidise lähenemise. See annab lehe põhikomponentidele piisavalt hingamisruumi, mis eristab neid.
Valge ruum paneb vaataja tundma end mugavalt ja vähem klaustrofoobiliselt. See aitab teil ka kujundajal kontrollida, kuhu soovite vaatajat vaadata. Mõned disainerid nõuavad, et vaatajad loeksid igat lehte vasakult paremale, järgides z-mustrit. See lihtsalt ei vasta tõele kõigil juhtudel. Pange tähele, kuidas ülaltoodud disainer kasutas tühikut ja erksat pilti, et juhtida teie silmad arvutiekraani pilti. Teie silmad algavad pildi päris keskpunktist, mitte vasakust ülanurgast!
Nagu ülalpool mainitud, on see kõik seotud kontrastiga ja antud objekti poolt hõivatud ruumi mahu ja selle ümber oleva tühimikuga. Esialgse paigutuse tegemiseks vajaliku tühikruumi mõistmiseks konverteerin tihti lehel paigutatavad objektid Illustratoris eriti põhikujudeks. Siis saan objekte kiiresti segamini ajada ja nende suurust muuta, häirimata nende sisu. Niimoodi paigutuse panemine sunnib mõtlema oma lehe tasakaalule, enne kui läheneda isegi keerukamatele esteetilistele elementidele.
Nagu näete, on Jolicloudi paigutus sellisel viisil vaadates üsna tasakaalustatud ja atraktiivne. Ainuke asi, mis mind häirib, on see, et navigeerimislingid ei vasta sisu paremale küljele. Ma liialdasin sellega lihtsustatud versioonis natuke, et seda oleks hõlpsam näha, kuid kindlasti on see ka originaalpildil selline. Jällegi näeme lehe põhivormideks redutseerimise eelist, kuna kohe ilmneb, et navigeerimislingid on pisut ebamugavalt paigutatud (ei keskele ega paremale joondatud, vaid kuskil nende vahel).
Veel artikleid minimalismi kohta
Kas te ei saa piisavalt minimalismi? Vaadake järgmisi suurepäraseid artikleid ja saite:
- 21 ressurssi eriti minimalismi armastajatele: Vandelay disain
- Puhta ja minimalistliku kujunduse esitlus: ajakiri Smashing
- Minimalism veebis: disaini inspiratsioon ja WP teemad: 9. õppetükk
- 20 kaunist minimalistlikku WordPressi teemat: kuus versiooni
- 25 kaunist minimalistlikku veebikujundust: Vandelay disain
Järeldus
See haarab kokku arutelu minimalismi kohta veebidisainis. Andke meile teada, mida arvate sellest suundumusest allolevates kommentaarides. Lisage kindlasti ka kõik lingid oma lemmiksaitidele, mis illustreerivad veebidisaini minimalismi.
