On admet depuis longtemps que la construction d'une grille solide est la base d'une conception de site solide. Bien entendu, la grille ne doit pas dicter les décisions de conception, mais c'est certainement un excellent moyen de rendre cette page vierge un peu moins vierge.

Frustrant alors, Photoshop n’a pas évolué au-delà de son approche plutôt archaïque des grilles; l'un des nombreux problèmes qui ont contribué à son déclin en tant qu'outil de conception principal pour les concepteurs de sites Web. Cependant, cette question a été abordée dans l'incroyable extension gratuite Griddify.

Produit par gelobi, L'extension ajoute un panneau intuitif à Photoshop qui inclut trois options simples mais complètes: Griddify, Divide et Wrap.

gridifier

L'option Griddify créera une grille de guides; l'option par défaut est verticale, de gauche à droite, il suffit d'entrer une valeur de pixel et de cliquer sur Griddify et un guide sera ajouté à des intervalles correspondant à la valeur que vous avez entrée; Vous pouvez même entrer plusieurs numéros, ce qui vous permet de créer des colonnes et des gouttières. Cliquez ensuite sur le bouton d’orientation et ajoutez des guides horizontalement pour créer votre ligne de base. L'option Diviser est excellente pour la création de sites réactifs, car elle divise la zone sélectionnée en un nombre de sections spécifié. Enfin, l'option Enveloppement ajoute des repères au bord de votre sélection, il décalera même les repères si vous entrez un nombre autre que 0.

L'une de mes fonctionnalités préférées est la possibilité de limiter vos guides dans une sélection, ce qui vous permet d'implanter rapidement des structures de grille.

Il y a quelques problèmes avec le plugin: il n'est actuellement pas aussi net que vous le souhaitez sur les écrans rétiniens, et le point d'insertion n'est pas clair lors de la saisie des valeurs; Cependant, ceux-ci sont plus que compensés par les fonctionnalités de base.

Il est peu probable que Griddify arrête lui-même le déclin de Photoshop, mais si vous travaillez toujours avec le format PSD, vous économiserez des heures passées à cliquer sur "Affichage> Nouveau guide".

Même si vous n'êtes pas un utilisateur de Photoshop, assurez-vous de vérifier la présentation web géniale gelobi mis en place - ça peut ressembler à une vidéo, mais regardez à la fin pour savoir ce que c'est vraiment.