Sfondi bianchi e netti sono così 2016. È ora di dare al tuo sito un rapido aggiornamento con un trattamento di fondo nuovo e più moderno.
Mentre molti stili minimali sono ancora presenti, la mancanza di colore non lo è. I designer optano invece per grigi e colori vivaci. Gli effetti di sfondo spingono anche più confini con geometrie fresche, schemi asimmetrici e arte astratta. Oggi stiamo esplorando le tendenze del background del sito web moderno, ricco di esempi e ispirazione!
1. Geometria su foto
Le immagini e le illustrazioni di Hero sono ancora uno degli stili di design di sfondo più popolari. Le immagini grandi sono coinvolgenti e sono un buon modo per attirare gli utenti.
Sebbene non siano uno sfondo di per sé, nella maggior parte dei casi le immagini di grandi dimensioni sono lo sfondo sulla home page. Le immagini sono stratificate con testo, elementi di navigazione e inviti all'azione (da qui l'uso come sfondo).
Le novità delle immagini di eroi sono la sovrapposizione di immagini con elementi geometrici interessanti per una visualizzazione più interessante. Dai turbinii ai rettangoli agli elementi che si sentono più tattili, i designer aggiungono forme di base al design.
Ciò che rende questo lavoro sta usando la geometria con lo scopo. Non puoi semplicemente rilasciare alcuni esagoni nitidi su una foto e aspettarti che funzioni. Gli elementi geometrici devono essere posizionati per aiutare a disegnare l'occhio nella parte destra dell'immagine o portare gli utenti a un'azione specifica. La geometria può aggiungere un tocco di colore in un design scuro o più rigido per incoraggiare questo movimento oculare. Le forme possono anche essere utilizzate per aiutare a enfatizzare l'identità del marchio - in particolare se le stesse forme sono nel tuo logo - per creare una connessione più forte.
2. Tonalità di grigio
Passare a un design minimale è facile come aggiungere un po 'di grigio. Invece di uno sfondo bianco e sterile, stanno spuntando altri siti con sfondi grigio chiaro con un motivo di design altrimenti minimale.
Il bello degli sfondi grigi è che il colore può essere ricco e caldo o più fresco. I sottotoni possono abbinare i colori del marchio o le immagini circostanti. Oppure, vai con un grigio chiaro a base di pallido per una tonalità che è quasi piatta.
Qualunque sia la variazione grigia che scegli, ricorda che gli elementi che lo circondano contribuiranno a modellare il modo in cui il colore si sente agli utenti. Sembra piuttosto morbido, ad esempio nel sito di Paul Valentine quando abbinato a un rosa pastello, ma molto più mod nel sito del portfolio di S. Dallyn.
3. Strati di colore brillante
Proprio come le forme geometriche possono essere utilizzate per creare sfondi stratificati, i blocchi di colore possono avere lo stesso effetto. Le scelte di colori brillanti sono una scelta di sfondo audace e interessante.
Questi sfondi colorati possono servire a molteplici scopi dal disegnare gli utenti nel design per aggiungere interesse visivo a uno spazio che potrebbe mancare di immagini o altri elementi visivi.
La base di questa tendenza è radicata in altre tendenze di colore che hanno avuto un impatto maggiore sul design di recente. Molti dei colori e degli strati hanno un aspetto di Material Design (o qualche riporto da stili di design piatti). Questa fusione e spostamento di tendenze è un'evoluzione naturale e facile da incorporare perché può essere più di un adeguamento a un sito Web esistente che una revisione completa.
4. Asimmetria
Fuori dalla griglia! (O almeno regolarlo in modo che non sia tutto così simmetrico.)
Uno sfondo non deve avere mazzi di piccoli elementi o modelli che si allineano perfettamente. Non deve essere un colore o un'immagine a tinta unita.
Può essere una combinazione di questi elementi, posizionati in un modo per creare un equilibrio perfetto che non puoi tagliare a metà. Le opzioni potrebbero includere un'immagine dell'eroe che non occupa tutta la larghezza dello schermo con più spazio bianco su un lato rispetto all'altro, nel modo illustrato da Nap Luxury Guesthouse. Potrebbe sembrare un CMMNTY, in cui gli elementi di testo e lo spazio bianco hanno contrappesi uguali per un effetto che quasi costringe gli utenti a guardare le lettere. Potrebbe essere l'offset sottile di un'immagine di prodotto sovradimensionata con testo e un invito all'azione, come ad esempio vaso.
Comunque il design si unisce, pensa allo sfondo in termini di equilibrio ma non di cookie-cutter. Prova qualcosa di diverso. L'asimmetria è spesso audace, sorprendente e visivamente interessante (specialmente con così tante opzioni perfettamente simmetriche là fuori).
5. Arte astratta
Non hai una buona idea di base? Prova qualcosa di astratto. Combina colori, forme e swash per una grafica divertente che potrebbe non assomigliare a nulla.
Quando si tratta di progettare il tuo sito web, hai bisogno di un elemento di differenziazione visuale in modo che quando gli utenti visitano il sito web ci sia qualcosa di interessante che attira la loro attenzione. Se il design assomiglia a tutto il resto, gli utenti potrebbero non avere alcun motivo per restare.
Dagli qualcosa di carino da guardare. Abbinalo a un testo irresistibile che li spinge a impegnarsi con il design. Osa essere audace, diverso e interessante.
Conclusione
Il design del tuo sito web è affetto da uno stile di sfondo vecchio, obsoleto o abusato? (È giusto ammetterlo, succede a tutti noi ad un certo punto.)
Ora è il momento di aggiornare il design con uno stile di sfondo più moderno. Usa gli esempi sopra come ispirazione per provare qualcosa di diverso e creare qualcosa che potrebbe anche essere al di fuori del tuo livello di comfort.