Minimalistisk webbdesign: när mindre är mer
Som designare vet vi alla att en minimalistisk design kan uppnå vackra resultat.
Fortfarande har många designers problem med att skapa en; antingen har de svårt att göra en sida med så få element ser bra ut eller det slutliga resultatet ser inte ut som "komplett".
Det finns många artiklar på webben om minimalism och den här artikeln syftar till att hjälpa dig att uppnå en minimalistisk design som är vacker men inte otrolig.
Till toppen av det kommer vi presentera en liten presentuppvisning av minimalistiska mönster , så att du kan analysera varför vissa mönster fungerar och andra inte gör det.
Vad är minimalistisk design?
Minimalistisk design har beskrivits som design vid sin mest grundläggande, borttagen av överflödiga element, färger, former och texturer.
Dess syfte är att göra innehållet tydligt och vara kontaktpunkten. Från en synlig synpunkt är minimalistisk design menad att lugna och för att ge sinnen ner till grunderna .
Designrörelsen började i Schweiz och applicerades sedan på en mängd olika medier: grafisk design, arkitektur, musik, litteratur, målning och, mer nyligen, webbdesign.
Även om minimalistisk design tog av decennier sedan visade Internetens tidiga dagar inte det. Även utan de roterande logotyperna, marknaderna och de ljusa färgerna var webbdesignen rörig och övertygande .
Vi ska gå över de grundläggande principerna för minimalistisk design. Men även om du väljer att inte driva en minimalistisk estetik kan lektionerna hjälpa dig att förenkla din design, oavsett din stil.
Mindre är mer
Som nämnts kommer minimalism det viktigaste innehållet i framkant och minimerar distraktioner för användaren. Om en sida har för många element kommer föraren att vara förvirrad om var man ska se eller tolka prioriteten för varje element. En minimalistisk design sätter fokus på innehållet.
Varje stänk av färg på en svartvit design, är till exempel att få användarens uppmärksamhet. Färgen själv blir kontaktpunkten . Låt oss titta på ett visst exempel:
Du har nog sett den här typen av design innan: vanlig vit bakgrund, ett block av innehåll och ett grafiskt element.
Det grafiska elementet ger färg, struktur och form. Det är tydligt det viktigaste elementet på sidan, och det definierar designerns varumärke och identitet.
Med komplexiteten hos det här grafiska elementet skulle mer innehåll på den här sidan ha gjort det mindre märkbart och mindre viktigt. Håll innehållet till ett minimum har konstruktören uppnått den perfekta balansen.
Hur minimerar innehållet
Det första steget att skapa en minimalistisk design, eller bara förenkla en layout, är inte bara att klippa ut det mesta av grafiken, utan snarare att ompröva innehållet och stryka det till de nakna kraven. Först då kommer de viktigaste elementen på sidan att uppnå sin avsedda effekt.
På samma sätt som du skulle planera någon webbplats, skriv ner vilket innehåll du behöver: logotyp, introduktion, navigering etc. Skär ut allt annat som inte är nödvändigt. Kasta ut så mycket som möjligt .
Nedan finns några element du förmodligen inte behöver. Tänk på att detta bara är en guide. Dina exakta krav beror på din speciella design. Några av objekten nedan kanske inte behövs för din webbplats.
- Ikoner eller grafik för sociala medier, eller en social media sektion alls
- Taglinjer och kompletterande beskrivningar eller introduktioner
- "Utvalda", "Populära" och "Senaste" listor (inklusive Twitter och RSS-matningslistor)
- Sidor med mer än tre huvudavsnitt (t.ex. "Introduktion", "Om" och "Tjänster")
- Sekundära navigeringssidor.
Poängen här är inte att göra webbplatsen mindre funktionell, utan snarare att skära ut onödiga element (och därmed lyfta fram de nödvändiga) eller att kombinera sektioner till en enklare layout (till exempel genom att integrera dina sociala medier i "About" eller inledande avsnitt).
Du kan också dela innehåll i separata sidor, vilket ger varje innehåll mer uppmärksamhet.
Hur man förenklar designen
Nu är det dags att förenkla designen så mycket som möjligt.
Minimalistiska mönster ska ha liten textur, färg, form, linjer, innehåll eller typ. Gå för blont, och designen blir tråkig. Snarare än att dumpa allting, ge designen överklagande genom att bara göra ett viktigt inslag i fokuspunkten .
Välj vad fokus ska vara och håll tipsen nedan i åtanke när du arbetar med din design.
Använd en bra trådram
Genom att bläddra i presentationssektionen nedan ser vi att vissa designers har lagt till visuellt intresse med subtila färgskärningar, unik typografi eller intressanta former. Kanske är det viktigaste elementet de alla har åberopat, en unik trådram .
Att skapa en trådram för en sådan sida kräver lite extra uppmärksamhet. Med rätt trådram kan du uppnå rätt hierarki och organisation och skapa visuellt intresse.
För att komma med en trådram, följ dessa steg:
- Beslut om vilket innehåll du absolut behöver
- Prioritera innehållet i en lista
- Skissa några trådramar baserat på din lista för att experimentera med den bästa visuella hierarkin.
När du tränar trådramen, överväga placering men även visuell behandling. Till exempel, om din logotyp har en färg som du inte återanvändar någon annanstans i designen måste du ta reda på det.
White Space
Vitt utrymme är praktiskt taget synonymt med minimalism.
Oavsett hur kreativ du är med den, är en minimalistisk design utan gott om vitt utrymme inte alls minimalistiskt alls. Så var noga med att lägga till mer vitt utrymme runt element än vad du normalt skulle göra.
Utrymmet behövs för att balansera de få element som kommer att visas på sidan.
Balans, Justering, Kontrast
Medan mycket av lasten kan bäras av vitt utrymme och en bra wireframe, bör särskild försiktighet tas med grunden för designen. De tre största relaterade till minimalism är balans, anpassning och kontrast .
Var säker på att din design följer dessa principer och att det inte behöver kompletterande visuella hjälpmedel att se "färdiga".
Håll även andra grundläggande designprinciper i åtanke också. Granska dem och experimentera med olika alternativ för att uppnå bästa resultat. Checka ut " Designens principer "För fler idéer.
När Over-Designing blir en vana
Överdesign blir ibland vana. Oavsett hur svårt du försöker hålla en design enkel, kommer den ut ur rörig och komplex. För att åtgärda detta måste vi bilda nya vanor.
Prova igenom tipsen ovan före varje projekt för att hålla dem i åtanke under processen. Fokusera på att utveckla en vana i taget. Till exempel arbeta med att minska och förenkla innehållet innan du flyttar till vitt utrymme.
Om du befinner dig i ett svårt tänkande, "Något saknas", försök först ta något ut, istället för att lägga in något nytt.
Varje aspekt av minimalism kräver en annan talang. Dina mönster blir enklare ju mer du lägger dessa principer i praktiken.
När du har tagit det ytterligare, när du har tillämpat de tekniker som diskuteras här, kolla på den färdiga produkten och se om du kan hitta sätt att förenkla resultatet ytterligare.
Du kan fokusera på områden som du var osäker på under designprocessen, och du kan be andra designers att peka på element du kanske har missat.
Minimalistisk Showcase
Nedan följer en kort presentation av minimalistiska mönster. Se hur varje av dem genomför de principer som vi har diskuterat. Se även vilka som bryter mot våra riktlinjer, och fundera på varför de fortfarande arbetar.
1. James Day Photo
2. Killswitch Collective
3. ensam
4. DBushell
5. XPD.no
6. Toy NY
7. Joshua Serbus
8. Ah-Studio
9. Symour Powell
10. Ikonarbete
11. Neil Wilson Architects
12. Non-Format
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink London
17. Stolt Creative
18. Kimag
19. Bernat Fortet
20. hela dagen
Några trender
Som du kan se har minimalistisk webbdesign några tydliga trender. Att vara medveten om dessa trender hjälper oss att förbättra våra mönster på ett antal sätt.
Inte bara kan vi inspirera från de layouter som andra designers har arbetat så hårt på, men vi kan medvetet bryta från dessa trender för att skapa en egen innovativ väg.
Låt oss diskutera några av dessa trender mer detaljerat.
Svartvitt
En av de mest märkbara trenderna är omfattande användning av svartvitt . Detta är uppenbart nog: färg bör förenklas tillsammans med textur, form och innehåll. Men det kan överdrivas idag och se lite tråkigt ut.
Titta på några webbplatser som har definierade färger i utställningen ovan och se hur de sticker ut från andra minimalistiska mönster. Tänk också på hur de lyckas hålla sig minimalistiska även med så stark användning av färg. Här är ett exempel:
Intressant typografi
Typografibaserad webbdesign är nära kopplad till minimalism.
När designers har väldigt lite annat att upphetsa användaren griper de ofta på intressant typografi. Du kan till och med gå så långt som att använda typografi som det enda visuella elementet.
Detta är en vågad teknik men fortfarande en trend i sig . Leta efter sätt att göra typografi förbättra designen samtidigt som den är unik.
Blixt
Ett överraskande antal minimalistiska webbdesigner är Flash-baserade. Med så lite annat för visuell stimulering kan en design dra nytta av subtil animering (till exempel textfading in och ut) utan att vara överväldigande.
Dessutom tar Flash vissa begränsningar i designprocessen. Okonventionella wireframes, typografi och andra element kan vara lättare att uppnå med Flash än med traditionella metoder.
Avslutar
Minimalistisk design kommer i många former, men ändå ser vi alltför ofta samma form upprepad. Tendenser kan bli överbärande, och vi måste bekämpa trangen att imitera, samtidigt som vi förstår vad det handlar om en trend som är meningsfullt.
Under alla omständigheter kan minimalism vara vacker och kommer att ligga i många år framöver, så att lära sig några av dess tekniker kan vara oerhört fördelaktigt, vare sig det gäller för dina kunder eller för dina egna projekt.
Och även om du inte är intresserad av minimalistisk stil kan lektionerna och principerna hjälpa dig att förenkla dina mönster, vilket alltid är bra.
Skriven uteslutande för Webdesigner Depot av Kayla Knight.
Så, vad gör minimalistisk design så effektiv, och när borde vi undvika det? Vänligen dela dina kommentarer nedan ...