Dicembre è qui e sembra che stiamo finalmente concludendo il 2011. È stato un anno pieno di nuovi ed entusiasmanti fronthead per il web. CSS3, HTML5 e design reattivo erano in cima agli argomenti più discussi. Segniamo anche il passare dei vecchi modi. Flash, Silverlight e plug-in proprietari simili hanno ricevuto un assalto totale nel 2011, uno di cui non potranno mai recuperare.
Per concludere l'anno con una retrospettiva informativa, abbiamo setacciato il web alla ricerca di modelli e tendenze che sono emersi o sono diventati sempre più popolari nel corso del 2011. Seguendo esaminiamo oltre cinquanta siti Web nel tentativo di individuare trucchi e temi simili. Garantisco che sarà difficile da leggere senza individuare alcune tendenze che hai lanciato nei tuoi progetti quest'anno!
Trend principali: design reattivo
Nel 2010, Ethan Marcotte ha coniato il termine Design reattivo e ha scritto un articolo illuminante e persuasivo su di esso su A List Apart. A metà del 2011, Responsive Design era completamente decollato come la nuova tendenza più calda nel web design.
Questa non è una semplice moda come le altre in questa lista, è un nuovo approccio alla creazione di contenuti sul web che mira a creare la migliore esperienza possibile per il numero massimo di dispositivi. Mentre alcuni stilisti disdegnano questa idea come lavoro extra, un numero sempre crescente arriva addirittura a dire che se il tuo sito non è reattivo, stai sbagliando.
Qui su Design Shack non siamo stati estranei al tema del design reattivo quest'anno, ecco alcuni degli articoli che abbiamo pubblicato sull'argomento:
- 20 esempi sorprendenti di utilizzo di query multimediali per Web design reattivo
- Considerazioni pratiche sulla progettazione di siti reattivi
- Come costruire un quadro Frankenstein reattivo con MENO
Potrei facilmente fornirti oltre un centinaio di esempi di design reattivo che sono spuntati quest'anno, ma molti altri hanno già lavorato duramente per mesi raccogliendo tali collezioni. La mia attuale galleria di design reattiva preferita è Media Queries, che ha oltre 200 esempi!
Il design reattivo spicca sicuramente come il tendenza di design del 2011, ma ci sono alcune altre tendenze molto più piccole che vale la pena dare un'occhiata anche a Quello che segue rappresenta alcuni che ho notato.
Linee tratteggiate
Le linee tratteggiate hanno ricevuto una crescente attenzione da parte dei designer nel 2011. Anche se di rado, il caso d'uso più tipico è un percorso tortuoso e tortuoso che attira la tua attenzione e la conduce dove il designer vuole che tu vada.
Ho menzionato questa tendenza in diversi articoli quest'anno come un ottimo modo per ottenere una somiglianza di ordine in un progetto altrimenti organico. Fornisce il modo perfetto per trasformare il caos in una linea di pensiero facilmente percorribile.
Fondo dei fondatori
Sì!
Boo Bebe
Quartier Vier
AskLela.org
Circles
Esito a menzionarlo semplicemente perché non sono sicuro che sia possibile riferirsi a una forma di base come a una tendenza di design. Dopotutto, i cerchi sono sempre stati presenti in tutti i tipi di design e lo saranno sempre.
Tuttavia, ho sicuramente notato un aumento nell'uso dei cerchi come elementi di design primari. È molto evidente che molti dei designer qui sotto hanno scelto intenzionalmente i cerchi come il punto cruciale del loro tema e sono stati ricavati da un'idea semplice ma elegante. Il risultato è spesso di natura abbastanza organica, ma come potete vedere qui sotto alcuni dei disegni sono ancora abbastanza strutturati e usano cerchi disposti in linea retta semplicemente come alternativa alla vecchia miniatura del rettangolo.
Carnette
Lisi Design
Schizzi di pistacchio
Fondazione TaosPuso
Laboratorio inglese Apprendimento linguistico
Air Protect
Ag. Ncia iSee Interactive Group
Decodificare
Design elegante
Rakesh
SONO ZAM
In My Bubble
Tipo retrò pulito e sofisticato
Sto iniziando a pensare che il retro sia una tendenza che non morirà mai. Guarderemo sempre indietro agli stili di design di epoche passate con interesse e nostalgia. La rivelazione davvero interessante è che gli stili di design moderno e retrò si evolvono effettivamente insieme.
Negli anni passati, i design retrò e in particolare la tipografia spesso comportavano un aspetto molto sgangherato e angosciato come quello che ti aspetteresti di vedere su una maglietta della Old Navy. Tuttavia, dal momento che i design minimalisti e puliti hanno iniziato a prendere piede nel design moderno, il design retrò ha fatto un salto simile nella sofisticazione. In questi giorni la tipografia retrò è elegante e pulita, senza angoscia. Le ombre sono quasi sempre presenti e completamente prive di sfocatura, molte sono costituite da linee diagonali o da qualche altro motivo semplice in contrasto con un colore solido.
Big Bite Creative
Beerworks
Urbanoff
Noltedesign
nastri
Il singolo elemento di design più importante nel 2011 deve essere il nastro verticale appeso. Questa cosa è saltata fuori da ogni parte come un modo ben integrato di tenere un logo, un'icona o del testo mentre lo aiuta a distinguersi dallo sfondo.
La forma tipica ha due punti triangolari in basso, ma i designer hanno sperimentato ogni sorta di metafore a nastro. Un esempio qui sotto prende anche una familiare forma a nastro e dà una svolta inaspettata trasformandola in una tasca della camicia.
Cambia nazione
GiveBeyond.Me
Comunità Tao
Red Bowl Challenge
Marisco Gallego a Domicilio
LoadUp 2012 di PuddleDrop
DigitalSafe
Anhalter des Jahres 2011
Pizzetto Joe
Jopp
I migliori siti web di domenica
HarryFord
Lavandino da cucina Studios
Tre cose
Ogni designer sa che tre è un numero magico e questo è stato molto evidente nel web design di quest'anno. Una tecnica di layout molto popolare che si vede ancora e ancora utilizza tre sezioni o oggetti importanti per trasmettere un processo, un elenco di funzionalità o un altro concetto.
Mi piace molto questa tendenza perché costringe il progettista a semplificare le informazioni presentate all'utente ea dividerle in pochi blocchi facilmente digeribili. Il risultato è spesso una pagina molto attraente che sembra sia istruttiva e ben bilanciata.
Tabspresso
Casa sull'albero
Shady Acres
Sellfy.com
Carta arricciata / piegata
L'ombra discendente si è evoluta. Questo trucco di design utilizza una semplice illusione di un'ombra curva per rendere l'oggetto altrimenti piatto sopra di esso simile a carta arricciata. È una bugia così credibile che anche quando sai cosa sta succedendo, è difficile far vedere ai tuoi occhi quello che è davvero un vantaggio. L'ombra fa immediatamente percepire al tuo cervello una curva, non importa quanto tu sappia che sia.
È un effetto facile da estrarre sia in Photoshop che in CSS. Ecco alcune pagine che utilizzano questa tendenza in modo efficace:
Literacy2030
Modifica trimestrale
Greenjob
Griglie senza bordi
Un'altra tendenza visiva crescente è la scomparsa di bordi o margini su una griglia di immagini. Storicamente, il più delle volte abbiamo allineato le immagini in una griglia ben distanziata, ma in questi giorni è abbastanza popolare semplicemente riunirle tutte insieme.
Mi piace molto questo aspetto poiché conferisce alle immagini separate una sensazione molto integrata. È un esempio di sinergia al lavoro in cui il tutto è qualcosa di più della somma delle parti.
Fuzzco
Ignacio Macri
CARLOS5TO
ROA Produktion
Disegno diagonale
La nostra tendenza progettuale finale è l'emergere di design dall'aspetto abbastanza caotico che sfruttano pesantemente le linee diagonali. Aspettiamo di vedere questa tendenza del design continuare nel 2012. Perché? Perché rappresenta una svolta netta dai progetti puliti, fortemente strutturati e minimali che hanno permeato il panorama del web design negli ultimi anni.
Guardando indietro attraverso la storia, puoi vedere chiaramente che le tendenze del design sono reattive. Qualcosa diventa interessante perché è diverso dalla norma, quindi diventa così popolare che è la norma. Quello che una volta era ribelle è ormai all'ordine del giorno, quindi qualcuno ha una risposta che rappresenta una chiara partenza. Ad esempio, la moda minimale che ho appena menzionato è nata come risposta al design troppo pazzo, disordinato e colorato degli anni '90 (si veda: Saved By the Bell). L'attuale tendenza diagonale risale a questi giorni, pur mantenendo una sensazione piacevolmente sofisticata.
Bleep-Radio
Piropixel
Kikk Festival 2011
David Kopec
Centro Commerciale Marshes
Wixel
Designer Gleb
Cosa abbiamo perso?
Questo rappresenta solo una manciata delle molte tendenze popolari del web design nel 2011. Ora è il tuo turno di dare una mano. Lascia un commento qui sotto e parlaci di eventuali tendenze che hai notato o addirittura preso parte durante l'anno.
Quali sono le tendenze preferite? Quale odi? Se possibile, lascia un link e mostraci un esempio!