I 10 principali trend di web design che hanno definito il 2012
Guardando indietro, il 2012 è stato l'anno in cui il web è diventato veramente reattivo e giocoso. Ecco i trend che hanno plasmato l'epoca, molti ancora attuali oggi.
- Responsive Design — Le griglie fluide di Ethan Marcotte + immagini flessibili + media query divennero la nuova base di riferimento. Una base di codice, ogni schermo.
- Flat Design — Il Metro di Microsoft e iOS 7 uccisero lo skeuomorfismo. Linee pulite, colori solidi, tipografia audace dominarono.
- Animated Scrolling — Parallax e animazioni attivate dallo scorrimento trasformarono le pagine in narrazioni.
- Mega Menu — Menu a discesa multi-colonna sostituirono infiniti sottomenu annidati per siti ricchi di contenuti.
- Parallax Scrolling — Sfondi che si muovono più lentamente del primo piano crearono finta profondità 3D su una singola pagina.
- Card-Based Layouts — Rettangoli in stile Pinterest: scansionabili, reattivi, pronti per componenti.
- Fullscreen Backgrounds — Immagini/video hero divennero l'apertura predefinita della home page.
- WebGL & 3D — Three.js portò 3D accelerato dalla GPU nei browser senza plugin.
- Hamburger Menus — Tre linee = nav nascosta. Mobile-first impose il pattern ovunque.
- Motion UI — Micro-interazioni (ondulazioni pulsanti, spinner di caricamento) aggiunsero velocità percepita e piacere.
Verifica dell'eredità
Responsive, flat, cards, hamburgers, motion — questi sono sopravvissuti. Parallax e video a schermo intero sono svaniti su mobile per motivi di prestazioni. I mega menu si sono evoluti in mega-footer. WebGL è cresciuto in WebXR.
Il 2012 ci ha insegnato: progetta per il viewport che hai, non per quello che vorresti.