background preloader

The Grid System

The Grid System

http://www.thegridsystem.org/

Related:  design

Les grilles WEB : mythe ou réalité ? S’il est un débat qui déchaîne les passions entre ergonomes et webdesigners c’est bien celui de l’utilisation ou non des grilles… Il a ses partisans, parfois intégristes, et ses détracteurs, souvent narquois (dubitatifs, largués, etc.). Mais avant tout, qu’est-ce qu’une grille ? Il s’agit d’une structure ou combinaison de lignes servant à faciliter le positionnement des éléments d’une création peux-on lire sur la couverture du livre dédié au sujet de chez Pyramyd Edition. Adobe InDesign CS4 * Alignement des paragraphes sur une grille de ligne de base La grille de ligne de base représente l’interligne du corps de texte dans un document. Vous pouvez utiliser des multiples de ces valeurs d’interligne avec tous les éléments de la page pour garantir que le texte s’aligne toujours entre les colonnes d’une page sur l’autre. Par exemple, si l’interligne du texte dans votre document est de 12 points, vous pouvez définir l’interligne du texte de titre sur 18 points et ajouter une espace de 6 points avant les paragraphes qui suivent les titres. L’utilisation d’une grille de ligne de base assure la cohérence de position des éléments de texte d’une page. Vous pouvez modifier l’interligne du paragraphe pour faire en sorte que ses lignes de base soient alignées sur la grille sous-jacente de la page.

Conception Web : utiliser la grille - JDN Développeurs Une grille est très prosaïquement une série de lignes horizontales et verticales, qui partage la page de manière symétrique ou harmonieuse. En basant sa conception Web sur l'idée de grille, on donne ainsi de l'importance à certaines zones (ligne, colonne ou jonction des deux), importance que l'utilisateur mémorise inconsciemment, et qu'il peut ainsi plaquer naturellement sur les autres pages du site. La grille trace des lignes au travers de la page. Celles-ci peuvent être visibles, ou subtilement suivies en s'intégrant à des éléments de conception visibles. Le concepteur peut, grâce à ces lignes imaginaires, créer une idée de continuité visuelle entre deux éléments dissociés.

Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il s'agit d'un projet personnel pour lequel vous savez exactement où vous voulez aller en ayant tout votre temps, pourquoi pas. Mais sinon c'est jouer un coup de poker. Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin...

Base de données personnelle et Organiseur FileMaker ne commercialise plus les produits grand public Bento. Nous assurerons le support technique des produits Bento jusqu’au 30 juillet 2014. Merci d'avoir fait confiance à Bento.

Related:  COAPTypography and Textmise en page fixeTommytypo & design