6 tips om hur du använder vit bakgrund i modern webbplatsdesign
- Kategori: Design
Designers älskar vita bakgrunder medan kunder tycker att de är tomma utrymmen som bör fyllas. Att använda en vit bakgrund verkar vara ett av de enklaste sätten att skapa minimalistiska webbplatser, även om designers inte alltid vet hur man använder den effektivt.
Vitt utrymme måste ha ett syfte. Det ska skapa harmoni med bilder, text, knappar och ikoner. Det vita utrymmet kan bli din bästa vän när du använder det korrekt. Låt oss diskutera några tips och exempel på a vit bakgrund i webbdesign .
Innehållsförteckning
bästa online-konverterare youtube till mp3
- Definition av White
- Fördelar med vit bakgrund i webbdesign
- Exempel på webbplatser med vit bakgrund
- Slutsats
Definition av White
Formgivare ser vanligtvis vitt som en ton, inte färg. När du öppnar en designredigerare ser du en tom sida. Det är vitt, vilket betyder att ingenting finns där. Vissa människor kan tänka på vitt som en neutral färg, andra definierar det som avsaknad av färg.
I själva verket är den vita färgen en kontrast till den svarta, den mörkaste färgen i färgschemat. Därför skapar dessa två färger en stark kontrast. Som regel förknippas vitt med renhet, perfektion, nyhet, ärlighet och ny början.
Fördelar med vit bakgrund i webbdesign
Du kan dra nytta av definitionen av vitt eftersom den här färgen också är förknippad med minimalism i webbdesign. Vitt kan inte bara vara rent utan också ha nyanser, som äggskal, grädde, elfenben, vanilj, linne, snäckskal och så vidare. Vissa designers säger att ren vit är ganska hård för ögonen.
En vit bakgrund kan användas för alla typer av webbplatser, oavsett om det är en portfölj, blogg, webbutik eller en webbplats för konstruktion . Bland de största fördelarna med att använda en vit bakgrund för din webbplats är:
- Vit ger en kraftfull kontrast med svart och andra mörka färger. Det kan hjälpa till att skapa fokus på vissa designelement och göra text och rubriker läsbara.
- Vitt är neutralt i de flesta länder, så du bör inte oroa dig för nationella skillnader och traditioner.
- Vit bakgrund känns minimalistisk och mindre rörig. Någon annan färg kan inte ge dig så mycket negativt utrymme som vitt.
- Vit bakgrund passar perfekt platt och materialdesign som fortfarande är den hetaste trenden på nätet hittills.
1. Använd vit bakgrund smart
Vitt utrymme är också vitt utrymme runt designelement. Detta utrymme anses vanligtvis vara tomt. Det är viktigt att lämna tomt utrymme på sidan för att göra dina designelement mer anmärkningsvärda. Ett av de mest populära exemplen på webbplatser med vit bakgrund är Apples .
Det finns många nyanser av vitt - Apples webbplats använder lite rosa vitt. Denna nyans av vitt framkallar lugnande känslor utomhus. Samtidigt är webbplatser med svart bakgrund helt annorlunda: de förmedlar drama och spänning.
2. Gör starkt fokus
En vit bakgrund kan hjälpa till att fokusera på element som du vill att folk ska märka. Till exempel när du öppnar en välkänd Google sidan ser du den ljusa färgglada logotypen på enormt vitt utrymme.
Google vet att det vita utrymmet naturligt uppmärksammar de ljusa elementen på sidan, och viktigast av allt, i mitten av sidan. Som du ser är en vit bakgrund ett av de enklaste sätten att fokusera besökarnas ögon på något. Använd det till din fördel genom att omge ett viktigt meddelande med en vit bakgrund.
3. Skapa stark kontrast
Alla ljusa och mörka färger skapar en stark kontrast med den vita bakgrunden. Vi är vana vid att läsa svart (eller mörkgrå) text på en vit bakgrund eftersom dessa två färger skapar hög kontrast och gör texten lätt att läsa.
Samma regel gäller för bilder, ikoner och andra element i din design. Välj foton som är mindre vita eller lägg till en mörk ram så att de sticker ut på en vit bakgrund.
4. Less is More
Den största fördelen med det vita utrymmet är minimalism eller enkelhet. En vit bakgrund fungerar bäst med en ren platt webbdesign.
Webbdesign är vanligtvis boxy och geometrisk. Därför är alla designelement fästa på ett rutnät. När du skapar en webbplats med en vit bakgrund kan du låta vissa element falla utanför nätet och bryta regeln. På detta sätt kommer du att fokusera starkt på vissa delar av designen.
5. Gör bilder som sticker ut
Eftersom vit bakgrund förmedlar minimalism är det bättre för dig att välja minimalistiska bilder. Dina bilder, illustrationer och annan grafik ska vara harmoniska med det vita utrymmet.
Kom ihåg att röriga gränssnitt förväxlar användare med för mycket information. Människor kommer snabbt att tappa intresset eftersom de verkar komplicerade. Ju mer vitt utrymme du använder, desto mer tonvikt lägger du på andra element.
Titta bara på Asana's användning av vit bakgrund: den blå ”Testa gratis” -knappen blir en naturlig hotspot.
6. Det borde inte vara vitt
Som vi nämnde finns det många vita nyanser. Dessa tips handlar om att styra dina besökares ögon. Bara för att vi kallar det ”vit bakgrund” betyder inte att det ska vara vitt. Använd valfri färg som skapar kontrast med andra designelement.
Till exempel, MailChimp använder en gul bakgrund med svart text som också skapar en bra kontrast. Dessutom sticker den blå knappen Välj en plan ut på den gula bakgrunden.
Exempel på webbplatser med vit bakgrund
Nedan hittar du de bästa exemplen på webbplatser med vitt utrymme som används korrekt.
roliga smutsiga namn att kalla någon
Slutsats
Vi hoppas att dessa tips hjälpte dig att titta på vit bakgrund i webbdesign från en ny vinkel. Effektiv användning av vit bakgrund kan hjälpa till att leda användarnas ögon i rätt riktning, öka försäljningen och sätta starkt fokus på element som spelar roll.