Innehåll
- Fem exempel att kolla in
- 01. Sourcebits
- 02. Fox Classics
- 03. Rebecca Barry
- 04. Chicago L-tröjor
- 05. G2
Att använda stora, djärva bilder som bakgrund för innehåll kan ge ett kraftfullt utseende till en webbplats som behöver en stark presentation.
Under större delen av vår korta webbhistorik har de stora filstorlekarna i fullskaliga bilder gjort det till ett dåligt val för webbplatser. Nu, med tillkomsten av höghastighets bredband, försvinner detta hinder långsamt. Även om det fortfarande är bästa praxis att hålla webbplatser lätta, är storskaliga bilder ett bra alternativ när du behöver en känslomässig stans.
Ofta ritas webbmönster i linjer och lådor - och upplevs därför som tillverkade och digitala. Bilder kan lägga till nyanser i en design och ge den en organisk eller konstnärlig känsla. Tonen på bilderna kan användas för att förbättra stämningen, och att ändra bilder per sektion eller sida kan vara ett trevligt sätt att hålla webbplatsen fräsch.
Jag rekommenderar att du använder bilder som har en atmosfärisk eller suddig närvaro så att den inte distraherar från eller stör det interna innehållet. Att lägga till ett halvtransparent pixelöverlägg kan ge designen en fin blandning av det organiska och digitala. Överlagret har den extra bonusen att diffundera pixeleringen orsakad av JPEG-komprimering, så att du kan spara bilderna i en mindre dimension.
Men ett ord av försiktighet. Bakgrundsbilder bör strikt användas som en del av stillagret och inte som en väsentlig del av innehållet. Det bör vara ett komplement till bra kopior och starka sammanhangsbilder (på sidan) och bör vanligtvis inte påverka användargränssnittet kraftigt.
Även om höga bredbandshastigheter ökar är de inte alls förekommande. Din publik eller kunder kan behöva lätta webbplatser som inte tillåter fullskaliga bilder. Gör dina läxor först så att du inte frustrerar dina användare.
Här är fem exempel på några utmärkta bakgrundsbilder för att ge en känslomässig punch och nyans till en design. Förhoppningsvis kan de informera och inspirera ditt nästa projekt, men var försiktig när du använder den här stilen ...
Fem exempel att kolla in
01. Sourcebits
Ett bra exempel på en atmosfärisk bakgrundsbild som ger underverk till en otrolig portfölj finns på webbplatsen för mobilutvecklingsföretaget Sourcebits.
02. Fox Classics
Fox Classics webbplats har en otroligt flexibel design. Bakgrundsbilder används för att visa ett skott av skådespelaren som visas på sidan.
03. Rebecca Barry
Webbplatsen för regissör, författare och producent Rebecca Barry använder ett subtilt halvtransparent pixelöverlägg. Mönstret hjälper till att dölja eventuell pixellering från bildkomprimeringen av dessa stora foton.
04. Chicago L-tröjor
Webbplatsen för Chicago L-Shirts planterar ett djärvt, vitt Helvetica-teckensnitt ovanpå den uppvisade produkten. Detta fungerar på grund av fotografiets layout, men skulle falla sönder om det inte fanns ett stort öppet område för typen.
05. G2
Den här webbplatsen ger en snabb introduktion till atmosfären och stilen i den texanska restaurangen G2 och använder en fotografisk bakgrund för att locka dig in.
Vilka är dina favoritwebbplatser som använder bakgrundsbilder i full skala? Låt oss veta i kommentarerna. Det skulle vara intressant att veta vilka andra webbplatser som får bakgrundsbilder rätt.
Ord: Matthew Smith
