Mentre il 2017 si riduce, è un buon momento per riflettere sui risultati dell'anno passato e iniziare a pensare ai progetti che devono ancora venire.
Guardando progetti più recenti, ridisegnando e anche solo progettando modifiche, alcune tendenze distinte stanno cominciando ad emergere come i front-runner verso il 2018. Ecco alcune delle tendenze del web design che probabilmente diventeranno popolari (e molte di queste i concetti possono essere usati anche per il design di stampa).
1. Griglie asimmetriche
L'era della perfetta simmetria è finita. Mentre i design a schermo diviso erano una grande tendenza nel 2017, quella perfetta visuale a metà e mezza si sta evolvendo.
I progettisti stanno dividendo gli elementi visivi sullo schermo con una griglia più asimmetrica.
Per far funzionare questo concetto, ci deve essere un distinto equilibrio di elementi in modo che un lato del design non sia opprimente. Gli elementi dello spazio e del testo spesso equilibrano le immagini per aiutare a disegnare l'occhio attraverso il design.
E tutto si unisce perché i design vivono ancora su una griglia, che aiuta a mantenere tutto organizzato. (Gli elementi del design Club of the Waves, sopra, sono organizzati in modo tale che è il motivo per cui il design asimmetrico sembra così equilibrato.)
2. Più colore brillante
Il colore brillante sembra essere la tendenza del design che vuole solo restare in giro. Era una parte importante del design piatto e altrettanto importante per Material Design, ed entrambi i concetti fanno ancora parte di molti progetti.
Anche senza caratteristiche di piatto o materiale, il colore audace è accattivante e può aiutare a disegnare un utente in un disegno. Le scelte di colori brillanti e audaci hanno un tocco di freschezza e appello agli utenti più giovani.
Queste scelte di colore possono anche creare un'estetica inaspettata e creare un'atmosfera più funky per i siti Web e le aziende che potrebbero non essere noti per questo tono. Ford, di cui sopra, non viene in mente come un'azienda progressista e alla moda, ma il design per il microsito di Make it Drivable emana queste emozioni.
3. Elementi appiccicosi in basso
Tutti quei piccoli annunci nella parte inferiore delle app e dei siti Web mobili si stanno facendo strada anche per i modelli desktop e tablet. E non sono solo gli annunci in questa posizione sullo schermo, le finestre di chat, i popup, le notifiche e persino gli elementi di navigazione che si attaccano alla parte inferiore dello schermo.
Questa posizione meno invadente è un'area di visualizzazione privilegiata e l'utilizzo dei dispositivi mobili ha consentito agli utenti esperti che questi tipi di posizionamenti sono accettabili.
E se funziona. Un annuncio nella parte inferiore dello schermo, come quello del blog di Burlap e Blue sopra, sembra molto meno nel modo (e meno in faccia) di un banner di targhetta. L'utente continua a vederlo, ma non oscura il contenuto.
4. Ricerca vocale e naturale
Il futuro del web design non è visivo al 100 percento. Alcuni di essi saranno udibili.
Dalla progettazione di interfacce che possono? Sentire? e comprendere i comandi vocali per incorporare termini di ricerca che imitano il linguaggio naturale, l'integrazione di un mondo di voce e lingua sarà fondamentale per i progetti di progettazione di siti Web.
E mentre alcune di queste altre tendenze potrebbero non essere ancora più popolari alla fine del 2018, la ricerca vocale e della lingua naturale crescerà solo in termini di utilizzo e popolarità. Dovresti iniziare a programmarlo ora in modo da poterlo integrare nei progetti futuri con facilità.
5. forme fluide
Mentre le forme e geometrie polari più nitide erano grandi nel 2017, le forme più morbide con un aspetto più fluido e persino le animazioni stanno guadagnando popolarità.
Le linee più lisce sono una progressione naturale della tendenza del poligono. Quando Design Shack presentava la tendenza delle forme poli all'inizio di quest'anno, la descrizione diceva "una delle parti migliori di questa tendenza versatile è che ognuno di questi disegni è così diverso." I poligoni sono in genere forme piatte bidimensionali, anche se nei progetti di siti web alcuni poligoni animano le mosse e sembrano avere più caratteristiche 3D.
La stessa caratteristica vale per forme più fluide; la differenza principale è che al posto delle linee di intersezione, ogni forma è fatta di curve lisce che scorrono attraverso il design.
6. Animazione sottile
Le animazioni piccole e semplici possono sorprendere e deliziare gli utenti. Possono anche aiutare a fornire informazioni e guidare l'utente attraverso un impegno più attivo con il design.
Ma l'animazione sottile non riguarda una funzione di caricamento che nasconde il tempo di attesa, ma il movimento all'interno del progetto stesso.
Dagli stati nascenti ai cinemagraph alle illustrazioni che sembrano prendere vita, il movimento sottile può essere un ottimo strumento per aiutare a creare il coinvolgimento degli utenti. Per sfruttare al meglio l'animazione sottile del design, attenersi a un paio di regole base: scegli un solo trucchetto per l'animazione? e attenersi ad esso, l'animazione dovrebbe sembrare realistica e imitare le leggi della fisica, non forzare il suono o fare clic su azioni per il movimento e assicurarsi che l'animazione venga riprodotta su un loop affidabile in modo che gli utenti sappiano quando l'animazione è completa. (Questo è un segno che possono passare per fare la cosa che hanno trovato sul sito web in primo luogo.)
7. Immagini SVG
La grafica vettoriale scalabile sta diventando sempre più comune come il tipo di immagine de factor per i siti Web. Gli SVG sono immagini vettoriali leggere che garantiscono grafica, icone e loghi perfetti, indipendentemente dalla dimensione dello schermo o dalla risoluzione.
Tutti i display ad alta risoluzione stanno contribuendo all'aumento di questo formato di file.
Gli SVG funzionano egregiamente con esperienze di immagini fisse e multimediali, tra cui immagini 3D, cinemagraph, animazioni con logo e fotografia a 360 gradi.
8. Desktop a schermo diviso, Stacking Mobile
I modelli di design a schermo diviso stanno solo crescendo in popolarità. Anche gli stili più divisi.
Questi design sono così popolari perché offrono esperienze eccezionali sia su schermi desktop che su dispositivi mobili, perché i contenuti suddivisi vengono visualizzati fianco a fianco e impilati in modo uguale. (In questo modo c'è un'esperienza coerente, ma specifica per il dispositivo per gli utenti.)
Mentre molti dei primi progetti su schermo diviso erano veramente divisi, molti designer optano per uno schermo diviso, oltre a un ulteriore strato superiore con testo o branding per fornire un effetto più approfondito.
9. Altre animazioni a scorrimento
Le animazioni a scorrimento parallasse sono state così popolari che alcuni designer stanno iniziando a schivarle. Ma questo non significa che devi abbandonare del tutto le animazioni di scorrimento.
Esistono molti altri modi per utilizzare lo scorrimento per incoraggiare il coinvolgimento degli utenti. (E puoi anche mescolare una piccola parallasse, ma non impazzire.)
Doggo for Hire, sopra, utilizza un'animazione a scorrimento che lascia cadere i coriandoli sul cane nella foto mentre gli utenti scorrono. Il rotolo dice quanto velocemente cadono i coriandoli (e anche l'espressione sulla faccia del cane mentre accade). Scorri rapidamente per un'esperienza video in stile; scorrere più lentamente per visualizzare tutto il contenuto sul lato sinistro dello schermo.
Alla ricerca di più ispirazione di scorrimento-azione? Trovalo qui.
10. Spazio bianco senza minimalismo
I designer amano lo spazio bianco. (Molti di noi amano anche il minimalismo? Anche se i clienti non lo amano così tanto.)
Il compromesso sta progettando con un sacco di spazio bianco, ma con una sensazione molto meno minimalista. Aggiungendo più colori e elementi di design a un design con molto spazio, può sembrare più pieno.
Design Calendar fa un ottimo lavoro usando lo spazio e comprimendolo con contenuti ed elementi allo stesso tempo - assicurati di cliccare sull'esempio e scorri per vederlo in azione - in modo che ci sia molto spazio per respirare elementi surdimensionati.
I progettisti stanno lavorando con lo spazio bianco in molti altri modi. Dai un'occhiata indietro a molte delle altre tendenze sopra menzionate e quanta spazio bianco svolge un ruolo anche lì.
Conclusione
L'inizio di un nuovo anno ti ispira a provare qualcosa di nuovo? Sarà una delle tue risoluzioni?
Assicurati di utilizzare le tendenze del design con cura. A volte le idee migliori possono crescere datate rapidamente. Altri finiscono con una sensazione più senza tempo; le interfacce vocali sono probabilmente qui per rimanere per un po '. Provali, modifica un design esistente e divertiti. Questo è ciò che sta giocando con le tendenze del design.