Page d'accueil » Boîte à outils » Automatisez votre processus de conception de grille avec GridGuide

    Automatisez votre processus de conception de grille avec GridGuide

    La première étape majeure de la conception d'un site Web consiste à choisir une grille. Cela définit généralement la largeur maximale de la page ainsi que le nombre de colonnes internes et de gouttières utilisées pour diviser la mise en page..

    Vous pouvez essayer de créer le vôtre, mais le meilleur outil pour ce travail est GridGuide. C'est une application web totalement gratuite qui automatise entièrement la génération de grille pour tout site Web, quelle que soit sa taille.

    Il vous suffit de saisir la largeur maximale souhaitée, suivie du nombre de colonnes souhaité. En règle générale, ces deux nombres doivent être divisibles. Il est donc conseillé d'éviter les nombres premiers. Voici quelques largeurs maximales communes pour les sites Web:

    • 1100px par 12 colonnes
    • 1200px par 8/12 colonnes
    • 1240px par 8/12 colonnes
    • 1440px par 8/10/12 colonnes
    • 1600px par 8/10/12 colonnes

    Il n'y a absolument aucune mauvaise réponse ici. Vous pouvez choisissez n'importe quelle largeur et tant qu'elle est divisible par le nombre de colonnes alors vous êtes prêt à partir.

    GridGuide est une application Web dynamique qui se met à jour automatiquement une fois que vous entrez une valeur dans le champ de saisie. Donc, lorsque vous ajustez les chiffres en haut, vous remarquerez la les aperçus de la grille changent automatiquement.

    J'avais l'habitude de faire appel à Photoshop pour ce travail et cela me rendait fou. Créer honnêtement une grille est l'une des étapes les plus frustrantes lors de la conception d'un nouveau site Web, et obtenir les chiffres au pixel près peut être exaspérant..

    Mais GridGuide est entièrement automatisé et vous offre de nombreuses options de grille en fonction de la taille des colonnes et de la largeur des gouttières..

    Vous pouvez même Téléchargez une image PNG complète de la grille que vous choisissez d'importer dans Photoshop. Cette volonté gagner beaucoup de temps de sorte que vous ne re-créez pas de grilles avec des outils de forme à partir de zéro.

    Et si vous aimez un certain style de grille, vous pouvez générer un lien de partage pour le mettre en favori ultérieurement ou pour le partager avec d'autres sur le Web..

    Pour un outil totalement gratuit et si facile à utiliser, ceci doit être ma principale recommandation pour chaque concepteur Web. Si vous avez des difficultés avec les grilles et détestez concevoir vos propres grilles, GridGuide est une ressource indispensable dans votre boîte à outils..