Minimalistisk webdesign: når mindre er mer
Som designere vet vi alle at en minimalistisk design kan oppnå flotte resultater.
Likevel har mange designere problemer med å skape en; enten har de det vanskelig å lage en side med så få elementer ser bra ut eller det endelige resultatet ser bare ikke ut som "komplett".
Det er mange artikler på nettet om minimalisme, og denne artikkelen tar sikte på å hjelpe deg med å oppnå en minimalistisk design som er vakker, men ikke bare.
Til toppen vil vi presentere en liten presentasjon av minimalistiske design , slik at du kan analysere hvorfor noen design fungerer og andre ikke gjør det.
Hva er minimalistisk design?
Minimalistisk design har blitt beskrevet som design på det mest grunnleggende, fjernet av overflødige elementer, farger, former og teksturer.
Formålet er å få innholdet til å skille seg ut og være fokuspunktet. Fra et visuelt synspunkt, er minimalistisk design ment å være beroligende og å ta tankene ned til det grunnleggende .
Designbevegelsen begynte i Sveits og ble deretter påført en rekke medier: grafisk design, arkitektur, musikk, litteratur, maleri og nyere webdesign.
Selv om minimalistisk design tok av tiår siden, viste ikke de tidlige dagene på Internett det. Selv uten de roterende logoer, marquees og lyse farger var nettside design rotete og overbærende .
Vi vil gå over de grunnleggende prinsippene for minimalistisk design. Men selv om du velger å ikke forfølge en minimalistisk estetikk, kan leksjonene her hjelpe deg med å forenkle ditt design, uansett stil.
Mindre er mer
Som nevnt, minimalisme bringer det viktigste innholdet til forkant og minimerer distraksjoner for brukeren. Hvis en side har for mange elementer, vil visningen være forvirret om hvor du skal se eller feilsette prioriteten til hvert element. En minimalistisk design setter fokuset rett på innholdet.
Enhver fargeskjegg på svart-hvitt-design, for eksempel, er sikker på å få brukerens oppmerksomhet. Fargen selv blir fokuspunktet . La oss se på et bestemt eksempel:
Du har sikkert sett denne typen design før: vanlig hvit bakgrunn, en blokk med innhold og ett grafisk element.
Det grafiske elementet gir farger, tekstur og form. Det er klart det viktigste elementet på siden, og det definerer designerens merkevare og identitet.
Med kompleksiteten til dette bestemte grafiske elementet, ville mer innhold på denne siden ha gjort det mindre merkbart og mindre viktig. Ved å holde innholdet til et minimum har designeren oppnådd den perfekte balansen.
Slik minimerer du innholdet
Det første skrittet for å skape en minimalistisk design, eller bare forenkle et oppsett, er ikke bare å kutte ut det meste av grafikken, men heller å revurdere innholdet og stripe det til de bare kravene. Først da vil de viktigste elementene på siden oppnå deres tiltenkte effekt.
Akkurat som du ville planlegge et nettsted, skriv ned hvilket innhold du trenger: logo, introduksjon, navigasjon etc. Skjær ut alt annet som ikke er avgjørende. Kast ut så mye som mulig .
Nedenfor er noen elementer du sannsynligvis ikke trenger. Husk at dette bare er en guide. Dine eksakte krav vil avhenge av ditt spesielle design. Noen av elementene nedenfor kan ikke kreves for ditt nettsted.
- Ikoner eller grafikk for sosiale medier, eller en sosial medieseksjon i det hele tatt
- Merkelinjer og tilleggsbeskrivelser eller introduksjoner
- "Utvalgte", "Populære" og "Nylige" lister (inkludert Twitter og RSS-feedlister)
- Sider med mer enn tre hovedavsnitt (f.eks. "Introduksjon", "Om" og "Tjenester")
- Sekundære navigasjonssider.
Poenget her er ikke å gjøre nettsiden mindre funksjonell, men heller å kutte ut unødvendige elementer (og dermed fremheve de nødvendige) eller å kombinere seksjoner til en enklere layout (for eksempel ved å inkorporere dine sosiale medier lenker til "Om" eller innledende seksjon).
Du kan også dele innholdet i separate sider, og gi hvert innhold mer oppmerksomhet.
Slik forenkler du designen
Nå er det på tide å forenkle designet så mye som mulig.
Minimalistiske design bør ha liten tekstur, farge, form, linjer, innhold eller type. Gå for bar, skjønt, og designen vil bli kjedelig. Snarere enn å dumpe alt ut, gi designet appell ved å gjøre bare ett viktig trekk i fokuspunktet .
Velg hva som fokus vil være, og hold tipsene nedenfor oppmerksomt når du jobber gjennom ditt design.
Bruk en stor wireframe
I bla gjennom showcase-delen nedenfor ser vi at noen designere har lagt til visuell interesse med subtile farger, unike typografier eller interessante former. Kanskje det viktigste elementet de alle har stolt på, er imidlertid en unik wireframe .
Å lage en wireframe for en slik side trenger litt ekstra oppmerksomhet. Med riktig wireframe kan du oppnå riktig hierarki og organisasjon og skape visuell interesse.
For å komme opp med en wireframe, følg disse trinnene:
- Bestem hva innhold du absolutt trenger
- I en liste, prioritere innholdet
- Skiss noen wireframes basert på listen din for å eksperimentere med det beste visuelle hierarkiet.
Når du trener wireframen, bør du vurdere plassering, men også visuell behandling. For eksempel, hvis logoen din har en farge som du ikke gjenbruker andre steder i designen, må du ta ansvar for det.
White Space
Hvit plass er praktisk talt synonymt med minimalisme.
Uansett hvor kreativ du er med det, er en minimalistisk design uten rikelig med hvitt rom ikke helt minimalistisk i det hele tatt. Så vær sikker på å legge til mer hvitt mellomrom rundt elementene enn du normalt ville.
Plassen er nødvendig for å balansere de få elementene som vil vises på siden.
Balanse, Justering, Kontrast
Mens mye av lasten kan bæres av hvitt mellomrom og en god wireframe, bør det tas spesiell forsiktighet med grunnleggende design. De tre største knyttet til minimalisme er balanse, justering og kontrast .
Pass på at designet overholder disse prinsippene, og at det ikke trenger supplerende visuelle hjelpemidler for å se "ferdig".
Hold også andre grunnleggende designprinsipper i tankene også. Gjennomgå dem og eksperimenter med forskjellige alternativer for å oppnå det beste resultatet. Sjekk ut " Prinsippene for design "For flere ideer.
Når Overdesign blir en vane
Overdesign blir noen ganger en vane. Uansett hvor hardt du prøver å holde et design enkelt, kommer det ut rotete og komplekse. For å fikse dette må vi danne nye vaner.
Prøv å gjennomgå tipsene ovenfor før hvert prosjekt for å holde dem i tankene under prosessen. Fokus på å utvikle en vane om gangen. For eksempel arbeid med å redusere og forenkle innholdet før du går videre til det hvite rommet.
Hvis du befinner deg i en tøff punkttanking, "Noe mangler", prøv å ta noe ut, snarere enn å sette inn noe nytt.
Hvert aspekt av minimalisme krever et annet talent. Dine design blir enklere, jo mer legger du disse prinsippene i praksis.
Ta det videre, når du har brukt de teknikkene som diskuteres her, se på ferdigproduktet og se om du kan finne måter å forenkle resultatet enda lenger.
Du kan fokusere på områder du ikke var sikker på under designprosessen, og du kan be andre designere å peke på elementer du kanskje har savnet.
Minimalistisk Showcase
Nedenfor er en kort presentasjon av minimalistiske design. Se hvordan hver av disse implementerer prinsippene vi har diskutert. Se også hvilke som bryter våre retningslinjer, og tenk på hvorfor de fortsatt jobber.
1. James Day Photo
2. Killswitch Collective
3. Enlig
4. DBushell
5. XPD.no
6. Toy NY
7. Joshua Serbus
8. Ah-Studio
9. Symour Powell
10. Ikon arbeid
11. Neil Wilson Arkitekter
12. Ikke-format
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink London
17. Stolt Creative
18. Kimag
19. Bernat Fortet
20. hele dagen
Noen Trender
Som du kan se, har minimalistisk webdesign noen klare trender. Å være oppmerksom på disse trendene hjelper oss med å forbedre våre design på en rekke måter.
Ikke bare er vi i stand til å ta inspirasjon fra layoutene som andre designere har jobbet så hardt på, men vi kan bevisst bryte fra disse trender for å forme vår egen innovative vei.
La oss diskutere noen av disse trendene mer detaljert.
Svart og hvit
En av de mest merkbare trender er omfattende bruk av svart og hvitt . Dette er åpenbart nok: farge bør forenkles sammen med tekstur, form og innhold. Men det kan bli overdrevet i disse dager og se litt kjedelig ut.
Se på noen nettsteder som har definerte farger i utstillingsvinduet ovenfor, og se hvordan de skiller seg ut fra andre minimalistiske design. Tenk også på hvordan de klarer å holde seg minimalistiske selv med så sterk bruk av farge. Her er et eksempel:
Interessant typografi
Typografi-basert webdesign er nært knyttet til minimalisme.
Når designere har svært lite annet å opphisse brukeren, griper de ofte på interessant typografi. Du kan til og med gå så langt som å bruke typografi som det eneste visuelle elementet.
Dette er en dristig teknikk, men fortsatt en trend i seg selv . Se etter måter å få typografi til å forbedre utformingen, mens den fortsatt er unik.
Blits
Et overraskende antall minimalistiske webdesign er Flash-basert. Med så lite annet for visuell stimulering, kan en design ha nytte av subtil animasjon (for eksempel tekstfading inn og ut) uten å være overveldende.
I tillegg fjerner Flash visse begrensninger i designprosessen. Ukonvensjonelle wireframes, typografi og andre elementer kan være lettere å oppnå med Flash enn ved tradisjonelle metoder.
Wrapping Up
Minimalistisk design kommer i mange former, og likevel ser vi for ofte det samme skjemaet gjentas. Trender kan bli overbærende, og vi må bekjempe trang til å etterligne mens vi forstår hva det handler om en trend som gir mening.
I alle fall kan minimalisme være vakker og vil være rundt i årene som kommer, så det kan være utrolig gunstig å lære noen av sine teknikker, enten for dine kunder eller for dine egne prosjekter.
Og selv om du ikke er interessert i minimalistisk stil, kan leksjonene og prinsippene hjelpe deg med å forenkle designene dine, noe som alltid er bra.
Skrevet utelukkende for Webdesigner Depot av Kayla Knight.
Så, hva gjør minimalistisk design så effektiv, og når skal vi unngå det? Vennligst del dine kommentarer nedenfor ...