5 moderne website-achtergrondideeën voor 2017
Witte, grimmige achtergronden zijn zo 2016. Het is tijd om je website snel op te frissen met een nieuwe, modernere achtergrondbehandeling.
Hoewel er nog veel minimale stijlen zijn, is het gebrek aan kleur dat niet. Ontwerpers kiezen in plaats daarvan voor grijstinten en felle kleuren. Achtergrondeffecten verleggen ook meer grenzen met coole geometrie, asymmetrische patronen en abstracte kunst. Vandaag verdiepen we ons in moderne achtergrondtrends op de website, boordevol voorbeelden en inspiratie!
Ontdek ontwerpbronnen
1. Geometrie op foto's
Hero-afbeeldingen en -illustraties zijn nog steeds een van de meest populaire stijlen voor achtergrondontwerp. Grote afbeeldingen zijn boeiend en zijn een goede manier om gebruikers aan te trekken.
Hoewel ze niet per se een achtergrond zijn, vormen in de meeste gevallen extra grote afbeeldingen op volledige breedte de achtergrond op de startpagina. Afbeeldingen zijn gelaagd met tekst, navigatie-elementen en oproepen tot actie (vandaar gebruik als achtergrond).
Wat nieuw is aan hero-afbeeldingen, is het in lagen aanbrengen van afbeeldingen met coole geometrische elementen voor een interessanter beeld. Van wervelingen tot rechthoeken tot elementen die voelbaarder aanvoelen, ontwerpers voegen basisvormen toe aan het ontwerp.
Wat dit werk maakt, is het gebruik van geometrie met een doel. Je kunt niet zomaar een paar nette zeshoeken op een foto laten vallen en verwachten dat het werkt. Er moeten geometrische elementen worden geplaatst om de aandacht naar het rechtergedeelte van de afbeelding te trekken of gebruikers naar een specifieke actie te leiden. Geometrie kan een vleugje kleur toevoegen in een donker of strakker ontwerp om deze oogbeweging te stimuleren. Vormen kunnen ook worden gebruikt om de merkidentiteit te benadrukken - vooral als dezelfde vormen in uw logo voorkomen - om een sterkere verbinding te creëren.
2. Grijstinten
Het omschakelen van een minimalistisch ontwerp is net zo eenvoudig als het toevoegen van een beetje grijs. In plaats van een kale, witte achtergrond, duiken er meer websites op met lichtgrijze achtergronden met een verder volledig minimaal ontwerppatroon.
Het mooie van grijze achtergronden is dat de kleur rijk en warm of koeler kan aanvoelen. De ondertonen kunnen overeenkomen met merkkleuren of omliggende afbeeldingen. Of kies voor een lichtzwart grijs voor een bijna platte tint.
Welke grijze variant u ook kiest, onthoud dat de elementen eromheen zullen helpen bij het vormgeven van de kleur voor gebruikers. Het ziet er vrij zacht uit, bijvoorbeeld op de Paul Valentine-site in combinatie met een pastelroze, maar veel meer mod op de S. Dallyn-portfoliosite.
3. Lagen van heldere kleuren
Net zoals geometrische vormen kunnen worden gebruikt om gelaagde achtergronden te maken, kunnen kleurblokken hetzelfde effect hebben. Heldere kleurkeuzes zijn een gewaagde en interessante achtergrondkeuze.
Deze gekleurde achtergronden kunnen verschillende doelen dienen, van het betrekken van gebruikers bij het ontwerp tot het toevoegen van visuele interesse aan een ruimte die mogelijk geen afbeeldingen of andere visuele elementen bevat.
De basis van deze trend is geworteld in andere kleurentrends die de laatste tijd grote invloed hebben gehad op het ontwerp. Veel van de kleuren en lagen hebben een Material Design-gevoel (of een overdracht van platte ontwerpstijlen). Deze samensmelting en verschuiving van trends is een natuurlijke evolutie en is gemakkelijk op te nemen omdat het meer een aanpassing aan een bestaande website kan zijn dan een volledige revisie.
4. Asymmetrie
Ga van de grid af! (Of pas het op zijn minst aan zodat alles niet zo symmetrisch is.)
Een achtergrond hoeft niet veel kleine elementen of patronen te hebben die perfect op elkaar aansluiten. Het hoeft geen effen kleur of afbeelding te zijn.
Het kan een combinatie van deze elementen zijn, zodanig gepositioneerd dat het een perfecte balans creëert die je niet in het midden kunt knippen. Opties kunnen een heldenafbeelding zijn die niet de volledige breedte van het scherm inneemt met meer witruimte aan de ene kant dan de andere, zoals getoond door Nap Luxury Guesthouse. Het lijkt misschien op een CMMNTY, waarbij tekstelementen en witruimte gelijke contragewichten hebben voor een effect dat gebruikers bijna dwingt om naar de letters te kijken. Het kan de subtiele offset zijn van een oversized productafbeelding met tekst en een call-to-action, zoals een vaas.
Hoe het ontwerp ook samenkomt, denk aan de achtergrond in termen van balans, maar niet voor koekjes. Probeer eens iets anders. Asymmetrie is vaak gewaagd, verrassend en visueel interessant (vooral met zoveel perfect symmetrische opties die er zijn.)
5. Abstracte kunst
Heb je geen goed achtergrondidee? Probeer iets abstracts. Combineer kleuren en vormen en sierletters voor een leuk beeld dat er misschien helemaal niet uitziet.
Als het gaat om het ontwerpen van uw website, heeft u een visuele differentiator nodig, zodat wanneer gebruikers naar de website komen, er iets interessants is dat hun aandacht trekt. Als het ontwerp er gewoon uitziet als al het andere, hebben gebruikers misschien geen reden om rond te blijven hangen.
Geef ze iets leuks om naar te kijken. Combineer het met onweerstaanbare tekst waardoor ze zich met het ontwerp willen bezighouden. Durf brutaal, anders en interessant te zijn.
Gevolgtrekking
Lijdt uw website-ontwerp aan een oude, verouderde of overmatig gebruikte achtergrondstijl? (Het is ok om het toe te geven, het overkomt ons allemaal op een gegeven moment.)
Dit is het moment om het ontwerp te vernieuwen met een modernere achtergrondstijl. Gebruik de bovenstaande voorbeelden als inspiratie om iets anders te proberen en iets te creëren dat misschien zelfs buiten je comfortniveau ligt.
