6 steg för att perfekta minimalismen i webbdesign
Under de senaste åren har webbdesign blivit rockad av olika trender som har kommit och gått. En av de trender som håller kraft är minimalism, helt enkelt för att det är ett tidlöst koncept som har varit populärt i olika medier under åren. Så varför inte i webbdesign?
En av sakerna om minimalism är att det också ökar användarupplevelsen, förutom att se bra ut. Ett klagomål från många användare under åren har varit att vissa webbplatser bara är för komplicerade att navigera. Det finns bara för mycket saker på gång där som gör användarupplevelsen mindre än vad den borde eller skulle kunna vara.
Det gamla ordspråket som "mindre är mer" ringer fortfarande sant, särskilt när det gäller design i 21-talet.
1) omfamna platt design
Vi vet alla att plattformen i grunden är designvärldens svar på skeuomorfismen, som i stor utsträckning har försvunnit, Apple är ett utmärkt exempel på denna havsförändring. Plattformen kännetecknas speciellt av en frånvaro av fallskuggor, 3D-effekter och gradienter; Det använder också djärva och livfulla färger för att dra användarens öga.
Ett enormt varumärke som omfamnar platt design på ett imponerande sätt är Microsoft, särskilt med sitt Windows 8 operativsystem. På företagets officiella hemsida för den senaste versionen , 8,1, vi ser platt utformad med all sin härlighet. Detta gör fullständig förståelse från en konsistenssynpunkt, eftersom Windows 8 var känt för den platta designen på startskärmen.
Därför ser du inga bevis på några skuggor eller gradienter på sidan, du ser bara allt i 2D. Typografi av olika teckensnitt för rubriker och kroppskopior har inga texturer av något slag. Sidlayouten är mycket ren och utan rubbning; ikoner och knappar är levande och platta som kan vara; och bilderna av Windows 8 startskärmar är en studie i platt design.
2) Inkludera vitt utrymme
Vad du än vill kalla det, är negativt eller vitt utrymme inte bara ett exceptionellt smart designelement som leder ögat att gå där du vill att det ska gå på en webbsida, men det är också en standardbärare för minimalism. Fler och fler webbplatser går till denna designteknik eftersom de inser hur fördelaktigt det är.
Det enda bästa exemplet på negativt eller vitt utrymme på hela Internet är förmodligen den webbplats som du minst associerar den med - bara för att du tar det för givet. Du använder det så mycket att det helt enkelt rensar ditt meddelande ... men det är där! jag talar om Google Sök . Det är en studie i vitt utrymme, av skäl som borde vara ganska självklart.
Eftersom syftet med webbplatsen är att söka har företaget listigt utnyttjat så mycket negativt eller vitt utrymme på sidan att någon användare i hela universum inte kunde vara distraherad av något annat än på söksidan. Alla element har tagits bort, och det vita utrymmet omger sökfältet. Självfallet leder detta användarens öga till den största och enda viktigaste punkten: var du ska skriva in din sökning.
Medan negativt eller vitt utrymme är ett idealiskt exempel på minimalism, måste det också betonas att det inte representerar tomhet i sig. Det är faktiskt ett mycket skarpt designelement som hjälper till att styra användarnas ögon.
3) Begränsa val
En av de största reglerna för att öka konverteringar på vilken e-handel eller B2B-webbplats som helst, är att ta bort antalet val du ger dina användare, köpare eller besökare. Det står bara förnuftigt: När du tar bort så många val som möjligt låter du inte dina besökare bli distraherade av något som kan hindra dem från att slutföra sidans mål, vilket ska konverteras. Således är mindre val ett annat fantastiskt exempel på minimalism i webbdesign.
En av de bästa ställen att se magi minimalism av val är i målsidor-målsidor som går om det korrekt det är. Ett företag som får principen om minimalism i val är Gengo, det professionella bildtexingsföretaget.
På dess målsida , du ser en fullständig avsaknad av val. Det beror på att målsidan gör mycket klart vad nästa (och enda) steg ska vara för besökare: konvertera genom att skriva in texten eller ladda upp filen för översättning. Visst, de döva puristerna i riket att minimera valet skulle till och med argumentera för att navigeringsmenyn ovanför huvudet bör tas bort eftersom användare fortfarande kan klicka där istället för att vara superfokuserade på översättningstjänsten.
4) Fokusera på djärv typografi
Om du verkligen vill uppskatta minimalism i webbdesign till det grundläggande principen, kolla in Brian Danaher s webbplats . Brian är en konstdirektör, designer och illustratör.
Som du kan se bygger hans webbplatsdesign i huvudsak på två saker: djärv typografi som du inte kan missa och en enkelspaltens layout. Det är allt! Ja, det här tillvägagångssättet för minimalism kan vara för extremt för vissa smaker där ute, men det uppnår fortfarande två väldigt viktiga mål, som är bästa för någons sinn när de har sin egen webbplats för att främja sin karriär:
- Eftersom navigationen i grunden ligger in i enkelspaltens layout kan Brian komma direkt till saken om vad han gör, vem han är och hur besökare kan komma i kontakt med honom
- Brian lyckas använda kontrast (i teckensnittsfärgerna och bakgrundsfärgerna lika mycket som mellan storlekarna och stilarna på tecknen) för att ge besökarna något intressant att titta på
5) Förenkla din navigering
Navigationsmenyn kan ofta förbises när vi diskuterar minimalism i webbdesign, men det kan också vara en stor (men tyst) bidragsgivare till att göra minimalism på din webbplats. En navigationsmeny som inte är påträngande och tyst blandar sig i bakgrunden är nyckeln till att göra en webbplats minimalistisk på en funktionell nivå.
Kolla in fotograf och designer Cristian Ordonez webbplats Det är en studie i den minimalistiska navigeringsmenyn. Menyn är en så dedikerad inställning till minimalism att den inte ens sträcker sig över hela hemsidans bredd; i stället är det lugnt tucked bort i det övre, högra hörnet av webbplatsen. Dessutom finns det ingen bildruta-menyåtgärd som pågår, så det finns inga olika eller flera lager av navigering. Slutligen blandar färgerna på menyn (åtminstone på hemsidan) subtilt in i bakgrundsfärgen också.
6) Använd färg i fläckar
Genom att använda små färgfläckar i din webbdesign gör du det möjligt att hålla sig till det minimalistiska tillvägagångssättet, samtidigt som det blir lättare för besökare att hämta vad som är viktigt på en viss sida. Genom att inkorporera små poppar av färg här och där, lyckas du med att dra dina besökares ögon till specifika viktiga områden.
Webbplatsen för 960 Grid System , vars uppgift är att effektivisera webbutvecklingsprocessen, tydliggör denna smarta användningen av färg mycket bra. Omedelbart märker du de små stänk av gula, som till exempel används för interna länkar som "download" och "view demo." Även den klickbara Twitter-logotypen i vänster visas en fläck av ljusblå som drar ögonen på besökare (det tar dig direkt till ägare / designer Nathan Smiths Twitter-flöde).
Minimalism fungerar om du vet hur du använder den
Nämn ordet "minimalism" till vissa designers, och de blir oroliga eftersom de felaktigt tror att en alltför förenklad webbdesign kommer att vara oattraktiv. Som ovanstående exempel visar, kan ingenting dock vara längre från sanningen.
Gjorde rätt, minimalism i webbplatsdesign kan leda till några nya och heta trender som platt design eller hjälpa till att göra platsägare mer pengar genom att öka omvandlingar när valet är begränsat. Sammantaget skapar minimalism en ren, välorganiserad och snygg webbplats som gör det enklare för besökarna på webbplatsen. Det är anledningen att använda den i din webbdesign.