Maquettez votre site responsive avec Photoshop

Pour obtenir un rendu efficace et faciliter la mise en place du CSS, votre design doit s’inscrire dans une grille de composition.

anatomie-grille

12-col

Consultez l’article publié par Alsacreations.com pour en apprendre davantage !

 

utiliser les grilles sous Photoshop

Créez un nouveau document Web dans Photoshop :

Largeur : 1200px et hauteur : 1920px / résolution à 72 dpi.

format1200px_PSD

Ajoutez des repères au plan de travail « home-page » :

Menu Affichage > Nouvelles dispositions de repères.

grilles_12colonnes_PSD