Tendenze essenziali del design, giugno 2016
I progettisti stanno cambiando le regole per il web design, grazie alla risoluzione dei problemi creativi. Il suono di riproduzione automatica, la miscelazione di immagini reali e illustrate e persino la sovrapposizione di loghi sulla parte superiore delle foto sono alcune delle tecniche di progettazione più calde in questo momento e tutti e tre i concetti sono stati considerati tabù non molto tempo fa.
Ecco cosa è in voga nel design questo mese:
1. Suono di riproduzione automatica
Non molto tempo fa, la regola non era includere l'audio sul tuo sito web a meno che non fosse facoltativo. E sicuramente non faresti il percorso di auto-play.
Quei tavoli si sono trasformati! Quello che prima era un hogging a banda larga, la caratteristica di design invadente sta diventando abbastanza comune.
Il suono viene utilizzato in particolare per un paio di tipi di siti Web diversi: per contenuti relativi ai media come musica, film o notizie e per progetti di giochi o trama. Il trucco per utilizzare il suono è che è necessario includere un pulsante di attivazione / disattivazione per gli utenti che desiderano ancora interagire con un sito Web in silenzio.
Il suono è che non dovrebbe essere uno shock per gli utenti. Molti siti, come ad esempio Questo era il telefono di Louise , che usano il suono dell'auto-riproduzione usano un buffer di sorta per mostrare che il contenuto del suono si sta caricando. Combina questa azione di carico con un interruttore a levetta e gli utenti possono determinare se il suono è per loro o meno prima che il sito faccia il primo rumore.
Un altro trucco quando si tratta di usare il suono è quello di iniziare dolcemente. Non vuoi che gli utenti saltino fuori dalle loro sedie perché il tuo design si apre con una spaccatura di metalli pesanti. Tutti i suoni crescono da quasi un sussurro a un volume pieno nei primi secondi.
Infine, è importante che il suono (in particolare quando viene riprodotto automaticamente) sia una parte vitale del contenuto che contribuisce all'esperienza utente complessiva. Non usare il suono solo perché vuoi provare qualcosa di nuovo; usalo con lo scopo. Ricorda anche questo: anche con il suono come parte del design, molti utenti accederanno al contenuto senza di esso. Progettare saggiamente.
2. Miscelazione di foto e illustrazioni
Può essere una tecnica difficile da realizzare ma il confine tra fotografia e illustrazione è stato superato. Mescolare elementi reali e disegnati a mano può aggiungere un tocco di fantasia a un progetto divertente e visivamente intrigante.
Fallo senza essere di formaggio per avere un impatto duraturo sugli utenti. Ecco alcuni suggerimenti:
- Usa le illustrazioni per icone e pulsanti e la fotografia per un impatto visivo dominante
- Crea un pattern visivo che utilizza principalmente l'illustrazione, ma aggiungi in breve video o aree dell'immagine per dare enfasi
- Aggiungi elementi animati animati per un tocco di qualcosa di diverso vicino alle foto
- Crea un badge o un logo illustrato da utilizzare con le foto del marchio o sulla confezione che apparirà nelle immagini del marchio
- Usa l'illustrazione per guidare gli utenti attraverso altre immagini e raccontare una storia
Taylor Made è un grande esempio di questo approccio mix-and-match alla fotografia e all'illustrazione. Una società di pianificazione finanziaria non è un luogo in cui ci si potrebbe aspettare di trovare questa tecnica in azione, ma è efficace. Le illustrazioni animate sullo sfondo di foto di persone aggiungono interesse a ciò che altrimenti potrebbe essere un colpo alla testa noioso. Le statistiche hover animate attirano l'attenzione dell'utente e incoraggiano lo scorrimento. Ancora più illustrazioni sono utilizzate nell'iconografia dei siti per incoraggiare i clic e aggiungere un tocco visivo alle parti di design del testo.
3. Badge in cima alle immagini degli eroi
I badge sono ovunque ti giri in questo momento. Dal design del logo agli stili vintage tipografici retrò che potrebbero essere preferiti dai pantaloni a vita bassa, questi elementi semplici sono diventati una parte essenziale degli stili di design minimali. Sono anche un'opzione comune per i progetti che potrebbero mancare nella fotografia.
Ciò si sta spostando anche se più designer utilizzano badge con fotografia stellare in immagini di eroi. La tendenza è esemplificata da una singola immagine di eroe (tipicamente non un cursore) con un badge bianco o semitrasparente in cima. I badge sono spesso centrati orizzontalmente e verticalmente, sebbene i posizionamenti possano variare.
È un contrasto impressionante di foto su logo (o testo). Ciò che rende questo lavoro è che la grande immagine attira gli utenti. Il badge funge da punto focale per ciò che è spesso un'immagine debole o debole. (Questo non vuol dire che le immagini utilizzate in questo tipo di stile siano cattive, ma beneficiano dell'aiuto di un badge.)
Questa tendenza è un'evoluzione di qualcosa che abbiamo visto per un po 'con intestazioni di immagini di eroi. Le scelte di tipografia oversize e audace erano la mania l'anno scorso. Questo è un cambiamento naturale a causa della popolarità degli stili di badge e della somiglianza tra l'uso di caratteri e badge di dimensioni eccessive.
- Entrambi tendono ad essere bianchi o chiari
- Entrambi tendono a battere a casa un singolo messaggio per gli utenti
- Entrambi lavorano in progetti che non hanno molti visuali in competizione
- Entrambi sono audaci e audaci perché offrono agli utenti solo un vero punto di accesso
- Entrambi funzionano eccezionalmente bene con la fotografia di repertorio
- Entrambi gli stili offrono una soluzione visiva audace quando non hai molte opzioni fotografiche
- Entrambi gli stili si prestano ad aggiungere un tocco di animazione in altri luoghi (come uno stato di passaggio del mouse) per attirare gli utenti perché non ci sono molti altri elementi in movimento, come il video o un cursore dell'immagine
Ciò che è bello di un grande distintivo è che può essere utilizzato anche come doppio marchio. (Questa è una grande opzione per le piccole imprese o i siti di portfolio). Crea un badge con l'idea che sarà il tuo logomark. Colori di design e versioni bianche da combinare a seconda dell'uso. Questa funzionalità aggiunta è un'altra ragione per cui i badge sono così popolari in questo momento.
Conclusione
Sei abbastanza coraggioso da aggiungere musica auto-play al design del tuo sito web o mescolare immagini reali e illustrate? Entrambe le tendenze hanno un elemento di rischio e opportunità di pagamento. Se non sei ancora pronto per queste tendenze, incorporare un badge sull'immagine di un eroe è qualcosa che può funzionare per quasi ogni tipo di schema di progettazione. È anche possibile effettuare questa regolazione al volo e utilizzarla secondo le necessità.
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.