6 trinn for å perfeksjonere minimalisme i webdesign
I løpet av de siste årene har webdesign blitt rocket av ulike trender som har kommet og gått. En av trenderne som har kraft, er minimalisme, bare fordi det er et tidløst konsept som har vært populært i ulike medier gjennom tidene. Så hvorfor ikke i webdesign?
En av tingene om minimalisme er at den også forbedrer brukeropplevelsen, i tillegg ser fin ut. En klage fra mange brukere gjennom årene har vært at noen nettsteder er bare for kompliserte å navigere. Det er bare for mye ting som skjer der som gjør brukeropplevelsen mindre enn hva den burde eller kunne være.
Det gamle uttrykket som "mindre er mer", er fortsatt sant, spesielt når det gjelder design i det 21. århundre.
1) omfavn flat design
Vi vet alle at flat design er i hovedsak design verdenens svar på skeuomorphism, som har gått ut av favør på en stor måte nylig, med Apple som et godt eksempel på denne sjøforandringen. Flat design er spesielt preget av mangel på drop shadows, 3D effekter og gradienter; Den bruker også dristige og livfulle farger for å tegne brukerens øye.
En stor merkevare, som er omfavnet flat design på en imponerende måte, er Microsoft, spesielt med sitt Windows 8 operativsystem. På selskapets offisielle nettside for den nyeste versjonen , 8,1, vi ser flatt designet utvalgt i all sin herlighet. Dette gir full mening fra et konsistent synspunkt siden Windows 8 var kjent for den flate utformingen av startskjermbildet.
Derfor ser du på ingen side noen skygger eller gradienter - du ser bare alt i 2D. Typografien til forskjellige fonter for overskrifter og kroppskopi har ingen teksturer av noe slag; sideoppsettet er veldig rent og uten rot; ikoner og knapper er levende og flate som det kan være; og bildene av Windows 8 startskjermbilder er en studie i flat design.
2) Inkluder hvit plass
Uansett hva du vil kalle det, er negativ eller hvit plass ikke bare et usedvanlig smart designelement som leder øyet til å gå der du vil at det skal gå på en nettside, men det er også en standardbærer for minimalisme. Flere og flere nettsteder går til denne designteknikken som de skjønner hvor gunstig det er.
Det beste eksemplet på negativt eller hvitt rom på hele Internett er sannsynligvis det nettstedet som du minst forholder seg til - bare fordi du tar det for gitt. Du bruker det så mye at det bare unngår varselet ditt ... men det er der! jeg snakker om Google søk . Det er en studie i hvitt rom, av grunner som burde være ganske selvsagt.
Siden formålet med nettstedet er å søke, har selskapet sluppet så mye negativt eller hvitt mellomrom på siden at enhver bruker i hele universet ikke kunne distrahere av noe annet enn på søksiden. Alle elementene er fjernet, og hvitt mellomrom omgir søkefeltet. Tydeligvis styrer dette brukerens øye til det største og eneste viktige punkt: hvor du skal skrive inn søket ditt.
Mens negativt eller hvitt rom er et ideelt eksempel på minimalisme, må det også understrekes at det ikke representerer tomhet i seg selv. Det er faktisk et veldig skarpt designelement som hjelper til med å lede brukerens øyne.
3) Limit valg
En av de største reglene for å øke konverteringer på et hvilket som helst e-handels- eller B2B-nettsted er å fjerne antall valg du gir brukerne, kjøpere eller besøkende. Det står bare fornuft: Når du tar bort så mange valg som mulig, lar du ikke dine besøkende bli distrahert av noe som kan hindre dem fra å fullføre sidens mål, som skal konverteres. Dermed er mindre valg et annet fantastisk eksempel på minimalisme i webdesign.
En av de beste stedene å se den magiske minimalismen av valg er i destinasjonssider-destinasjonssider som går om det riktig det er. Et selskap som får prinsippet om minimalisme i valget, er Gengo, det profesjonelle teksten oversettelse selskapet.
På landingssiden , ser du et absolutt mangel på valg. Det er fordi destinasjonssiden gjør det klart hva det neste (og eneste) trinnet skal være for besøkende: Konverter ved å skrive inn teksten eller laste opp filen for oversettelse. Visst, de dør-harde purister i riket med å minimere valg ville selv hevde at navigasjonsmenyen over i overskriften skulle fjernes fordi brukere fortsatt kan klikke der istedenfor å være superfokusert på oversettelsestjenesten.
4) Fokus på fet skrift
Hvis du vil virkelig sette pris på minimalisme i webdesign til det bare-beinbaserte, så sjekk ut Brian Danahers nettsted . Brian er en kunstdirektør, designer og illustratør.
Som du kan se, hviler hans nettsteddesign i utgangspunktet på to ting: fet skrift som du ikke kan gå glipp av og en enkeltkolonn layout. Det er det! Ja, denne tilnærmingen til minimalisme kan være for ekstreme for noen smaker der ute, men det oppnår fortsatt to svært viktige mål, som er topp på noens sinn når de har sitt eget nettsted for å fremme karrieren deres:
- Siden navigasjonen er i utgangspunktet gjemt inn i enkelsøjleoppsettet, kan Brian komme rett til poenget om hva han gjør, hvem han er og hvordan besøkende kan komme i kontakt med ham
- Brian lykkes med å bruke kontrast (i skrifttypefargene og bakgrunnsfargene så mye som mellom størrelsene og stilene til skriftene) for å gi sine besøkende et interessant sted å se på
5) Forenkle navigasjonen din
Navigasjonsmenyen kan ofte overses når vi diskuterer minimalisme i nettsteddesign, men det kan også være en stor (men stille) bidragsyter til å gjøre minimalisme på nettstedet ditt. En navigasjonsmeny som ikke er påtrengende og stille blander seg i bakgrunnen, er nøkkelen til å gjøre et nettsted minimalistisk på et funksjonelt nivå.
Sjekk ut fotograf og designer Cristian Ordonez nettsted Det er en studie i den minimalistiske navigasjonsmenyen. Menyen er en så dedikert tilnærming til minimalisme at den ikke engang strekker seg over bredden av hele hjemmesiden; I stedet er det litt tydelig tucked away i øvre, høyre hjørne av nettstedet. I tillegg er det ingen uttrekksmenyhandling pågår, så det er ikke noe annet eller flere lag med navigering. Til slutt blander fargene på menyen (i hvert fall på hjemmesiden) subtilt inn i bakgrunnsfargen også.
6) Bruk farge i flekker
Ved å bruke små fargekart i nettstedet ditt, kan du følge den minimalistiske tilnærmingen, samtidig som det blir enklere for besøkende å hente på det som er viktig på en gitt side. Ved å inkludere små farger her og der, vil du lykkes i å tegne øynene til besøkende på bestemte områder av betydning.
Nettstedet til 960 Grid System , hvis oppgave er å strømlinjeforme webutviklingsprosessen, illustrerer denne smarte bruken av farge veldig bra. Umiddelbart merker du de små sprutene av gult, som for eksempel brukes til interne linker som "nedlastning" og "se demo". Selv den klikkbare Twitter-logoen øverst til venstre gir et lapp av lyse blå som trekker øynene til besøkende (det tar deg direkte til eier / designer Nathan Smiths Twitter-feed).
Minimalisme fungerer hvis du vet hvordan du bruker den
Nevn ordet "minimalisme" til noen designere, og de blir bekymret fordi de feilaktig tror at et altfor forenklet nettsteddesign vil være uattraktivt. Som eksemplene ovenfor viser, kan ingenting imidlertid være lenger fra sannheten.
Gjort riktig, minimalisme i nettsteddesign kan føre til noen nye og varme trender som flat design eller bidra til å gjøre nettstedseiere mer penger ved å øke konverteringer når valg er begrenset. Alt i alt skaper minimalisme et rent, godt organisert og pent nettsted som gjør det enklere for besøkende på nettstedet ditt. Det er bare grunn til å bruke det i nettstedet ditt.