Minimalistisk webstedsdesign: 12 smukke eksempler
Minimalistisk webstedsdesign er en under-værdsat kunst. Vi har alle hørt ordsproget 'Less is more', men det er et princip, der ofte er lettere sagt end gjort. Da teknologiske fremskridt åbner nye muligheder inden for webstedsdesign, bliver det mere og mere vanskeligt at modstå at tilføje nogle smarte blomstrer.
Minimalistisk webstedsdesign gavner brugerne i form af hurtigere indlæsningstider og bedre kompatibilitet mellem skærmstørrelser. Hvad mere er, en simpel UI-design er tilpasset mobil browsing uden at skade skrivebordet eller brugererfaring .
Den minimalistiske filosofi koncentrerer sig om ideen om, at du skal designe omkring indholdet. På nettet begynder designeren med groft indhold og bygger derefter lige nok grænseflade til, at brugerne kan identificere deres mål og let navigere til det.
Vil du oprette dit eget minimalistiske sted? Vælg det perfekte webstedsbygger og sørg for, at din webhosting tjenesten er perfekt til et problemfrit sted.
Den minimalistiske æstetik er den visuelle repræsentation af denne filosofi. Minimalistisk herredesign bruger meget hvidt - eller i det mindste ensartet farvet - rum. Men forveks ikke uklart med kedeligt. Du skal vælge dine layout med omhu, ellers vil din begrænsede palet af designelementer komme som kedelig i stedet for elegant.
Nedenfor har vi samlet vores foretrukne minimalistiske webstedsdesign for at inspirere dig til at gøre mere ved at gøre mindre.
01. HelloBase
Venner, designere og forretningspartnere Felix Vorbeck og Johannes Winkler går også forbi monikeren HelloBasis . Düsseldorf designstudio er stolt af at levere projekter, der kommunikerer godt på vegne af sine kunder. Det her WordPress-websted fungerer som studios online porteføljeside og er et skinnende eksempel på minimalistisk webstedsdesign gjort anderledes.
Webstedet afgiver et dristigt udsagn med blot nogle få elementer takket være dets overdimensionerede æstetik - som har den ekstra bonus at hjælpe tilgængeligheden. Faktisk kan du blive tilgivet for at tro, at zoomfunktionen i din valgte browser er maksimeret, sådan er størrelsen på 17,5vw skrifttypestørrelse til 770px overskrifter i min bredde. Så typografisk er det stort, med Messina Sans-skrifttypen, der passer til den klump og sikrer læsbarhed. Hvad der virkelig er forfriskende er, at dette gælder både navigationslink og de brugerdefinerede GDPR-meddelelser til accept af cookies. Det er også en cinch at skifte mellem tysk og engelsk oversættelse ved hjælp af knapperne på hovedskærmen.
02. Jazz FM
Dette farverige sted for en Bukarest-baseret radiostation gør et godt stykke arbejde med at lade musikken tale for sig selv. Ved første øjekast Jazz FM Rumænien ved Anagram inviterer simpelthen besøgende til at streame live-udsendelsen via en trekantet afspilningsknap, der fylder halvdelen af visningen. Vi får også et logo og et Now Playing-sporskærm, men det er minimalt slående takket være det sort-gule skema. Dette er dog kun overskriften, og den enkelte, lange sidestruktur fortsætter med meget mere livskraft at se - dog altid med miminalistisk webstedsdesign i tankerne.
Mest bemærkelsesværdigt er der en række flotte 'jazzy' SVG-illustrationer, der selvfølgelig skaleres med fantastisk skarphed, uanset hvilken størrelse din skærm er. Typografi går igen stort takket være en sparsom økonomi med tekst, hovedsageligt som overskriftsetiketter, der beskriver hvor ellers Jazz FM kan nydes. Andre interessante funktioner inkluderer en ren og klar syv-dages tidsplan, rullende FM-tuner-bånd og endda en jazzfestivalguide.
03. Uber tegnsprog
I tråd med dets etos om tilgængelighed har Uber oprettet et websted dedikeret til at lære sine kunder grundlæggende tegnsprog, så de kan interagere med hørehæmmede chauffører. Uber tegnsprog er en masterclass i design med tilbageholdenhed. Det viser brugerne, hvordan de underskriver enkle almindelige sætninger (ja, nej, drej til venstre og så videre) eller endda deres navn gennem enkle kortformede videoer. Der er meget lidt kopi eller forklaring; indholdet taler for sig selv, hvilket viser, at du ikke har brug for smarte ord for at fange en vigtig brandbudskab.
04. Evoulve
Evoulve er et firma dedikeret til at omdanne nye teknologier til levedygtige produkter. Webstedsdesignet - designbureauets arbejde Fleava - har en hypnotiserende, futuristisk følelse. Der er meget få elementer på skærmen: enkle tekstkommentarer og meget minimale navigationsmuligheder, set på baggrund af en langsomt roterende klode og stjernehimmel. Imidlertid er hver enkelt udformet perfekt med subtile CSS-animationer, der forstærker følelsen af magi og skaber en stemning af opdagelse.
05. Tinker
Tinker er et urmærke med et simpelt koncept: kunder kan vælge ansigtsstørrelse, remfarve og metal i enhver kombination. Der er ingen unødvendige funktioner eller detaljer. Brugergrænsefladen til virksomhedens websted gør konceptet klart; brugerne kan nemt vælge deres ideelle kombination blandt de begrænsede muligheder.
06. Læs Heyne
Udover sine smykker, Læs Heyne 's monokrome logo og firmanavn er de eneste signifikante visuelle elementer på dets hjemmeside. Den omgivende udstrækning af det hvide rum gør det til et sikkert spil, at brugerens øjne vil blive trukket mod produkterne.
07. Vi er ikke plastiske
Kontrast er en anden nyttig visuel taktik til at holde minimalistiske designs interessante. Den tyske UX-ingeniør Roland Lössleins hjemmeside Vi er ikke plastik indstiller en skarp kontrast i størrelse mellem det centrale billede og teksten og ikonerne ovenfor.
08. Nye cykler
Nye cykler 'webstedet er vildledende minimalistisk, fordi der faktisk er mange elementer på skærmen. Men ved at kondensere teksten og maksimere det hvide rum er firmaet i stand til at henlede opmærksomheden på sit produkt, cyklen.
09. Sendamessage.to
Morsom, hvis muligvis vanvittig, Sendamessage.to lader folk tilpasse beskeder til venner med en håndbevægelse. Den karrige sorte baggrund føjer magt til hovedbilledet og de dristige hvide bogstaver i teksten.
10. Maaemo
Webstedet for tredobbelt Michelin-stjerne norsk restaurant Maaemo bruger minimalisme til at skabe en følelse af klasse. Den visuelle behandling er perfekt til historiefortælling, da webstedet demonstrerer med HD-fotos af retter, der oprettes.
11. Ava
Dette sort-hvide farveskema og typografiens overensstemmelse på dette reklameside til sci-fi-thriller Ex Machina holder fokus på teksten - en interaktiv samtale med filmens stjerne, AI-robotten Ava .
12. Symbolset
Ikon skrifttypeleverandør Symbolset tiltrækker opmærksomhed på det interaktive område midt på sit websted ved at minimere de konkurrerende elementer og tilføje en farvestrålende, stadigt skiftende baggrund.
Og husk: hvis du opretter et websted med et team, skal du sørge for, at processen er problemfri ved at holde dine designsystemfiler sikre og let tilgængelige i toppen Sky lagring .
Nogle af disse eksempler dukkede oprindeligt op i net , verdens bedst sælgende magasin til webdesignere og udviklere. Abonner her .
Læs mere:
