Mise en page, patrons, grilles et gabarits

Je viens juste de retrouver un site fournissant un tas de grilles papier sur différents sujets (grilles d’écriture de caractères chinois, partitions musicales vierges, storyboard/scénarimage (avec un générateur…)

Hier, Yemanja, d’Inkscape-fr.org m’a donné un lien vers une nouvelle extension 960.gs Templates for Inkscape qui permet d’intégrer à Inkscape les grilles de 960grids (marqué comme malveillant par Google !!), pour le prototypage de pages web.

960grids un CSS (feuille de style du web) prédéfinit, permettant d’utiliser un format proche des grilles de magasines utilisées pour réaliser les gabarits. Avec ce type de grille en CSS, on perd un peu par rapport à la souplesse du CSS en général, mais on gagne en facilité de réalisation de la mise en page.

À lire également sur le sujet :

• Travail avec les systèmes de grilles en cinq étapes simples (en anglais).
• Un fantastique exemple utilisant 960grids + mootools (js) (en anglais)
• Les exemples du site 960grids (en anglais) (marqué comme malveillant par google !!)
• Gridding 960 (en anglais) pour expliquer les principes de ce type de grille. Au passage, j’aime beaucoup le design de ce dernier et la qualité des fontes choisies qui est très appréciable sous Ubuntu Jaunty.