Minimalistinen verkkosivujen suunnittelu: 12 kaunista esimerkkiä

Minimalistinen verkkosivujen suunnittelu on aliarvostettua taidetta. Olemme kaikki kuulleet sanonnan 'Vähemmän on enemmän', mutta se on periaate, joka on usein helpompi sanoa kuin tehdä. Kun tekniikan kehitys avaa uusia mahdollisuuksia sivuston suunnitteluun, on yhä vaikeampaa vastustaa hienojen kukoistusten lisäämistä.

Minimalistinen verkkosivujen suunnittelu tarjoaa käyttäjille nopeamman latausajan ja paremman yhteensopivuuden näyttökokojen muodossa. Lisäksi yksinkertainen UI-suunnittelu on sovitettu mobiiliselaamiseen vahingoittamatta työpöytää tai käyttäjäkokemus .

Minimalistinen filosofia keskittyy ajatukseen, joka sinun on suunniteltava sisällön ympärille. Verkkosuunnittelussa suunnittelija aloittaa karkeasta sisällöstä, sitten rakentaa vain tarpeeksi käyttöliittymän, jotta käyttäjät voivat tunnistaa tavoitteensa ja siirtyä siihen helposti.



Haluatko luoda oman minimalistisen sivuston? Valitse täydellinen verkkosivujen rakentaja ja varmista, että sivujen ylläpito palvelu on täydellinen ei-hätää sivusto.

Minimalistinen esteettisyys on kyseisen filosofian visuaalinen esitys. Minimalistinen isäsuunnittelu käyttää paljon valkoista - tai ainakin tasaisesti värillistä - tilaa. Mutta älä sekoita sekoittamatonta tylsään. Asettelut on valittava huolella, muuten rajoitettu muotoiluelementtisi tulee tylsäksi eikä tyylikkääksi.

Alla olemme keränneet suosikki minimalistiset sivustosuunnittelumme inspiroimaan sinua tekemään enemmän tekemällä vähemmän.

01. Hei Base

Tämä sivusto antaa lausunnon, jossa on vain muutama ylisuuri elementti

Tämä sivusto antaa lausunnon, jossa on vain muutama ylisuuri elementti(Kuvan luotto: HalloBasis)

Ystävät, suunnittelijat ja liikekumppanit Felix Vorbeck ja Johannes Winkler kulkevat myös monikerroksen ohi HelloBasis . Düsseldorfin muotoilustudio on ylpeä toimitettaessa projekteja, jotka kommunikoivat hyvin asiakkaidensa puolesta. Tämä WordPress-verkkosivusto toimii studion online-portfolio-sivustona ja on loistava esimerkki minimalistisesta verkkosuunnittelusta, joka tehdään toisin.

Sivusto antaa rohkean lausunnon, jossa on vain muutama elementti, ylimitoitetun esteettisyytensä ansiosta - jolla on lisäetu saavutettavuuden helpottamiseksi. Itse asiassa sinulle voidaan antaa anteeksi ajatella, että valitsemasi selaimen zoomausominaisuus on maksimoitu, kuten 17,5vw: n kirjasinkoko 770 kuvapisteen vähimmäisleveille otsikoille. Joten typografisesti se on iso, Messina Sans -fontti sopii tähän karkeuteen ja varmistaa luettavuuden. Todella virkistävää on, että tämä koskee sekä navigointilinkkejä että mukautettuja GDPR-vaatimuksia evästeiden hyväksymisestä. Saksankielisten ja englanninkielisten käännösten välillä vaihtaminen on myös helppoa päänäytön painikkeilla.

02. Jazz FM

Tämä Anagraman muotoilu pitää asiat yksinkertaisina ja silmiinpistävinä

kuinka saada taiteesi museoon
Tämä Anagraman muotoilu pitää asiat yksinkertaisina ja silmiinpistävinä(Kuvan luotto: Jazz FM Romania)

Tämä värikäs sivusto Bukarestissa sijaitsevalle radioasemalle tekee hienoa työtä antaa musiikin puhua puolestaan. Ensi silmäyksellä Jazz FM Romania mennessä Anagrammi , vain kutsuu kävijöitä suoratoistamaan suoraa lähetystä kolmion muotoisella toistopainikkeella, joka täyttää puolet näkymästä. Saamme myös logon ja Now Playing -radanäytön, mutta se on minimaalisesti silmiinpistävä mustan keltaisen ansiosta. Tämä on kuitenkin vain otsikko ja yksi, pitkä sivurakenne jatkuu paljon elävämmällä katsottavalla tavalla - vaikkakin aina miminalistisen sivuston suunnittelua ajatellen.

Erityisesti on olemassa joukko upeita 'jazzisia' SVG-piirroksia, jotka tietysti skaalautuvat upealla terävyydellä riippumatta siitä, minkä kokoinen näyttösi on. Typografia on jälleen iso, kiitos säästävän tekstitalouden, lähinnä otsikkotarroina, joissa kerrotaan, missä muualla Jazz FM: stä voi nauttia. Muita kiinnostavia ominaisuuksia ovat puhdas ja selkeä seitsemän päivän aikataulu, vieritettävä FM-virittimen valintanauha ja jopa jazzfestivaaliopas.

03. Uberin viittomakieli

uber-viittomakielen verkkosivusto

Tämä sivusto tarjoaa ratkaisun ongelmaan häiritsemättä viestiä kotiin

Esteettömyytensä mukaisesti Uber on luonut verkkosivuston, joka on omistettu opettamaan asiakkailleen viittomakielen, jotta he voivat olla vuorovaikutuksessa kuulovammaisten kuljettajien kanssa. Uber-viittomakieli on muotoilun mestarikurssi maltillisesti. Se näyttää käyttäjille, kuinka allekirjoittaa yksinkertaisia ​​yleisiä lauseita (kyllä, ei, käänny vasemmalle ja niin edelleen) tai jopa heidän nimensä yksinkertaisten, lyhytvideoiden kautta. Kopioita tai selityksiä on hyvin vähän; sisältö puhuu puolestaan, mikä osoittaa, että et tarvitse fiksuja sanoja tärkeän brändiviestin kaappaamiseen.

04. Evoulve

evoulve-verkkosivusto

Pared-takaisinelementit ja maagiset animaatiot luovat löytötunnelman

Evoulve on yritys, jonka tehtävänä on muuttaa kehittyvä tekniikka elinkelpoisiksi tuotteiksi. Sivuston suunnittelu - suunnittelutoimiston työ Fleava - on lumoava, futuristinen. Näytöllä on hyvin vähän elementtejä: yksinkertaiset tekstimerkinnät ja hyvin vähäiset navigointivaihtoehdot hitaasti pyörivän maapallon ja tähtitaivaan taustalla. Jokainen on kuitenkin muotoiltu täydellisesti, hienovaraisilla CSS-animaatioilla, jotka lisäävät taikuuden tunnetta ja luovat löytötunnelman.

05. Tinker

Tinker-verkkosivusto

Tämän kellojen vähittäiskaupan käyttöliittymä on poistettu takaisin perusasioihin

Tinker on kellomerkki, jolla on yksinkertainen käsite: asiakkaat voivat valita kasvojen koon, hihnan värin ja metallin missä tahansa yhdistelmässä. Ei ole tarpeettomia ominaisuuksia tai yksityiskohtia. Yhtiön sivuston käyttöliittymä tekee konseptista selvän; käyttäjät voivat helposti valita ihanteellisen yhdistelmän rajoitetuista vaihtoehdoista.

06. Lue Heyne

Lue Heyne

Jalokivikauppias ohjaa katsojan katseen verkkosivuillaan

Korujensa lisäksi Lue Heyne Yksivärinen logo ja yrityksen nimi ovat ainoat merkittävät visuaaliset elementit sen kotisivulla. Ympäröivä tyhjätila tekee siitä turvallisen vedon, jonka käyttäjän silmät kiinnittyvät tuotteisiin.

07. Emme ole muovia

Me Ain

Tähtien sota, voima herättää uskomattomat poikkileikkaukset
Kontrasti herättää kiinnostusta täällä

Kontrasti on toinen hyödyllinen visuaalinen taktiikka minimalististen mallien pitämiseksi mielenkiintoisina. Saksalaisen UX-insinöörin Roland Lössleinin verkkosivusto Emme ole muovia asettaa jyrkän kontrastin keskikuvan ja yllä olevan tekstin ja kuvakkeiden välillä.

08. Uudet pyörät

Uudet pyörät

Nua Bikes tasapainottaa kotisivun elementit

Uudet pyörät 'sivusto on petollisesti minimalistinen, koska näytöllä on itse asiassa paljon elementtejä. Tiivistämällä tekstiä ja maksimoimalla välilyönnit yritys pystyy kuitenkin kiinnittämään huomionsa tuotteeseensa, pyörään.

09. Lähetä viesti

Sendamessage.to

Tällä sivustolla on yksi selkeä tarkoitus

Huvittavaa, jos mahdollista hullua, Sendamessage.to antaa ihmisten muokata viestejä ystäville käden eleellä. Karu musta tausta lisää voimaa pääkuvaan ja tekstin lihavoituihin valkoisiin kirjaimiin.

10. Maaemo

maemo-verkkosivusto

Ilmakehän video asettaa kohtauksen

Kolminkertaisen Michelin-tähdellä varustetun norjalaisen ravintolan verkkosivusto Maaemo käyttää minimalismia luodakseen luokan tunteen. Visuaalinen käsittely on täydellinen tarinankerrontaan, kuten sivusto osoittaa teräväpiirtokuvilla luotavista astioista.

11. Ava

Ava

Keskustele AI Avan kanssa

Tämä mustavalkoinen värimaailma ja tämän scifi-trillerin Ex Machina -tyyppisen mainostussivuston vaatimustenmukaisuus pitävät painopisteenä tekstissä - vuorovaikutteisessa keskustelussa elokuvan tähden, tekoälyrobotin kanssa Ava .

12. Symbolisarja

Symbolijoukko

Väriä vaihtava tausta elävöittää tätä minimalistista sivustoa(Kuvan luotto: symbolset.com)

Kuvakkeen fonttien myyjä Symbolijoukko houkuttelee huomiota sivuston keskellä olevaan interaktiiviseen alueeseen minimoimalla kilpailevat elementit ja lisäämällä kirkkaan värisen, jatkuvasti muuttuvan taustan.

Ja muista: jos luot sivuston tiimin kanssa, varmista, että prosessi on saumaton pitämällä suunnittelujärjestelmän tiedostosi turvallisina ja helposti saatavilla alkuun pilvitallennus .

Jotkut näistä esimerkeistä ilmestyivät alun perin vuonna netto , maailman myydyin verkkosivujen suunnittelijoille ja kehittäjille suunnattu lehti. Tilaa täällä .

Lue lisää: