Inn- og uttakene til minimalistisk design
Minimalisme er en trend som aldri vil dø. Uansett hvor mange ganger vi blir igjen i ærefrykt av imponerende intrikate design, vil det alltid være noe med enkelhet som etterlater oss like fanget.
I dag skal vi se på noen av de viktigste aspektene ved minimalisme innen webdesign sammen med noen eksempler fra designere som fikk det til.
Utforsk designressurser
Hva det ikke er
Det er nesten alltid en god idé å utforske hva noe ikke er i en diskusjon om hva det er. Å undersøke motsetninger gir oss en poengkontrast og er med på å forme definisjonen. I hovedsak er minimalisme en avgang fra det visuelt overflødige. Rikt mangfoldige fargepaletter og komplekse elementer er glemt til fordel for enkle solide farger og grunnleggende linjer.
Tenk på de to eksemplene nedenfor. Disse nettstedene representerer et tydelig alternativ til det minimalistiske tankesettet. De er visuelt ganske opptatt og kan ta et minutt å utforske før du føler at du har et greit grep om hva som skjer på siden.
Gjør dette dem til dårlige design? Absolutt ikke. Selv om mange designere helt klart favoriserer spesifikke stiler, er det å bruke verdiforklaringer til en gitt metode like nyttig som å si at blått er bedre enn grønt eller venstre er bedre enn høyre; det er rett og slett ingen sannhet til disse uttalelsene, og ingenting oppnås i diskusjonen om slike muligheter.
Hvis du er en profesjonell designer, bør du være i stand til å trekke et stort antall designstiler for å glede kundens vilje og personlighet. Svaret på spørsmålet om hva minimalisme ikke er, er at det ikke er en iboende bedre tilnærming til å designe nettsteder. Nøkkelen blir da å ikke bestemme om du liker opptatt, minimalistisk eller et annet antall designstiler bedre, men å lære å implementere hver metode effektivt. La oss undersøke noen få områder å fokusere på når du lager et minimalistisk design.
typografi
Ditt valg av typografi spiller en enorm rolle i effektiviteten til ditt minimalistiske design. Velg rene, enkle skrifter med et høyt nivå av lesbarhet. Tynne skrifter brukes ofte til å formidle minimalisme, men ikke begrens deg til denne ideen, da en tykk font er en fin måte å vise frem et viktig element som en overskrift.
På samme måte kan du til og med hente frem en solid minimalistisk design med en komplisert skrifttype. Prøv å holde siden og andre typografier så enkle som mulig mens du bruker et skript for å trekke oppmerksomhet til et enkelt område på siden.
Tilleggsressurser
40 gratis minimalistiske skrifter og høy kvalitet
70 eksempler på minimalistisk typografi
Sterke nettjusteringer
Min favorittimplementering av minimalisme er når det gjøres for å oppnå formålet med å øke brukervennligheten. God minimalistisk webdesign fokuserer ofte på å strippe siden til et minimum antall separate seksjoner og elementer er en slik måte at navigering av innhold nesten er ugyldig for enhver form for læringskurve eller visuell forvirring.
Dette resulterer ofte i lett synlige nettbaserte justeringer. Våre øyne er veldig kjent med dette innholdsmønsteret og har vanligvis ingen problemer med å sortere gjennom det raskt. Videre er det noe i hjernen din som ganske enkelt vil at elementer skal ordne seg ordentlig og på en forutsigbar måte. Det er hyggelig å se en side med sterk justering både vertikalt og horisontalt. Derimot er det en slags visuell og psykologisk dissonans når vi ikke umiddelbart kan identifisere et tydelig mønster i ordningen av elementer på en side.
Tilleggsressurser
1KB CSS-nettet
ZURB CSS Grid Builder
Kontrast
Hvis du har et minimalistisk design i verkene, og det ser ut til å mangle noe, vil sjansen for å legge til litt kontrast forbedre designen dramatisk. Når kontrasten er utøvd av en øvd hånd, er kontrast nøkkelen til all god design (jeg vil forsvare denne teppeerklæringen i hjel). I minimalistisk webdesign er siden så strippet ned at det er lite annet å løpe med enn en smule kontrast.
Kontrast er et konsept vi alle forstår iboende, men å gjøre deg oppmerksom på det kan forbedre designene dine drastisk. Sjekk ut den enkle designen nedenfor:
Det er egentlig ikke mye som skjer her så langt som farger og pene bilder. Imidlertid er designen ganske attraktiv på grunn av sterk bruk av kontrast. Toppteksten og innholdsområdet er tydelig atskilt og gjenkjennelig for hva de er (bunnteksten bruker det samme trikset). Kopien på siden er forskjellig i størrelse og dristighet for å trekke oppmerksomheten til delene av meldingen designeren anså som viktige.
Siden ovenfor bruker gråtoner for differensiering, men du kan like gjerne bruke forskjellige farger for å oppnå det samme.
Bare husk at det er en enorm forskjell mellom kontrasterende og motstridende farger. Bare fordi to farger er veldig forskjellige, betyr ikke det at øynene dine vil oppfatte forskjellen som hyggelig. Forsikre deg om at du er oppdatert på fargeteorien din før du tar noen drastiske avgjørelser.
Det viktigste å huske med kontrast sies best av designforfatter Robin Williams: "Don't be a wimp!" Det hun mente med dette, er at litt kontrast ikke går langt. Hvis du skal gjøre noe større slik at det skiller seg ut, gjør det mye større. Hvis du skal gjøre det dristigere, gjør det skikkelig dristig! Du bør kunne si på et øyeblikk om kontrasten er der. Dette ser vi ofte når tekst er uthevet. Noen ganger er forskjellen mellom den dristige teksten og den vanlige teksten så liten at du virkelig må stirre for å se forskjellen! I dette tilfellet tjener ikke den uthevede teksten noe formål, og skal bare være den samme som resten for å forhindre visuell forvirring.
mellomrom
Tenk tilbake på de travle eksemplene i begynnelsen av denne artikkelen. Disse designerne valgte å fylle nesten hver tomme på skjermen med noe visuelt interessant. Minimalismen tar igjen den motsatte tilnærmingen. Det gir hovedkomponentene på siden rikelig med pusterom som skiller dem fra hverandre.
Whitespace får betrakteren til å føle seg komfortabel og mindre klaustrofobisk. Det hjelper deg også at designeren har kontroll over hvor du vil at seeren skal se. Noen designere insisterer på at seerne vil lese hver side fra venstre til høyre etter et z-mønster. Dette er rett og slett ikke sant i alle tilfeller. Legg merke til hvordan designeren over brukte hvitrom og et lyst bilde for å trekke øynene inn i bildet av dataskjermen. Øynene dine starter helt i midten av bildet, ikke øverst til venstre!
Dette har alt å gjøre med kontrast, som nevnt ovenfor, og volumet av plass okkupert av et gitt objekt kontra hvitområdet rundt det. For å få en fornemmelse av den rette mengden hvitrom å bruke når jeg utfører en innledende layout, konverterer jeg ofte objektene jeg skal plassere på siden til ekstremt grunnleggende former i Illustrator. Da kan jeg raskt blande og endre størrelsen på gjenstandene uten å bli distrahert av innholdet. Ved å lage layout på denne måten tvinger du deg til å tenke på balansen på siden din før du noen gang til og med nærmer deg mer komplekse estetiske elementer.
Som du kan se, er Jolicloud-oppsettet ganske balansert og attraktivt når det blir sett på på denne måten. Det eneste som plager meg er at navigasjonslenkene ikke stemmer overens med høyre side av innholdet. Jeg overdrev det litt i den forenklede versjonen for å gjøre det lettere å se, men det er definitivt sånn også i det originale bildet. Igjen ser vi fordelen med å redusere siden til grunnleggende former, da det umiddelbart blir tydelig at navigasjonslenkene er noe vanskelig plassert (verken midtlinjet eller høyreinnrettet, men et sted i mellom).
Flere artikler om minimalisme
Kan du ikke få nok minimalisme? Ta en titt på de flotte artiklene og nettstedene nedenfor:
- 21 ressurser Spesielt for elskere av minimalisme: Vandelay Design
- Showcase Of Clean And Minimalist Designs: Smashing Magazine
- Minimalisme rundt nettet: Design Inspiration & WP-temaer: Opplæring 9
- 20 vakre minimalistiske WordPress-temaer: Seks versjoner
- 25 vakre, minimalistiske nettstedsdesign: Vandelay Design
Konklusjon
Dette pakker opp diskusjonen vår om minimalisme innen webdesign. La oss få vite hva du synes om denne trenden i kommentarene nedenfor. Husk også å ta med lenker til favorittnettstedene dine som illustrerer minimalisme i webdesign.
