6 trin til perfektionering af minimalisme i webdesign
I løbet af de sidste par år er webdesign blevet rocket af forskellige tendenser, der er kommet og gået. En af de tendenser, der har opretholdt magt, er minimalisme, simpelthen fordi det er et tidløst koncept, der har været populært i forskellige medier gennem tiderne. Så hvorfor ikke i webdesign?
En af tingene om minimalisme er, at det også forbedrer brugeroplevelsen, udover at se godt ud. En klage fra mange brugere i årenes løb har været, at nogle hjemmesider kun er for komplicerede at navigere. Der er bare for meget ting der foregår der, der gør brugeroplevelsen mindre end hvad den burde eller kunne være.
Det gamle ordsprog, at "mindre er mere" stadig ringe sandt, især når det kommer til design i det 21. århundrede.
1) omfavne fladt design
Vi ved alle, at fladt design i det væsentlige er designverdenens svar på skeuomorphism, som for nylig er faldet ud af favør, idet Apple er et glimrende eksempel på denne havforandring. Fladt design er særligt kendetegnet ved mangel på drop skygger, 3D effekter og gradienter; det bruger også fed og levende farver til at trække brugerens øje.
Et stort mærke, der omtales fladt design på en imponerende måde, er Microsoft, især med dets Windows 8-operativsystem. På den firmaets officielle hjemmeside for den seneste version , 8,1, vi ser fladt designet fremhævet i al sin herlighed. Dette giver fuld mening fra et konsistent synspunkt, da Windows 8 var kendt for det flade design af startskærmen.
På stedet ser du derfor ikke noget tegn på nogen skygger eller gradienter - du ser kun alt i 2D. Typografi af forskellige skrifttyper til overskrifter og kropskopi har ingen teksturer af nogen art; sidelayoutet er meget rent og uden rod; Ikoner og knapper er levende og flade, som det kan være; og billederne af Windows 8 startskærme er en undersøgelse i fladt design.
2) inkorporerer hvidt rum
Uanset hvad du vil kalde det, er negativt eller hvidt rum ikke kun et usædvanligt smart designelement, der leder øjet til at gå, hvor du vil have det på en webside, men det er også en standardbærer til minimalisme. Flere og flere websteder går til denne design teknik, da de indser, hvor gavnligt det er.
Det bedste eksempel på negativt eller hvidt rum på hele internettet er sandsynligvis det websted, som du mindst associerer det med - bare fordi du tager det for givet. Du bruger det så meget, at det simpelthen undslipper din meddelelse ... men det er der! Jeg taler om Google søgning . Det er en undersøgelse i hvidt rum, af grunde, der skal være helt selvklare.
Da formålet med hjemmesiden er at søge, har virksomheden snedigt udnyttet så meget negativt eller hvidt rum på siden, at enhver bruger i hele universet ikke kunne blive distraheret af noget andet, mens på søgesiden. Alle elementer er blevet fjernet, og det hvide rum omgiver søgebjælken. Det er klart, at dette leder brugerens øje til det største og eneste vigtige punkt: hvor skal du skrive din søgning.
Mens negativt eller hvidt rum er et ideelt eksempel på minimalisme, skal det også understreges, at det ikke repræsenterer tomhed i sig selv. Det er faktisk et meget skarpt designelement, som hjælper med at lede brugerens øjne.
3) Limit valg
En af de største regler i stigende konverteringer på ethvert e-handels- eller B2B-websted er at fjerne antallet af valg, du giver dine brugere, købere eller besøgende. Det står bare fornuft: Når du tager væk så mange valg som muligt, lader du ikke dine besøgende blive distraheret af noget, der kan hindre dem i at fuldføre sidens mål, som skal konverteres. Således er mindre valg et andet fantastisk eksempel på minimalisme i webdesign.
Et af de bedste steder at se magi minimalisme valg er i destinationssider-landingssider, der går om det korrekt, det er. Et firma, der får princippet om minimalisme i valg, er Gengo, det professionelle billedtekstoversættelsesselskab.
På dens destinationsside , ser du et fuldstændigt mangel på valg. Det skyldes, at destinationssiden gør meget klart, hvad det næste (og eneste) trin skal være for besøgende: Konverter ved at skrive i teksten eller uploade din fil til oversættelse. Sikker på, at die-hard-puristerne i retten til at minimere valg ville endog hævde, at navigeringsmenuen ovenfor i overskriften skulle fjernes, fordi brugerne stadig kan klikke der i stedet for at være superfokuseret på oversættelsestjenesten.
4) Fokus på fed skrift
Hvis du virkelig vil sætte pris på minimalisme i webdesign til dets bare-knogler basics, så tjek Brian Danaher s websted . Brian er en kunstdirektør, designer og illustrator.
Som du kan se, hviler sit websteddesign grundlæggende på to ting: fed skrift, som du ikke kan gå glip af og en enkeltkolonne layout. Det er det! Ja, denne tilgang til minimalisme kan være for ekstreme for nogle smag derude, men det opnår stadig to meget vigtige mål, som er bedste for alles mening, når de har deres eget websted for at fremme deres karriere:
- Da navigationen i bund og grund er gemt i enkeltkolonne-layoutet, kan Brian få det rette over det, han gør, hvem han er og hvordan besøgende kan komme i kontakt med ham
- Brian lykkes i at bruge kontrast (i skrifttypens farver og baggrundsfarver så meget som mellem størrelser og stilarter på skrifttyperne) for at give sine besøgende et interessant sted at se på
5) Forenkle din navigation
Navigationsmenuen kan ofte overses, når vi diskuterer minimalisme i webdesign, men det kan også være en stor (men tavs) bidragyder til at gøre minimalisme på dit websted. En navigationsmenu, der ikke er påtrængende og stilfuldt blander sig i baggrunden, er nøglen til at gøre et websted minimalistisk på et funktionelt niveau.
Tjek fotograf og designer Cristian Ordonez hjemmeside Det er en undersøgelse i den minimalistiske navigationsmenu. Menuen er sådan en dedikeret tilgang til minimalisme, at den ikke engang strækker sig over bredden af hele hjemmesiden; i stedet er det slags stille gemt væk i det øverste, højre hjørne af siden. Derudover er der ikke nogen udvidelse af menuen, der foregår, så der er ikke forskellige eller flere lag af navigation. Endelig blander farverne på menuen (i hvert fald på hjemmesiden) subtilt også i baggrundsfarven.
6) Brug farve i patches
Ved at bruge små farvefarve i dit website design vil du lade dig overholde den minimalistiske tilgang, samtidig med at det bliver lettere for besøgende at afhente det, der er vigtigt på en given side. Ved at inkorporere små farver af farver her og der, vil du lykkes med at trække øjnene for dine besøgende på bestemte områder af betydning.
Webstedet for 960 Gitter System , hvis mission er at strømline webudviklingsprocessen, udmærker denne smarte brug af farve meget godt. Umiddelbart bemærker du de små stænk af gule, som f.eks. Bruges til interne links som "download" og "view demo." Selv det klikbare Twitter-logo øverst til venstre giver et klip af lyseblå, der trækker øjnene af besøgende (det tager dig direkte til ejer / designer Nathan Smiths Twitter-feed).
Minimalisme fungerer, hvis du ved hvordan man bruger det
Nem ordet "minimalisme" til nogle designere, og de bliver bekymrede, fordi de fejlagtigt tror, at et alt for simplistisk site design vil være uinteressant. Som de ovenstående eksempler viser, kunne intet imidlertid være længere fra sandheden.
Udført ret, minimalisme i site design kan føre til nogle nye og varme tendenser som flade design eller hjælpe med at gøre webstedsejere flere penge ved at øge konverteringer, når valg er begrænset. Alt i alt skaber minimalisme en ren, velorganiseret og pæn hjemmeside, der gør tingene lettere for dine besøgende. Det er alene grund til at bruge det i dit websted design.