Minimalistisk webdesign: Når mindre er mere
Som designere ved vi alle, at et minimalistisk design kan opnå smukke resultater.
Alligevel har mange designere problemer med at skabe en; enten har de svært ved at lave en side med så få elementer ser godt ud eller det endelige resultat ser bare ikke ud "komplet".
Der er mange artikler på nettet om minimalisme, og denne artikel har til formål at hjælpe dig med at opnå et minimalistisk design, der er smukt, men ikke bare.
Til toppen af det præsenterer vi et lille udstillingsvindue af minimalistiske designs , så du kan analysere, hvorfor nogle designs virker, og andre ikke gør det.
Hvad er minimalistisk design?
Minimalistisk design er blevet beskrevet som design på sit mest basale, fjernet af overflødige elementer, farver, former og teksturer.
Formålet er at få indholdet til at skille sig ud og være omdrejningspunktet. Fra et visuelt synspunkt er minimalistisk design beregnet til at være beroligende og at bringe sindet ned til det grundlæggende .
Designbevægelsen begyndte i Schweiz og blev derefter anvendt til en række medier: grafisk design, arkitektur, musik, litteratur, maleri og nyere webdesign.
Selvom det minimalistiske design tog afkald på årtier siden, viste de tidlige dage på internettet ikke det. Selv uden de roterende logoer, marquees og lyse farver var website designs rodet og overbærende .
Vi går over de grundlæggende principper for minimalistisk design. Men selvom du vælger ikke at forfølge en minimalistisk æstetik, kan lektionerne her hjælpe dig med at forenkle dit design, uanset din stil.
Mindre er mere
Som nævnt bringer minimalisme det vigtigste indhold til forkant og minimerer distraktioner for brugeren. Hvis en side har for mange elementer, bliver seeren forvirret af, hvor man skal se eller forkaste prioriteten for hvert element. En minimalistisk design sætter fokuset helt på indholdet.
Enhver stænk af farve på et sort-hvidt design, for eksempel, er sikker på at få brugerens opmærksomhed. Farven selv bliver brændpunktet . Lad os se på et bestemt eksempel:
Du har sikkert set denne slags design før: almindelig hvid baggrund, en blok af indhold og et grafisk element.
Det grafiske element bringer farve, tekstur og form. Det er klart det vigtigste element på siden, og det definerer designerens mærke og identitet.
Med kompleksiteten af dette bestemte grafiske element ville mere indhold på denne side have gjort det mindre mærkbart og mindre vigtigt. Ved at holde indholdet til et minimum har designeren opnået den perfekte balance.
Sådan minimeres indholdet
Det første skridt til at skabe et minimalistisk design, eller bare forenkle et layout, er ikke bare at skære det meste ud af grafikken, men snarere at genoverveje indholdet og strippe det til de bare krav. Først da vil de vigtigste elementer på siden opnå deres tilsigtede effekt.
Ligesom du ville planlægge en hjemmeside, skal du skrive ned hvilket indhold du har brug for: logo, introduktion, navigation osv. Skær ud noget andet, der ikke er vigtigt. Kast ud så meget som muligt .
Nedenfor er nogle elementer, du sandsynligvis ikke har brug for. Husk på, at dette kun er en vejledning. Dine præcise krav afhænger af dit design. Nogle af nedenstående emner er måske ikke påkrævet for dit websted.
- Ikoner eller grafik til sociale medier eller en social medie sektion overhovedet
- Taglinier og supplerende beskrivelser eller introduktioner
- "Udvalgte", "Populære" og "Seneste" lister (herunder Twitter og RSS feed lister)
- Sider med mere end tre hovedafsnit (fx "Introduktion", "Om" og "Tjenester")
- Sekundære navigationssider.
Pointen her er ikke at gøre hjemmesiden mindre funktionel, men snarere at skære ut unødvendige elementer (og dermed fremhæve de nødvendige) eller at kombinere sektioner i et enklere layout (for eksempel ved at inkorporere dine sociale medier links i "Om" eller indledende sektion).
Du kan også opdele indhold i separate sider, hvilket giver hvert indhold mere opmærksomhed.
Sådan forenkles designet
Nu er det tid til at forenkle designet så meget som muligt.
Minimalistiske mønstre skal have lille tekstur, farve, form, linjer, indhold eller type. Gå for bare, og designet vil være kedeligt. Snarere end at dumme alt ud, giv designet appel ved at gøre kun et vigtigt element i fokuspunktet .
Vælg hvad det fokus vil være, og hold tipsene nedenfor i tankerne, når du arbejder gennem dit design.
Brug en stor trådramme
I gennemseendet af udstillingsvinduet nedenfor ser vi, at nogle designere har tilføjet visuel interesse med subtile udbrud af farve, unik typografi eller interessante former. Måske er det vigtigste element, de alle har påberåbt sig, en unik wireframe .
Oprettelse af en wireframe til en sådan bare side kræver lidt ekstra opmærksomhed. Med den korrekte wireframe kan du opnå det rette hierarki og organisation og skabe visuel interesse.
Følg disse trin for at komme med en wireframe:
- Beslut om hvilket indhold du absolut har brug for
- I en liste skal du prioritere indholdet
- Skits et par wireframes baseret på din liste for at eksperimentere med det bedste visuelle hierarki.
Ved udarbejdelse af wireframe skal du overveje placering, men også visuel behandling. For eksempel, hvis dit logo har en farve, som du ikke genbruger andetsteds i designet, skal du redegøre for det.
Hvidt rum
Hvidt rum er praktisk talt synonymt med minimalisme.
Ligegyldigt hvor kreativ du er med det, er et minimalistisk design uden masser af hvidt rum slet ikke minimalistisk. Så sørg for at tilføje mere hvidt rum omkring elementer, end du normalt ville.
Pladsen er nødvendig for at afbalancere de få elementer, der vises på siden.
Balance, Justering, Kontrast
Mens meget af belastningen kan bæres af hvidt mellemrum og en god wireframe, skal der tages særlig hensyn til de grundlæggende elementer i designet. De tre største relaterede til minimalisme er balance, justering og kontrast .
Sørg for, at dit design overholder disse principper, og at det ikke behøver supplerende visuelle hjælpemidler til at se "færdig".
Hold også andre grundlæggende design principper i tankerne. Gennemgå dem og eksperimenter med forskellige muligheder for at opnå det bedste resultat. Tjek " Principperne for Design "For flere ideer.
Når Overdesign bliver en Habit
Overdesign er undertiden en vane. Ligegyldigt hvor svært du forsøger at holde et design enkelt, det kommer ud rodet og komplekst. For at løse dette skal vi danne nye vaner.
Prøv at gennemgå tipsene ovenfor før hvert projekt for at holde dem i tankerne under processen. Fokus på at udvikle en vane ad gangen. For eksempel arbejde på at reducere og forenkle indholdet, inden du går videre til det hvide rum.
Hvis du finder dig selv i et hårdt sted at tænke, "Noget mangler", prøv først at tage noget ud, snarere end at sætte noget nyt ind.
Hvert aspekt af minimalisme kræver et andet talent. Dine designs bliver enklere, jo mere du sætter disse principper i praksis.
Når du tager det videre, skal du kigge på det færdige produkt, når du har anvendt de teknikker, der diskuteres her, og se, om du kan finde måder at forenkle resultatet endnu mere.
Du kunne fokusere på områder, som du var usikker på under designprocessen, og du kan bede andre designere om at pege på elementer, du måske har savnet.
Minimalistisk Showcase
Nedenfor er et kort udstillingsvindue af minimalistiske designs. Se hvordan hver af disse implementerer de principper, vi har diskuteret. Se også hvilke der bryder vores retningslinjer, og tænk på hvorfor de stadig arbejder.
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 Werk
11. Neil Wilson Architects
12. Ikke-Format
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink London
17. Stolt Creative
18. Kimag
19. Bernat Fortet
20. hele dagen
Nogle Trends
Som du kan se, har minimalistisk webdesign nogle klare tendenser. At være opmærksom på disse tendenser hjælper os med at forbedre vores designs på en række måder.
Ikke alene er vi i stand til at tage inspiration fra de layouter, som andre designere har arbejdet så hårdt på, men vi kan bevidst bryde fra disse tendenser for at skabe vores egen innovative vej.
Lad os diskutere nogle af disse tendenser nærmere.
Sort og hvid
En af de mest synlige tendenser er udstrakt brug af sort / hvid . Dette er indlysende nok: Farve bør forenkles sammen med tekstur, form og indhold. Men det kan blive overdrevet i disse dage og se lidt kedeligt ud.
Se på et par hjemmesider, der har definerede farver i udstillingsvinduet ovenfor, og se hvordan de skiller sig ud fra andre minimalistiske designs. Tænk også på, hvordan de formår at forblive minimalistiske selv med en så stærk brug af farve. Her er et eksempel:
Interessant Typografi
Typografi-baseret webdesign er tæt knyttet til minimalisme.
Når designere har meget lidt andet at begejstre brugeren, griber de ofte på interessant typografi. Du kan endda gå så langt som at bruge typografi som det eneste visuelle element.
Dette er en dristig teknik, men stadig en tendens i sig selv . Se efter måder at få typografi til at forbedre designet, mens det forbliver unikt.
Blitz
Et overraskende antal minimalistiske webdesign er Flash-baseret. Med så lidt andet til visuel stimulering kan et design drage fordel af subtile animationer (som tekstfading ind og ud) uden at være overvældende.
Også Flash fjerner visse begrænsninger i designprocessen. Ukonventionelle wireframes, typografi og andre elementer kan lettere opnås med Flash end ved traditionelle metoder.
Afslutter
Minimalistisk design kommer i mange former, og alligevel ser vi for ofte den samme form gentaget. Trends kan blive overbærende, og vi skal kæmpe for trangen til at efterligne, mens vi forstår hvad det handler om en tendens, der giver mening.
Under alle omstændigheder kan minimalisme være smuk og vil være i de kommende år, så det kan være utrolig gavnligt at lære nogle af sine teknikker, hvad enten det gælder for dine kunder eller for dine egne projekter.
Og selvom du ikke er interesseret i minimalistisk stil, kan de involverede lektioner og principper hjælpe dig med at forenkle dine designs, hvilket altid er en god ting.
Skrevet udelukkende til Webdesigner Depot af Kayla Knight.
Så hvad gør minimalistisk design så effektiv, og hvornår skal vi undgå det? Venligst del dine kommentarer nedenfor ...