6 tipp a fehér háttér modern weboldal-tervezéshez
A tervezők szeretik a fehér hátteret, míg az ügyfelek azt hiszik, hogy üres helyek, amelyeket ki kell tölteni. A fehér háttér használata a minimalista weboldalak létrehozásának egyik legegyszerűbb módjának tűnik, bár a tervezők nem mindig tudják, hogyan kell hatékonyan használni.
A fehér térnek célja kell, hogy legyen. Harmóniát kell teremtenie a képekkel, a szöveggel, a gombokkal és az ikonokkal. A fehér tér a legjobb barátod lehet, ha helyesen használod. Beszéljünk meg néhány tippet és példát a fehér háttér a web design .
Tartalomjegyzék
angyal száma 335
- Fehér meghatározása
- A fehér háttér előnyei a webdesignban
- Példák a fehér hátterű webhelyekre
- Következtetés
Fehér meghatározása
A tervezők általában a fehéret tónusnak tekintik, nem pedig a színt. Bármely tervszerkesztő megnyitásakor egy üres oldal jelenik meg. Fehér, ami azt jelenti, hogy semmi sincs. Vannak, akik a fehérre semleges színként gondolhatnak, mások a szín hiányaként határozzák meg.
Valójában a fehér szín ellentétben áll a feketével, a színvilág legsötétebb színével. Ezért ez a két szín erős kontrasztot hoz létre. Általános szabály, hogy a fehér a tisztasághoz, a tökéletességhez, az újszerűséghez, az őszinteséghez és az új kezdetekhez társul.
A fehér háttér előnyei a webdesignban
Előnyt élvezhet a fehér meghatározása, mert ez a szín a webdesign minimalizmusához is társul. A fehér nemcsak tiszta lehet, de árnyalatai is lehetnek, például tojáshéj, tejszín, elefántcsont, vanília, len, kagyló stb. Egyes tervezők szerint a tiszta fehér nagyon durva a szem számára.
Fehér háttér bármilyen típusú webhelyhez használható, legyen szó portfólióról, blogról, online áruházról vagy a építési weboldal . A fehér háttér webhelyén történő használatának fő előnyei a következők:
- A fehér erőteljes kontrasztot biztosít a feketével és más sötét színekkel. Segíthet abban, hogy egyes dizájnelemekre összpontosítson, és olvashatóvá tegye a szöveget és a címsorokat.
- A fehér a legtöbb országban semleges, ezért nem szabad aggódnia a nemzeti különbségek és hagyományok miatt.
- A fehér háttér minimalista és kevésbé rendetlen. Bármely más szín nem biztosíthat annyi negatív helyet, mint a fehér.
- A fehér háttér tökéletesen illeszkedik a lapos és az anyagi kialakításhoz, amely továbbra is az internet legforróbb trendje.
1. Használja okosan a fehér hátteret
A fehér tér egyben a design elemek körüli fehér tér is. Ezt a helyet általában üresnek tekintik. Fontos, hogy hagyjon üres helyet az oldalon, hogy figyelemre méltóbbá tegye a design elemeit. A fehér háttérrel rendelkező webhelyek egyik legnépszerűbb példája Almák .
A fehér sokféle árnyalatú - az Apple honlapja enyhén rózsaszínű fehéret használ. Ez a fehér árnyalat nyugtató, szabadtéri érzéseket vált ki. Ugyanakkor a fekete háttérrel rendelkező weboldalak teljesen mások: drámát és izgalmat közvetítenek.
2. Erős fókuszálás
A fehér háttér segíthet azokra az elemekre összpontosítani, amelyeket szeretné, hogy az emberek észrevegyék. Például, ha nyit egy jól ismert Google oldalon látható a fényes, színes logó a hatalmas fehér helyen.
A Google tudja, hogy a szóköz természetes módon felhívja a figyelmet az oldal fényes elemeire, és ami a legfontosabb, az oldal közepére. Amint látja, a fehér háttér az egyik legegyszerűbb módszer arra, hogy a látogatók tekintetét valamire összpontosítsa. Használja hasznára, ha egy fontos üzenetet fehér háttérrel vesz körül.
3. Hozzon létre erős kontrasztot
Minden világos és sötét szín erős kontrasztot teremt a fehér háttérrel. A fekete (vagy sötétszürke) szöveget fehér háttér előtt szoktuk olvasni, mert ez a két szín nagy kontrasztot hoz létre, és a szöveget könnyen olvashatóvá teszi.
Ugyanez a szabály vonatkozik a képekre, ikonokra és a design egyéb elemeire. Válasszon kevésbé fehér fényképeket, vagy adjon hozzá sötét keretet, hogy azok fehér háttéren feltűnjenek.
4. A kevesebb több
A fehér tér fő előnye a minimalizmus vagy az egyszerűség. A tiszta háttér lapos kialakításánál a fehér háttér a legjobban működik.
A weboldal tervezés általában dobozos és geometrikus. Ezért van az, hogy minden tervezési elem rácsra van rögzítve. Ha fehér háttérrel rendelkező webhelyet hoz létre, hagyhatja, hogy egyes elemek a rácson kívül esjenek, és megszegjék a szabályt. Így nagy hangsúlyt fektet a tervezés egyes részeire.
5. Tegye a képeket kiemelkedővé
Mivel a fehér háttér minimalizmust közvetít, jobb, ha minimalista képeket választ. Képeinek, illusztrációinak és egyéb grafikáinak harmonikusnak kell lenniük a szóközzel.
Ne feledje, hogy a rendetlen interfészek összekeverik a felhasználókat a túl sok információval. Az emberek gyorsan elveszítik érdeklődésüket, mert bonyolultnak tűnnek. Minél több a szóköz, annál nagyobb hangsúlyt fektet más elemekre.
Csak nézd meg Asana's fehér háttér használata: a kék „Próbálja ki ingyen” gomb természetes hotspot lesz.
6. Nem lehet fehér
Mint említettük, a fehérnek számos árnyalata van. Ezek a tippek arról szólnak, hogy eligazítsák a látogatókat. Az, hogy „fehér háttérnek” hívjuk, még nem jelenti azt, hogy fehérnek kell lennie. Bármilyen színt használjon, amely kontrasztot hoz létre a többi designelemmel.
Például, MailChimp sárga szöveget használ fekete szöveggel, amely szintén jó kontrasztot hoz létre. Ezenkívül a sárga Pick a Plan gomb kiemelkedik a sárga háttérből.
Példák a fehér hátterű webhelyekre
Az alábbiakban megtalálja a helyesen használt üres helyű webhelyek legjobb példáit.
jan 1 csillagjegy
Következtetés
Reméljük, hogy ezek a tippek segítettek abban, hogy új szempontból szemlélje a fehér hátteret a webdesignban. A fehér háttér hatékony használata segíthet a felhasználók figyelmének helyes irányba terjesztésében, növelheti az eladásokat, és nagy hangsúlyt helyezhet a fontos elemekre.
Oszd Meg A Barátaiddal:
