Tag Archive for 'stencil'

Blueprint “wireframe” pour Illustrator

Voici un modèle pour Adobe Illustrator basé sur le cadre de dévelopement (”framework) Blueprint. J’ai ajouté des symboles (”stencils”) de Firefox, des styles, des formes pour les boutons et selecteurs pour qu’ils soient redimensionables. J’ai ajouté l’alignement vertical, des aperçus de taille d’écrans et de navigateurs, un modèle de page web et du faux texte. Attention à bien vérifier que tout soit en pixel (CTRL+K) dans les préférences, le pas de la grille à 100px avec 100 divisions, les unités en pixel, le pas de déplacement a un pixel, penser à mettres les contours extérieur, l’aperçu en pixel et RVB et mettre la magnétisme du pixel et du point.

1.3 Un modèle Illustrator CS3 (.ait)
1.3 Un modèle pour papier (PDF)

Blueprint wireframe

Blueprint wireframe pour Illustrator

1.3 Un modèle pour papier (PDF)

Versions :

Quelques références :
www.aiburn.com - building a website wireframe in illustrator
toddwarfel.com - wireframing part II, Illustrator basics
yahoo.com - Ypatterns wireframes
Garrettdimon.com resources - templates stencils for visio and omnigraffle
www.boxesandarrows.com - where the wireframes are special deliverable
konigi.com graph on paper
Blueprint css framework based on grid