Vita, skarpa bakgrunder är så 2016. Det är dags att ge din hemsida en snabb uppdatering med en ny och modernare bakgrundsbehandling.
Medan många minimala stilar fortfarande finns, är bristen på färg inte. Designers väljer istället grå och ljusa färger. Bakgrundseffekter pushar också fler gränser med cool geometri, asymmetriska mönster och abstrakt konst. Idag deltar vi i moderna webbsidetrender, fyllda med exempel och inspiration!
1. Geometri på foton
Hero bilder och illustrationer är fortfarande en av de mest populära bakgrundsdesign stilar. Stora bilder är engagerande och är ett bra sätt att dra till användare.
Medan de inte är en bakgrund i sig, är de flesta bilder i full bredd bakgrunden på hemsidan. Bilderna är lagrade med text, navigeringselement och anrop till handling (därav användningen som bakgrund).
Det som är nytt om hjältebilder är skiktbilder med coola geometriska element för en mer intressant bild. Från virvlar till rektanglar till element som känns mer taktila, lägger konstruktörer grundläggande former till designen.
Vad som gör att detta arbete använder geometri med syfte. Du kan inte bara släppa några snygga hexagoner på ett foto och förvänta dig att det ska fungera. Geometriska element ska placeras för att hjälpa till att dra ögat till höger om bilden eller leda användarna till en specifik åtgärd. Geometri kan lägga till en pop färg i en mörk eller starkare design för att uppmuntra denna ögonrörelse. Former kan också användas för att underlätta varumärkesidentitet - särskilt om samma former finns i din logotyp - för att skapa en starkare anslutning.
2. Nyanser av Grå
Att byta upp en minimalistisk design är lika lätt som att lägga till lite grå. Istället för en vit, vit bakgrund dyker fler webbplatser på ljusgråa bakgrunder med ett annars helt minimal designmönster.
Det stora med grå bakgrund är att färgen kan vara rik och varm eller kallare i känsla. Undertonerna kan matcha märkfärger eller omgivande bilder. Eller gå med en blek svartbaserad grå för en nyans som är nästan platt.
Oavsett vilken grå variant du väljer, kom ihåg att elementen runt den kommer att hjälpa till att forma hur färgen känns för användarna. Det ser ganska mjukt ut, till exempel på Paul Valentine-webbplatsen när det är parat med en pastellrosa, men mycket mer mod på S. Dallyn-portföljen.
3. Lager med ljus färg
Precis som geometriska former kan användas för att skapa skiktad bakgrund kan färgblock ha samma effekt. Ljusa färgval är ett djärvt och intressant bakgrundsval.
Dessa färgade bakgrunder kan tjäna flera syften från att dra användare in i designen för att lägga visuellt intresse för ett utrymme som kan sakna bilder eller andra visuella element.
Grunden för denna trend är förankrad i andra färgtrender som nyligen haft stor påverkan på designen. Många av färgerna och lagren har en Material Design-känsla (eller lite överföring från platta designstilar). Denna sammanslagning och förändring av trender är en naturlig utveckling och en som är lätt att införliva eftersom det kan vara mer av en anpassning till en befintlig webbplats än en fullständig översyn.
4. Asymmetri
Gå av gallret! (Eller åtminstone justera det så att allt inte är så symmetriskt.)
En bakgrund behöver inte ha massor av små element eller mönster som stämmer perfekt. Det behöver inte vara en fast färg eller bild.
Det kan vara en kombination av dessa element, placerade på ett sätt att skapa perfekt balans som du inte kan klippa rätt ner i mitten. Alternativ kan innehålla en hjältebild som inte tar hela skärmens bredd med mer vitt utrymme på ena sidan än den andra, i det sätt som Nap Luxury Guesthouse visar. Det kan se ut som en CMMNTY, där textelement och vitt utrymme har lika motvikter för en effekt som nästan tvingar användarna att titta på bokstäverna. Det kan vara en subtil kompensation för en överdimensionerad produktbild med text och ett samtal till handling, som vas.
Men designen kommer samman, tänk på bakgrunden när det gäller balans men inte cookie-cutter. Prova något annat. Asymmetri är ofta djärv, överraskande och visuellt intressant (särskilt med så många perfekt symmetriska alternativ där ute).
5. Abstrakt Art
Har du inte en bra bakgrundside? Prova något abstrakt. Kombinera färger och former och swashes för en rolig bild som kanske inte ser ut som någonting alls.
När det gäller att utforma din webbplats behöver du en visuell differentiator så att när användare kommer till webbplatsen finns det något intressant som tar tag i deras uppmärksamhet. Om designen bara ser ut som allt annat, kan användarna inte ha någon anledning att hålla fast.
Ge dem något snyggt att titta på. Koppla det med oemotståndlig text som gör att de vill engagera sig i designen. Våga vara djärv, annorlunda och intressant.
Slutsats
Är din webbdesign av en gammal, föråldrad eller överdriven bakgrundsstil? (Det är ok att erkänna det, det händer för oss alla vid någon tidpunkt.)
Nu är det dags att uppdatera designen med en modernare bakgrundsstil. Använd exemplen ovan som inspiration för att prova något annat och skapa något som kanske kan ligga utanför din komfortnivå.