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
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
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
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 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
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
É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
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 '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
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
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
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
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:
