Minimalista weboldal-tervezés: 12 gyönyörű példa

A minimalista weboldal-tervezés alulértékelt művészet. Mindannyian hallottuk a „Kevesebb több” mondást, de ez egy olyan elv, amelyet gyakran könnyebb elmondani, mint megtenni. Amint a technológiai fejlődés új lehetőségeket nyit meg a helyszín tervezésében, egyre nehezebb ellenállni néhány divatos virágzásnak.

A minimalista weboldal-tervezés gyorsabb betöltési idő és a képernyőméretek közötti jobb kompatibilitás révén előnyös a felhasználók számára. Mi több, egy egyszerű UI tervezés a mobil böngészésre van hangolva, anélkül, hogy károsítaná az asztalt vagy felhasználói tapasztalat .

A minimalista filozófia középpontjában az az ötlet áll, amelyet a tartalom köré kell terveznie. Webes szempontból a tervező durva tartalommal kezdi, majd építi fel a felhasználói felületet ahhoz, hogy azonosítsa a célját, és könnyen el tudja érni azt.



Saját minimalista webhelyet szeretne létrehozni? Válassza ki a tökéleteset weboldal készítő , és győződjön meg róla, hogy webtárhely a szolgáltatás tökéletes egy gondtalan webhelyhez.

A minimalista esztétika ennek a filozófiának a vizuális ábrázolása. A minimalista atyakialakítás sok fehér - vagy legalább egyenletesen színezett - helyet foglal el. De ne keverje össze a zavartalanul az unalommal. Óvatosan kell megválasztania az elrendezéseket, különben a korlátozott látványelemek elegáns helyett unalmasak lesznek.

Az alábbiakban összegyűjtöttük a kedvenc minimalista webhelyterveinket, hogy arra ösztönözzék Önt, hogy kevesebbel tegyen többet.

01. HelloBase

Ez a webhely csak néhány, túlméretezett elemet tartalmaz

Ez a webhely csak néhány, túlméretezett elemet tartalmaz(Kép jóváírása: HalloBasis)

Barátok, tervezők és üzleti partnerek, Felix Vorbeck és Johannes Winkler is elmennek a moniker mellett HelloBasis . A düsseldorfi dizájnstúdió büszke arra, hogy ügyfelei nevében jól kommunikáló projekteket valósítson meg. Ez WordPress webhely a stúdió online portfólió-helyeként működik, és jól példázza a minimalista, másképp készített weblaptervezést.

A webhely túlságosan nagy esztétikájának köszönhetően csak néhány elemből áll, merészen nyilatkozva - amely hozzáadott bónuszt jelent az akadálymentesség megkönnyítésében. Valójában megbocsátható, ha azt gondolja, hogy a kiválasztott böngésző nagyításának lehetőségét maximálisan kihasználja, ilyen például a 17,5vw-os betűméret 770 képpontos szélességű, min. Szélességű címsorokhoz. Tehát tipográfia szerint nagy, a Messina Sans betűtípus megfelel ennek a vaskosságnak és biztosítja az olvashatóságot. Ami igazán üdítő, hogy ez vonatkozik mind a navigációs linkekre, mind az egyedi GDPR-re a sütik elfogadására. A főképernyőn található gombok segítségével a német és az angol fordítás között is váltani lehet.

02. Jazz FM

Az Anagrama ez a design egyszerűvé és feltűnővé teszi a dolgokat

Az Anagrama ez a design egyszerűvé és feltűnővé teszi a dolgokat(Kép jóváírása: Jazz FM Romania)

Ez a bukaresti székhelyű rádióállomás színes oldala nagyszerű munkát végez abban, hogy a zene önmagáért beszéljen. Első pillantásra Jazz FM Románia által Anagramma , egyszerűen meghívja a látogatókat az élő közvetítés közvetítésére egy háromszög alakú lejátszógombbal, amely kitölti a nézetablak felét. Kapunk egy logót és egy Now Playing számot is, de a fekete-sárga sémának köszönhetően minimálisan feltűnő. Ez azonban csak a fejléc, és az egyetlen, hosszú oldalstruktúra sokkal élénkebben folytatódik - bár mindig a bűnözői webhelyek tervezését szem előtt tartva.

Legfőképpen rengeteg pompásan „jazzos” SVG illusztráció van, amelyek természetesen lenyűgöző élességgel skálázódnak, függetlenül attól, hogy milyen méretű a képernyő. A tipográfia megint nagyra sikeredik, a szövegek kímélő gazdaságosságának köszönhetően, főleg címkék címkéjeként, amelyek részletezik, hogy hol lehet még élvezni a Jazz FM-t. További érdekességek a tiszta és világos hétnapos menetrend, az FM-tuner görgetése és a jazz fesztivál útmutató.

03. Uber jelnyelv

uber jelnyelvi weboldal

Ez a webhely megoldást kínál egy problémára, anélkül, hogy az üzenetet hazakezdené

A hozzáférhetőség szellemének megfelelően az Uber létrehozott egy weboldalt, amelynek célja az ügyfelek alapvető jelnyelvének megtanítása, hogy kölcsönhatásba léphessenek hallássérült járművezetőkkel. Uber jelnyelv a mesterkurzus a tervezésben, visszafogással. Megmutatja a felhasználóknak, hogyan lehet egyszerű, rövid formátumú videókkal aláírni az egyszerű általános kifejezéseket (igen, nem, balra fordulni stb.), Vagy akár a nevüket. Nagyon kevés példány vagy magyarázat létezik; a tartalom önmagáért beszél, bizonyítva, hogy nincs szüksége okos szavakra egy fontos márkaüzenet megragadásához.

04. Evoulve

evoulve weboldal

A kihúzott hátsó elemek és a varázslatos animációk felfedezési hangulatot teremtenek

Evoulve egy olyan vállalat, amelynek célja a feltörekvő technológiák életképes termékekké alakítása. A helyszín tervezés - a tervezőiroda munkája Fleava - hipnotikus, futurisztikus érzéssel rendelkezik. Nagyon kevés elem van a képernyőn: egyszerű szöveges kommentárok és nagyon minimális navigációs lehetőségek, a lassan forgó földgömb és a csillagos ég hátterében. Mindegyik azonban tökéletesen kidolgozott, finom CSS-animációk felerősítik a varázsérzetet és felfedezési hangulatot teremtenek.

05. Tinker

Tinker weboldal

Ennek az órakiskereskedelmi webhelynek a kezelőfelülete az alapokig van visszavonva

Bádogos egy egyszerű márkájú óramárka: az ügyfelek bármilyen kombinációban kiválaszthatják az arcméretet, a szíj színét és a fémet. Nincsenek felesleges funkciók vagy részletek. A vállalat telephelyének felhasználói felülete egyértelművé teszi a koncepciót; a felhasználók a rendelkezésre álló korlátozott lehetőségek közül egyszerűen kiválaszthatják ideális kombinációjukat.

06. Olvassa el Heyne-t

Olvassa el Heyne-t

Az ékszerész honlapján irányítja a néző figyelmét

Ékszerei mellett Olvassa el Heyne-t A monokróm logó és a cégnév az egyetlen jelentős látványelem a honlapján. A szóköz körüli kiterjedése biztonságos fogadássá teszi, hogy a felhasználó figyelmét a termékekre vonzza.

07. Nem vagyunk műanyagok

Mi Ain

A kontraszt itt érdeklődést vált ki

A kontraszt egy másik hasznos vizuális taktika a minimalista tervek érdekes megtartásában. Roland Lösslein német UX mérnök honlapja Mi nem műanyag éles kontrasztot állít fel a központi kép és a fenti szöveg és ikonok között.

08. Új kerékpárok

Új kerékpárok

A Nua Bikes kiegyensúlyozza a honlapján található elemeket

Új kerékpárok 'az oldal megtévesztően minimalista, mert valójában sok elem van a képernyőn. A szöveg sűrítésével és a szóköz maximalizálásával azonban a cég képes felhívni a figyelmet termékére, a kerékpárra.

09. Sendamessage.to

Sendamessage.to

Ennek az oldalnak egyetlen világos célja van

Mulatságos, ha esetleg elmebeteg Sendamessage.to segítségével az emberek kézmozdulattal testreszabhatják az üzeneteket a barátok számára. A kopár fekete háttér erőteljesebbé teszi a fő képet és a szöveg vastag, fehér betűit.

10. Maaemo

maemo weboldal

Légköri videó állítja be a jelenetet

A három Michelin-csillagos norvég étterem honlapja Maaemo a minimalizmust használja az osztályérzet megteremtésére. A vizuális kezelés tökéletes a mesemondáshoz, mivel a webhely a készülő ételek HD fotóival demonstrálja.

11. Ava

Ava

Beszélgetés AI Ava-val

Az Ex Machina sci-fi thriller promóciós oldalának ez a fekete-fehér színvilág és a tipográfia megfelelősége továbbra is a szövegre összpontosít - interaktív beszélgetés a film sztárjával, az AI robotdal Ava .

12. Szimbólumkészlet

Symbolset

Színváltó háttér élteti ezt a minimalista oldalt(Kép jóváírása: symbolset.com)

Ikon betűtípus-szállító Symbolset felhívja a figyelmet a webhely közepén lévő interaktív területre azáltal, hogy minimalizálja a versengő elemeket, és élénk színű, folyamatosan változó hátteret ad hozzá.

És ne feledje: ha webhelyet hoz létre egy csapattal, győződjön meg arról, hogy a folyamat zökkenőmentes, úgy, hogy a tervezési rendszer fájljait biztonságban és könnyen hozzáférhetővé teszi a tetején felhőtároló .

E példák egy része eredetileg itt jelent meg háló , a világ legkeresettebb weblaptervezőknek és -fejlesztőknek szóló magazinja. Iratkozzon fel ide .

Olvass tovább: