Minimalistinis svetainės dizainas: 12 gražių pavyzdžių

Minimalistinis svetainės dizainas yra nepakankamai vertinamas menas. Mes visi girdėjome posakį „Mažiau yra daugiau“, tačiau tai principas, kurį dažnai lengviau pasakyti nei padaryti. Kai technologijos progresas atveria naujas galimybes projektuojant svetainę, darosi vis sunkiau atsispirti tam, kad klestėtų puošnus.

Minimalistinis svetainės dizainas naudingas vartotojams, nes greitesnis įkėlimo laikas ir geresnis ekrano dydžių suderinamumas. Dar daugiau - paprasta NS dizainas yra pritaikytas naršymui mobiliajame telefone, nepakenkiant darbalaukiui ar vartotojo patirtis .

Minimalistinės filosofijos centre yra idėja, kurią turite sukurti pagal turinį. Žodžiu, dizaineris pradeda nuo neapdoroto turinio, tada sukuria tik tiek sąsajos, kad vartotojai galėtų nustatyti savo tikslą ir lengvai prie jo pereiti.



Norite sukurti savo minimalistinę svetainę? Pasirinkite tobulą svetainių kūrėjas ir įsitikinkite, kad interneto priegloba paslauga puikiai tinka svetainei be rūpesčių.

Minimalistinė estetika yra vizualus tos filosofijos vaizdavimas. Minimalistinis tėvo dizainas naudoja daug baltos ar bent jau vienodos spalvos erdvės. Tačiau nepainiokite neperkrauto su nuobodžiu. Išdėstymus turite rinktis atsargiai, kitaip jūsų ribota dizaino elementų paletė pasirodys kaip nuobodi, o ne elegantiška.

Žemiau mes surinkome mėgstamus minimalistinius svetainių dizainus, kad įkvėptumėte jus padaryti daugiau ir mažiau.

01. Sveika baze

Ši svetainė pateikia pranešimą su keliais per dideliais elementais

Ši svetainė pateikia pranešimą su keliais per dideliais elementais(Vaizdo kreditas: HalloBasis)

Draugai, dizaineriai ir verslo partneriai Felixas Vorbeckas ir Johannesas Winkleris taip pat eina pro monikerį „HelloBasis“ . Diuseldorfo dizaino studija didžiuojasi teikdama projektus, kurie gerai bendrauja klientų vardu. Tai „WordPress“ svetainė veikia kaip studijos internetinė portfelio svetainė ir yra ryškus minimalistinio tinklalapio dizaino, atlikto kitaip, pavyzdys.

Svetainėje pateikiamas drąsus pareiškimas, kuriame pateikiami tik keli elementai, dėl per didelės estetikos, kuri turi papildomą prieinamumo privalumą. Tiesą sakant, jums gali būti atleista, jei manote, kad jūsų pasirinktos naršyklės mastelio keitimo funkcija yra maksimali, pavyzdžiui, 17,5vw šrifto dydis 770px min. Pločio antraštėms. Taigi tipografiškai jis yra didelis, o „Messina Sans“ šriftas tinka šiam stambumui ir užtikrina skaitomumą. Tai, kas tikrai gaivina, yra tai, kad tai taikoma ir naršymo nuorodoms, ir individualiems GDPR raginimams priimti slapukus. Taip pat labai svarbu perjungti vokiečių ir anglų kalbų vertimus naudojant pagrindinio ekrano mygtukus.

02. Džiazo FM

kaip padaryti trupmenas neapibrėžiant
Šis „Anagrama“ dizainas daro viską paprastą ir įspūdingą(Vaizdo kreditas: „Jazz FM Romania“)

Ši spalvinga Bukarešto radijo stoties svetainė puikiai padeda leisti muzikai kalbėti už save. Iš pirmo žvilgsnio „Jazz FM Romania“ pateikė Anagrama , tiesiog kviečia lankytojus transliuoti tiesioginę transliaciją per trikampį grojimo mygtuką, kuris užpildo pusę peržiūros srities. Mes taip pat gauname logotipą ir „Now Playing“ takelių ekraną, tačiau juoda ant geltonos schemos dėka tai yra kuo mažiau įspūdinga. Tačiau tai tik antraštė, o vieno ilgo puslapio struktūra tęsiasi kur kas gyvybingiau - nors visada turint galvoje kriminalistinį svetainės dizainą.

Visų pirma, gausybė nuostabiai „džiazuojančių“ SVG iliustracijų, kurios, žinoma, keičiasi stulbinančiai trapiai, nesvarbu, koks jūsų ekrano dydis. Tipografija vėlgi yra didelė, nes taupoma teksto ekonomika, daugiausia kaip antraštės, nurodančios, kur dar galima mėgautis „Jazz FM“. Kitos įdomios funkcijos yra švarus ir aiškus septynių dienų tvarkaraštis, slenkama FM imtuvo žymėjimo juosta ir net džiazo festivalio vadovas.

03. „Uber“ gestų kalba

Ši svetainė pateikia problemos sprendimą, netrukdydama pranešti namo

Laikydamasis savo prieinamumo principo, „Uber“ sukūrė svetainę, skirtą mokyti savo klientus pagrindinės gestų kalbos, kad jie galėtų bendrauti su klausos negalią turinčiais vairuotojais. „Uber“ gestų kalba yra dizaino ir suvaržymo meistriškumo klasė. Tai parodo vartotojams, kaip per paprastus, trumpo formato vaizdo įrašus pasirašyti paprastas įprastas frazes (taip, ne, pasukti į kairę ir pan.) Ar net savo vardą. Kopijų ar paaiškinimų yra labai mažai; turinys kalba pats už save, įrodydamas, kad norint suprasti svarbų prekės ženklo pranešimą jums nereikia protingų žodžių.

04. Evoulve

evoulve svetainė

Pareduoti nugaros elementai ir stebuklingos animacijos sukuria atradimo nuotaiką

Evoulve yra įmonė, skirta kurti naujas technologijas gyvybingais produktais. Svetainės dizainas - dizaino agentūros darbas Fleava - turi užburiantį, futuristinį jausmą. Ekrane yra labai nedaug elementų: paprastos teksto anotacijos ir labai minimalios naršymo parinktys, nustatytos lėtai besisukančio Žemės rutulio ir žvaigždėto dangaus fone. Tačiau kiekvienas jų buvo sukurtas tobulai, subtilios CSS animacijos sustiprino magijos jausmą ir sukūrė atradimo nuotaiką.

05. Tinkeris

Tinkerio svetainė

Šios laikrodžių mažmeninės prekybos vietos vartotojo sąsaja yra atnaujinta

Tinkeris yra paprastos koncepcijos laikrodžių prekės ženklas: klientai gali pasirinkti veido dydį, diržo spalvą ir metalą bet kokiu deriniu. Nėra nereikalingų funkcijų ar detalių. Bendrovės vartotojo sąsajoje ši sąvoka yra aiški; vartotojai gali lengvai pasirinkti savo idealų derinį iš ribotų galimų variantų.

06. Perskaityk Heyne

Perskaityk Heyne

Juvelyras nukreipia žiūrovo žvilgsnį į savo svetainę

Šalia papuošalų, Perskaityk Heyne Vienspalvis logotipas ir įmonės pavadinimas yra vieninteliai reikšmingi vizualiniai elementai jos pagrindiniame puslapyje. Aplinkinė erdvės erdvė leidžia saugiai lažintis, kad vartotojo akys bus nukreiptos į gaminius.

07. Mes ne plastika

Mes Ain

kompiuterio dėklai, skirti „MacBook Pro 13“
Kontrastas čia sukelia susidomėjimą

Kontrastas yra dar viena naudinga vizualinė taktika, kad minimalistiniai dizainai būtų įdomūs. Vokiečių UX inžinieriaus Rolando Lössleino svetainė Mes ne plastika nustato ryškų kontrastą tarp centrinio vaizdo ir aukščiau esančio teksto bei piktogramų.

08. Nauji dviračiai

Nauji dviračiai

„Nua Bikes“ subalansuoja elementus savo pagrindiniame puslapyje

Nauji dviračiai svetainė yra apgaulingai minimalistinė, nes ekrane iš tikrųjų yra daugybė elementų. Tačiau sutankindamas tekstą ir maksimaliai padidindamas tarpą, įmonė gali atkreipti dėmesį į savo produktą - dviratį.

09. Sendamessage.to

Sendamessage.to

Ši svetainė turi vieną aiškų tikslą

Linksmas, jei įmanoma, beprotiškas Sendamessage.to leidžia žmonėms pritaikyti žinutes draugams rankos mostu. Nevaisingas juodas fonas suteikia galios pagrindiniam vaizdui ir paryškintoms baltoms teksto raidėms.

10. Maaemo

maemo svetainė

Vaizdą kuria atmosferos vaizdo įrašas

Trijų „Michelin“ žvaigždutėmis įvertinto Norvegijos restorano svetainė Maaemo klasės jausmui sukurti naudoja minimalizmą. Vaizdinė procedūra puikiai tinka pasakojimams, nes svetainė demonstruoja kuriamų patiekalų HD nuotraukas.

11. Ava

Ava

Kalbėkitės su AI Ava

Ši nespalvota spalvų schema ir šios mokslinės fantastikos trilerio „Ex Machina“ reklaminės svetainės tipografijos atitikimas išlaiko dėmesį tekstui - interaktyviam pokalbiui su filmo žvaigžde, AI robotu. Ava .

12. Simbolių rinkinys

Simbolių rinkinys

Spalvą keičiantis fonas pagyvina šią minimalistinę svetainę(Vaizdo kreditas: symbolset.com)

Piktogramų šriftų pardavėjas Simbolių rinkinys pritraukia dėmesį į interaktyvią sritį savo svetainės viduryje, sumažindamas konkuruojančius elementus ir pridėdamas ryškiaspalvį, nuolat besikeičiantį foną.

Ir atminkite: jei kuriate svetainę su komanda, įsitikinkite, kad procesas yra sklandus, išlaikydami savo dizaino sistemos failus saugius ir lengvai pasiekiamus viršuje. debesies saugykla .

Kai kurie iš šių pavyzdžių iš pradžių pasirodė neto , pasaulyje perkamiausias žurnalas, skirtas interneto dizaineriams ir kūrėjams. Prenumeruokite čia .

Skaityti daugiau: