Tag Archive for 'wireframe'

Extjs “Wireframe” pour Adobe Illustrator

Voici une boite à outils pour Extjs. Un set de “stencils” de base, des éléments dimensionables, des symboles, des styles, des formes, des couleurs.

Extjs Stencils 1.0

Extjs Stencils 1.0

Quelques conseils pour travailler sous Illustrator en pixel :
Il faut changer certaines préférences (CTRL+K) , la grille, le pas de la grille, la mise à l’échelle des effets et des contours peut être gênante parfois, il est utile de le désactiver, de même pour le lissage.

Illustrator Pixel Settings

Si vous ne souhaitez pas enlever le lissage, vous pouvez aussi utiliser l’effet de pixelisation.

Illustrator pixel menus

Quelques ressources ou références:

Extjs.com
Extjs Ressources
Extjs stencils pour Photoshop
Extjs Stencils pour OmniGraffle

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