Tendenze essenziali del design, febbraio 2017
Una presenza visiva interessante sopra il rotolo è la prima impressione che un utente ottiene di un sito web. Il fatto che l'utente continui a fare clic può dipendere da una serie di aspetti, tra cui immagini, leggibilità e interesse generale nei contenuti.
Questo mese guardiamo a tre tendenze che creano una prima impressione distinta: sovrapposizioni di colori scuri su immagini, brutalismo e stili di lettere vuote. Ecco cosa è in voga nel design questo mese:
1) Sovrapposizione scura sulle immagini
Non importa se l'immagine dell'eroe è immobile o in movimento, una sovrapposizione di colore scuro può aiutare anche i colori in un modo che rende più facile aggiungere testo e altri elementi a un livello sopra l'immagine. Questa potrebbe sembrare una scorciatoia all'inizio, in questa tecnica c'è molto valore.
La ragione principale per optare per una sovrapposizione di colori è migliorare la leggibilità. La maggior parte delle immagini contiene variazioni di colore chiaro e scuro, rendendo la sfida di aggiungere caratteri leggibili su ogni dispositivo. Anche se c'è un posizionamento perfetto per gli schermi desktop, la stessa combinazione di immagini e testo potrebbe renderla indecifrabile su uno schermo mobile.
È qui che aiuta una sovrapposizione di colori. Il lavaggio semitrasparente del colore su un'immagine o un video dovrebbe amplificare il contrasto. Quindi la scritta bianca o chiara ha un posto e rimarrà leggibile.
Gli overlay di colore scuro sono visivamente interessanti anche per altri motivi. Non rimanere bloccato nella trappola che oscura significa nero o grigio. Una sovrapposizione scura può essere di qualsiasi colore, come ad esempio il verde utilizzato da Internetum, di seguito. Una scelta di colori divertente o insolita può aiutare a disegnare gli utenti nel design.
Un overlay scuro può fare ancora una cosa: può aiutare a camuffare un'immagine o un video che non si vuole essere in prima linea nel design. Questo potrebbe essere perché l'immagine è un po 'vecchia, un po' morbida in termini di composizione o solo una che cade un po 'piatta. Una sovrapposizione di colori può modificare l'atmosfera dell'immagine, renderla un po 'meno prominente e aiutare il design a concentrarsi maggiormente su altri contenuti, come testo, chiamate ai pulsanti di azione o altri elementi grafici.
Le sovrapposizioni possono essere molto scure, come Digital Werk o possono fornire un sottile oscuramento nel modo di Lytton Living. Sai di avere il giusto equilibrio quando puoi ancora vedere l'immagine e tutti gli elementi a strati sono facili da leggere.
2. Brutalismo
Brutta. Harsh. Acuto. Occupato.
Queste sono solo alcune delle parole che alcuni hanno usato per descrivere la tendenza del design del sito web brutalismo. Ma solo perché un designer fa esperimenti con il brutalismo non significa che il design sia un casino caldo. È piuttosto il contrario.
Questo stile utilizza uno stile e una sensibilità diversi che includono cose che vedi e cose che non puoi. Ben McNicholl l'ha descritto in questo modo in un post per Envato : "Il" brutalismo "deriva dalla parola francese" raw ", quindi tienilo a mente quando scrivi il tuo codice.
"Un sito Web non deve essere uno spettacolo horror di immagini non ordinate e colori di caratteri contrastanti; il modo in cui il codice è stato scritto è anche simbolico dello stile. CSS incorporato, codice non taglato, tabelle HTML, la lista continua. "
Ci sono abbastanza esempi di brutalismo che c'è un intero galleria del sito dedicato a questi progetti. Nell'introduzione, il sito web si riferisce al brutalismo in questo modo: "Nella sua robustezza e mancanza di preoccupazione per un aspetto comodo o facile, il brutalismo può essere visto come una reazione da una generazione più giovane alla leggerezza, ottimismo e frivolezza del web design di oggi. ”
Ciò che è particolarmente interessante del brutalismo è che il design appare così diverso da tutti gli stili piatti e minimali che sono stati così prevalenti. Se incontri uno di questi progetti, non puoi fare a meno di fermarti, guardare ed esplorare. Sia che tu pensi che sia bello o brutto o qualcosa in mezzo, questo è l'obiettivo finale di qualsiasi progetto di sito web.
3. scritte vuote
Lettere con riempimenti interessanti stanno iniziando a spuntare dappertutto. La cosa interessante di questa tendenza è che ha due look distinti:
- Caratteri vuoti su un'immagine o sfondo colorato, come C & C Coffee.
- Lettering riempito con un'immagine su uno sfondo semplice, come The London Loom, con una versione alternativa in cui è quasi possibile vedere l'immagine con uno sfondo con una trasparenza sottile, come My Mother Before Me.
Anche se questa tendenza ha un grande impatto visivo ed è molto divertente, può essere piuttosto difficile da eseguire.
Quando si tratta di lettere vuote su una foto, non ci sono sempre molte opzioni di carattere tipografico tra cui scegliere e i designer possono rimanere bloccati utilizzando gli stessi pochi caratteri. Questa non è affatto una situazione ideale per i progetti web. C'è più flessibilità per i progetti non web in cui non devi preoccuparti dell'integrazione e del rendering dei font.
Quando si tratta di lettere riempite, il trucco per farlo funzionare è che le immagini all'interno delle lettere devono essere distinguibili. Se gli utenti non possono dire quale sia l'immagine, il design non sarà efficace. Per aiutare, la maggior parte dei designer opta per lettere maiuscole spesse qui, quindi c'è più spazio per le immagini da mostrare. Le immagini sono spesso più astratte, o tessili o paesaggi perché il cervello umano tende a riempire gli spazi vuoti dell'immagine e funziona ancora per loro. È molto più difficile usare le immagini con volti o oggetti che devi vedere in un determinato modo perché devono essere posizionati perfettamente all'interno dei personaggi.
Nonostante sia un po 'impegnativo, entrambi gli stili di lettering possono essere visivamente interessanti e divertenti da creare.
Conclusione
A differenza di altre tendenze in cui è possibile implementare piccoli cambiamenti, queste tre opzioni presentano un cambiamento di stile generale. Riesci a vederti usare qualcuno di loro in progetti futuri?
Quali tendenze stai amando (o odiando) in questo momento? Mi piacerebbe vedere alcuni dei siti web di cui sei affascinato. Mandami un link su Twitter; Mi piacerebbe sentirti.