5 idee per un sito Web moderno per il 2017
Gli sfondi bianchi e netti sono così 2016. È tempo di dare un rapido aggiornamento al tuo sito Web con un nuovo, più moderno trattamento di sfondo.
Mentre molti stili minimal sono ancora presenti, la mancanza di colore non lo è. I designer scelgono invece grigi e colori brillanti. Gli effetti di sfondo stanno anche spingendo più confini con geometrie interessanti, motivi asimmetrici e arte astratta. Oggi stiamo approfondendo le tendenze di sfondo del sito Web moderno, pieno di esempi e ispirazione!
Esplora risorse di progettazione
1. Geometria sulle foto
Le immagini e le illustrazioni degli eroi sono ancora uno degli stili di design di sfondo più popolari. Le immagini di grandi dimensioni sono coinvolgenti e rappresentano un buon modo per attirare gli utenti.
Sebbene non siano di per sé uno sfondo, nella maggior parte dei casi immagini di grandi dimensioni fanno da sfondo alla homepage. Le immagini sono stratificate con testo, elementi di navigazione e inviti all'azione (da cui l'utilizzo come sfondo).
La novità delle immagini degli eroi è la stratificazione di immagini con elementi geometrici fantastici per un aspetto più interessante. Dai turbinii ai rettangoli agli elementi più tattili, i designer stanno aggiungendo forme base al design.
Ciò che rende questo lavoro è usare la geometria con uno scopo. Non puoi semplicemente rilasciare alcuni esagoni ordinati su una foto e aspettarti che funzioni. Gli elementi geometrici devono essere posizionati per aiutare ad attirare l'occhio sulla parte destra dell'immagine o condurre gli utenti a un'azione specifica. La geometria può aggiungere un tocco di colore in un design scuro o più netto per incoraggiare questo movimento degli occhi. Le forme possono anche essere utilizzate per sottolineare l'identità del marchio - in particolare se le stesse forme sono nel tuo logo - per creare una connessione più forte.
2. Sfumature di grigio
Cambiare un design minimalista è facile come aggiungere un po 'di grigio. Invece di uno sfondo bianco e sterile, sempre più siti Web si aprono con sfondi grigio chiaro con un motivo di design altrimenti completamente minimale.
La cosa grandiosa degli sfondi grigi è che il colore può essere ricco e caldo o più freddo. Le sfumature possono abbinare i colori del marchio o le immagini circostanti. Oppure, scegli un grigio a base di nero pallido per una tonalità che è quasi piatta.
Qualunque sia la variazione di grigio che scegli, ricorda che gli elementi circostanti contribuiranno a modellare il modo in cui il colore viene percepito dagli utenti. Sembra abbastanza morbido, ad esempio nel sito Paul Valentine se abbinato a un rosa pastello, ma molto più mod nel sito del portfolio S. Dallyn.
3. Strati di colore brillante
Proprio come le forme geometriche possono essere utilizzate per creare sfondi a strati, 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 nella progettazione fino ad aggiungere interesse visivo a uno spazio che potrebbe non avere immagini o altri elementi visivi.
La base di questa tendenza è radicata in altre tendenze di colore che hanno avuto un impatto importante sul design recentemente. Molti dei colori e degli strati hanno una sensazione di Material Design (o qualche riporto da stili di design piatti). Questa fusione e spostamento delle tendenze è un'evoluzione naturale e facile da incorporare perché può essere più un adattamento a un sito Web esistente che una revisione completa.
4. Asimmetria
Esci dalla griglia! (O almeno regolarlo in modo che tutto non sia così simmetrico.)
Uno sfondo non deve avere gruppi di piccoli elementi o motivi che si allineano perfettamente. Non deve essere un colore o un'immagine a tinta unita.
Può essere una combinazione di questi elementi, posizionati in modo da creare un equilibrio perfetto che non puoi tagliare nel mezzo. Le opzioni potrebbero includere un'immagine di un eroe che non occupa l'intera larghezza dello schermo con più spazio bianco su un lato rispetto all'altro, come mostrato 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 il sottile scostamento di un'immagine di prodotto di grandi dimensioni con testo e un invito all'azione, come un vaso.
Tuttavia, il design si fonde, 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 grande idea di base? Prova qualcosa di astratto. Combina colori, forme e sfumature per un look divertente che potrebbe non assomigliare a nulla.
Quando si tratta di progettare il tuo sito Web, è necessario un elemento di differenziazione visiva in modo che quando gli utenti accedono al sito Web ci sia qualcosa di interessante che attiri la loro attenzione. Se il design sembra tutto il resto, gli utenti potrebbero non avere alcun motivo per restare.
Dai loro qualcosa di pulito da guardare. Abbinalo a un testo irresistibile che li induce a voler interagire con il design. Osa essere audace, diverso e interessante.
Conclusione
Il design del tuo sito web soffre di uno stile di sfondo vecchio, obsoleto o abusato? (Va bene 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.
