Top 10 tendances web design qui ont défini 2012
En rétrospective, 2012 fut l'année où le web est devenu vraiment responsive — et ludique. Voici les tendances qui ont façonné l'époque, beaucoup encore pertinentes aujourd'hui.
- Responsive Design — Grilles fluides + images flexibles + media queries d'Ethan Marcotte devinrent la nouvelle base. Une base de code, tous écrans.
- Flat Design — Metro de Microsoft et iOS 7 plus tard tuèrent le skeuomorphisme. Lignes épurées, couleurs pleines, typo audacieuse régnaient.
- Défilement animé — Parallax et animations déclenchées au scroll transformèrent pages en narrations.
- Mega Menus — Menus déroulants multi-colonnes remplacèrent flyouts imbriqués infinis pour sites riches en contenu.
- Parallax Scrolling — Arrières-plans bougeant plus lentement qu'avant-plan créèrent fausse profondeur 3D sur page unique.
- Mises en page par cartes — Rectangles style Pinterest : scannables, responsives, prêtes composants.
- Arrières-plans plein écran — Images/vidéo héros devinrent ouverture par défaut page d'accueil.
- WebGL & 3D — Three.js apporta 3D GPU-accéléré aux navigateurs sans plugins.
- Menus Hamburger — Trois lignes = nav cachée. Mobile-first imposa le pattern partout.
- Motion UI — Micro-interactions (ripple boutons, spinners chargement) ajoutèrent vitesse perçue et plaisir.
Bilan héritage
Responsive, flat, cartes, hamburgers, motion — survivants. Parallax et vidéo plein écran disparus sur mobile pour performance. Mega menus évoluèrent en mega-footers. WebGL grandit en WebXR.
2012 nous apprit : concevoir pour le viewport qu'on a, pas celui qu'on voudrait.