Se osservi da vicino, puoi quasi vedere l'evoluzione del web design in corso. Alcune tendenze del design sono emerse come elementi indispensabili del 2017 (finora) con interessanti modelli di tipografia, colore e navigazione.
Quindi, ora che siamo a metà del 2017, concentriamoci un po 'sull'ispirazione del design e diamo uno sguardo ai trend più importanti dell'anno finora. Dovresti incorporare tutto questo? Assolutamente no! Ma uno dei due, scelto con cura, può davvero aiutare a dare al tuo design un'idea attuale e aggiornata.
1. Tipografia in spazi condivisi
I progettisti stanno infrangendo le regole della tipografia estendendo lettere su più elementi. Il tipo potrebbe estendersi su due riquadri in un'estetica a schermo diviso o sconfinare nello spazio di un altro elemento di design come un'immagine.
In entrambi i casi, il risultato può essere sorprendente.
Ma non è facile da fare. La tipografia negli spazi condivisi è un modo visivamente interessante per attrarre gli utenti attraverso i contenuti e creare flusso nel design. Abbinato a caratteri tipografici o caratteri sovradimensionati, la tipografia in spazi condivisi può avere un impatto drammatico. L'enfasi aggiunta sul carattere tipografico perché si sovrappone su più spazi evidenzia le parole e crea un punto focale nel design.
Per sfruttare al meglio la tendenza del design, avrai bisogno di un po 'di messaggistica e una coppia di immagini e sfondi con una colorazione simile, in modo tale che il testo sia facilmente leggibile su tutto il quadro.
Nella maggior parte dei casi, scegli lettere bianche o nere sullo sfondo. Questo è un progetto piuttosto complesso da digerire per gli utenti, anche se potrebbe sembrare piuttosto semplice, e la leggibilità dovrebbe essere una preoccupazione primaria.
Concentrati sul flusso visivo con questo tipo di modello di progettazione. Pensa a quali parti del design sono più importanti per gli utenti per vedere come creare uno sfondo a strati e un effetto lettering.
Scopri di più sulla tendenza e trova altri esempi, oltre a un primer su come lavorare con i disegni a schermo diviso.
2. Forme poli
Quasi ovunque guardi, i designer usano i poligoni in modi interessanti. Dalle forme che riempiono l'intero disegno alle sovrapposizioni semplici agli effetti angolari, le forme poligonali sono quasi ovunque.
La cosa bella di questa tendenza di design è che è così versatile. Le forme poligonali possono essere aggiunte a quasi tutti i contorni del design, su video o foto e con qualsiasi tavolozza di colori o di tipografia. (È l'aggiornamento perfetto se si desidera aggiornare un sito Web corrente).
Non sei sicuro di ciò che si qualifica come una forma poligonale? I poligoni sono forme definite nella geometria elementare come una figura del piano che è delimitata da una catena finita di segmenti di retta in un ciclo per formare una catena poligonale chiusa. Le forme possono avere qualsiasi numero di lati o orientamento, possono essere riempiti o vuoti e possono avere percorsi e tratti che si intersecano. 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.
Le forme polari possono fornire un po 'di ispirazione per il design. Usali per i divot o gli elementi dell'interfaccia utente, per incoraggiare la navigazione o per fornire un interesse visivo quando altre immagini sono piuttosto scialbe.
Scopri di più sulla tendenza e vedi altri esempi.
3. Gradienti
Una delle parti più tristi della tendenza del design piatto è stata la perdita di gradienti nei progetti di design. Ma sono tornati alla grande. (Un sacco di merito va a Spotify per averli usati nella loro identità visiva.)
Le sfumature appaiono ovunque e in ogni modo immaginabili: sfondi, sovrapposizioni di colori e elementi dell'interfaccia utente. L'ispirazione di design odierna per le sfumature è un po 'diversa dall'era del design pre-piatto. Piuttosto che sfumature che sono sottili e sbiadiscono al nero o al bianco, queste sfumature sono audaci e spesso includono due colori.
Mentre un gradiente buono può funzionare in quasi tutte le parti del design, i gradienti monotono spesso funzionano meglio per elementi più piccoli e due varianti di colore aggiungono il più pop a pezzi di design di grandi dimensioni, come immagini o sfondi.
Scopri di più sulla tendenza e guarda ancora più esempi, oltre a dare un'occhiata ad alcuni modi divertenti per usare le sfumature per gli overlay a colori.
4. Colore audace
Le scelte di colori grandi e audaci sembrano essere ovunque, e non solo nell'uso dei gradienti. Sfondi luminosi, pulsanti in grassetto e colori accesi che sembrano saltare fuori dallo schermo aiutano a fornire un posto dove atterrare gli occhi.
Alcune delle più grandi tendenze nel colore potrebbero anche essere cose che non ti aspetteresti: colori al neon e caratteri a colori.
Ecco alcuni suggerimenti per l'utilizzo delle opzioni di colori in grassetto che funzionano:
- Incorporare i colori più brillanti della tavolozza del tuo marchio.
- Usa il colore per fare una dichiarazione.
- I colori brillanti fanno grandi accenti.
- Non riesci a trovare un modo per usare un colore audace? Includi le tonalità nelle immagini e nelle foto.
- Mescolare e abbinare colori audaci con bianco e nero per il massimo impatto.
- Usa il colore con intenzione e scopo.
Scopri di più sulle tendenze dei colori in grassetto, come neons e caratteri a colori.
5. Modelli sperimentali di navigazione
Anche se non è sempre consigliabile mescolare i modelli di navigazione e allontanarsi troppo dai menu che sono ancorati alla parte superiore dello schermo, può funzionare per alcuni progetti di siti web. In effetti, il 2017 è stato l'anno della navigazione sperimentale fino ad ora, con molti siti Web che utilizzano la navigazione laterale, la navigazione in basso e la ricerca di nuove opzioni nascoste, a scorrimento e a comparsa.
Ed ecco la cosa: sembra funzionare.
Solo tu lo saprai per certo - torna sempre e approfondisci le tue analisi per assicurarti che un cambiamento di navigazione stia ancora guadagnando clic - ma più progettisti stanno sperimentando nuovi concetti. Il trucco sembra essere che gli elementi di navigazione devono ancora avere risalto sulla schermata iniziale (renderli più grandi del normale se si trovano in una posizione insolita) e utilizzare altri suggerimenti visivi per mostrare agli utenti cosa fare dopo.Gli schemi utente non familiari possono essere appresi rapidamente con l'aiuto.
Scopri di più sulla tendenza e vedi altri esempi.
Conclusione
Mentre un sacco di tendenze tendono ad andare e venire, queste sono in agguato. Sembra che il filo conduttore sia che ogni tendenza può inserirsi in una varietà di schemi di progettazione e non superare l'intero flusso estetico.
Quali sono le tue tendenze preferite del 2017? Ci sono alcune di queste tendenze che vuoi andare via? Cerchiamo di chattare su Twitter (ricordati di taggare Design Shack).