3 Essential Design Trends, luglio 2017
Questo mese l'attenzione è rivolta agli elementi di design. Molte tendenze recenti hanno coinvolto pattern utente, colore o tipografia, ma qui si tratta di tecniche sottili. Le tendenze essenziali da prendere in considerazione comprendono la navigazione in downpage, le scatole come elemento di design e un sacco di linee e movimenti verticali.
Ecco cosa è in voga nel design questo mese:
1. Navigazione verso il basso
I progettisti sembrano essere abbastanza in fase sperimentale quando si tratta di navigazione in questi giorni. Dalla verticale, alle opzioni di navigazione laterale, agli stili di pop-out, agli stili di downpage, le voci di menu sono un po 'dappertutto.
Mentre la navigazione downpage era un no-no distinto, può crescere su di te. E poiché più progettisti optano per questo modello di utenti, diventeranno più generalmente accettati. Ecco una parola di cautela: se opti per la navigazione in downpage, tieni d'occhio le analisi dei siti web per assicurarti che i tuoi visitatori comprendano il modello e continuino a fare clic. Questa tecnica potrebbe non funzionare per tutti i tipi di pubblico.
Quindi come lo fai funzionare?
- I migliori stili di navigazione in downpage sono applicati a disegni semplici. Una homepage senza scroll e solo una manciata di pagine è la migliore.
- Gli elementi di navigazione in downpage devono essere ampi, in modo che gli utenti non li ignorino.
- Gli elementi appiccicosi sono necessari se la pagina ha uno scorrimento più lungo.
- Considera la navigazione in downpage nella home page per una nuova alternativa, ma torna a un modello più tradizionale nelle pagine interne.
- Usalo con una struttura minima. La navigazione in downpage può essere facilmente persa in un progetto complesso o con molti elementi in competizione per l'attenzione dell'utente.
- Includere un elemento di design "extra" per spingere gli utenti verso la navigazione. Ciò potrebbe includere qualsiasi cosa, da una scelta di colori in grassetto a una visuale direzionale che aiuti a guidare l'occhio verso la navigazione in una posizione non tradizionale.
2. Scatole come elementi di design
Questa potrebbe essere una delle tendenze più sorprendenti e versatili degli elementi in scatola del 2017 per fini puramente estetici.
Le scatole sono un grande contenitore, come abbiamo visto dalla tendenza delle carte, ma i designer stanno lavorando con scatole per evidenziare i contenuti, mostrare le immagini e attirare l'attenzione su una determinata parte della tela. E funziona magnificamente.
La cosa bella di questa tendenza è che è così versatile. Non è necessario ripensare a un intero progetto per utilizzare elementi in scatola. Possono servire come pura grafica o collegamento ad altri contenuti. Una scatola può contenere quasi tutto, da una grande immagine a una chiamata all'azione.
Alcuni suggerimenti per ottenere il massimo da un elemento di design in scatola includono:
- Utilizzare una casella per creare profondità o messa a fuoco, ad esempio Cedrick Lachot , sotto. La foto sullo sfondo nero è semplice e il testo bianco in alto aggiunge enfasi alla forma rettangolare e ad altre finestre selezionabili sulla home page e in tutto il design.
- Usa una casella per sovrapporre gli elementi. Feudi Di San Gregorio , sotto, usa una scatola per attirare l'attenzione su una parte molto specifica del contenuto con una tecnica di stratificazione che la fa sentire parte dell'immagine. Guarda attentamente le mani in relazione alla scatola. Questo stesso concetto viene utilizzato per più immagini nello scroller orizzontale e aggiunge un ulteriore livello di bella complessità al design semplice.
- Usa una scatola per creare il flusso. BeoPlay , sotto, usa scatole impilate con immagini per creare un percorso attraverso il design. Ogni casella si anima da un numero di caselle più piccole per coinvolgere l'utente e incoraggiare lo scorrimento.
- Usa una casella per creare un elemento utilizzabile, come una chiamata pop-up all'azione, in cima al disegno.
- Usa le caselle per creare un disegno con le carte nello stile di Material Design. Mentre questa tendenza è in corso da un po 'di tempo, è ancora un'opzione popolare, in particolare per i progetti basati su dispositivi mobili.
3. Linee verticali
Non si pensa sempre al web come a uno spazio verticale, ma più designer stanno incorporando elementi molto verticali nei progetti.
Dalle linee magre per stabilire il flusso verso le foto con elementi su e giù distinti, gli elementi verticali possono aiutare gli utenti a orientarsi attraverso un design, incoraggiare lo scorrimento e persino focalizzare l'attenzione su determinati elementi. Come bonus aggiuntivo, gli elementi verticali sono visivamente interessanti perché non sono comuni come elementi orizzontali, quadrati o circolari.
Alcuni dei desideri di pensare più verticalmente potrebbero iniziare nelle tue mani. Mentre la maggior parte dei siti Web desktop vive nello spazio 16: 9 standard, l'accesso ai siti Web su telefoni e tablet viene spesso attivato lateralmente con un orientamento più verticale. (Nel caso di molti telefoni cellulari, questo orientamento è chiaramente verticale).
Ciò rende accenti verticali e pattern utente più comuni e più accettati per i visitatori del sito web. Non ostacoleranno il design o si chiederanno come interagire con esso. L'orientamento verticale è abbastanza diffuso.
Ci sono molti modi per incorporare un sentimento verticale in un design.
- Prova uno sfondo con sottili linee verticali per creare texture.
- Crea un collage di immagini con forme verticali.
- Usa le linee verticali sull'immagine principale per stabilire la profondità tra gli strati di elementi, come foto o video e testo.
- Usa lo sweep animato verticalmente per separare gli elementi in un cursore immagine.
- Pianifica le immagini con una messa a fuoco verticale.
- Si consideri un design a schermo diviso in modo tale che ciascun lato abbia un rapporto proporzionale più orientato verticalmente.
- Utilizzare un motivo di sfondo di piccoli oggetti in un allineamento verticale.
- Impila icone o elementi piuttosto che disporli sullo schermo.
Conclusione
Ogni volta che consideri di utilizzare una tendenza in un progetto di design, c'è un elemento di rischio coinvolto. Per quanto tempo la tendenza sarà popolare? Farà sembrare il design datato?
Piuttosto che optare per le opzioni di siti Web di tendenza su vasta scala, prendere in considerazione un elemento di tendenza come quelli sopra. Questi elementi possono essere più facili da incorporare nel design (e altrettanto facili da rimuovere se non ti piacciono più tardi). Il trucco per mantenere uno stile moderno è nei dettagli; non richiede un nuovo design ogni sei mesi.
Quali tendenze stai amando (o odiando) in questo momento? Mi piacerebbe vedere alcuni dei siti web di cui sei affascinato. Lasciami un link su Twitter ; Mi piacerebbe sentirti.