Va savoir comment les idées nous viennent. Ça m’est venu la nuit, un moment sans sommeil, j’ai eu l’idée de faire un style inspiré de « Metro » la couche pour téléphone de Microsoft pour Windows 8.
Le plan était de remplacer les menus, sous-menus et sous-sous-menu par des icônes sur fond coloré plus du texte pour expliquer le lien. Ces icônes devaient être blanches, les fonds colorés devaient occuper toute la largeur de l’écran quelques soit la largeur de celui-ci. Et cela sans, bien entendu, modifier la structure des pages (traduction: ne pas modifier les .html et autres .php voire .js mais uniquement les .css).
Pour le graphisme, j’ai regardé des copies d’écrans. Pour la technique, j’ai utilisé les propriétés des sélecteurs :after et [href*="exemple"]… mais c’est compliqué à expliquer en quelques mots; j’ai ramé un max.
Le design des site web m’intéresse, je vais mettre en place une page dédiée au « Webdesign »; y’a plus qu’à !
Écrit le 14 décembre 2011 par michel.pageperso
« Réduction au max d’un style:
Renouveau style Métro »
S'abonner:
aux articles.