Quelle est la logique derrière les grilles lâches?


14

J'essaie de comprendre la logique derrière ces systèmes de grille "lâches" souvent utilisés pour afficher des photographies. J'ai essayé de déconstruire ces types de grilles mais je n'arrive pas à trouver une explication cohérente sur la façon dont le positionnement et l'échelle des images sont déterminés. Veuillez voir les exemples ci-dessous.

entrez la description de l'image ici


entrez la description de l'image ici


entrez la description de l'image ici


entrez la description de l'image ici


entrez la description de l'image ici


4
Peut - être que cette documentation sur "Making and Breaking the Gird" pourrait être utile ... :)
elegent

2
Toutes les dispositions ne suivent pas une grille mathématique. Parfois, ce ne sont que des relations spatiales esthétiques pures. La «logique» ici pourrait être presque tout sauf probable dans le sens de «l'équilibre de l'espace blanc».
DA01

"L'idée publique 2010" est clairement un jeu de tuiles, donc la grille est le cadre reproductible des lignes de finition.
Yorik

Réponses:


7

Le premier exemple semble reposer davantage sur une disposition classique que sur une grille rigide. Il semble être basé sur une version "écrasée" de la section dorée. Les raisons pour lesquelles il est "écrasé" peuvent être nombreuses:

  • la section a été appliquée à une page plus grande qui a été coupée par la suite
  • la photo peut être légèrement déformée
  • le designer a dit "qu'est-ce que c'est" et a poussé un peu la section pour l'adapter à sa page
  • raisons éditoriales

entrez la description de l'image ici

Remarquez comment les "carrés" générés par la partie dorée (qui sont devenus des rectangles parce que je devais l'écraser) sont utilisés comme unités pour déterminer la largeur de la colonne de copie et avec et la hauteur des photos.

Les photos semblent être disposées suivant un rythme régulier de diagonales parallèles à la diagonale baroque (du bas à gauche au haut à droite). Cela crée une belle marée le long de la sinistre diagonale (du haut à gauche au bas à droite), qui guide l'œil vers la copie.

entrez la description de l'image ici


5

Généralement, une grille est utilisée pour rendre les similitudes et les différences plus apparentes - et donc plus reconnaissables.

Il encourage également l'accessibilité, afin que les téléspectateurs sachent automatiquement où chercher les éléments parce que " les jonctions des divisions horizontales et verticales agissent comme des panneaux de signalisation pour localiser les informations " [1].

Cela dit, la chose intéressante à propos d'une grille est qu'elle distribue et ajuste ses éléments tout en aidant à les trier et à les comprendre ainsi que leurs relations les uns avec les autres, comme vous pouvez le voir dans l'illustration suivante (de en.wikipedia.org ) .

Illustration d'une grille à plusieurs colonnes de en.wikipedia.org

Comme l'indique Timothy Samara, " chaque grille contient les mêmes éléments de base, quelle que soit leur complexité. Chaque élément remplit une fonction spécifique" . Les éléments peuvent être soit

  • combinés à des groupes cohérents
  • ou omis de toute la structure

La manière et le moment où les éléments d'une grille sont combinés ou omis sont à la discrétion du concepteur, mais devraient dépendre de l'interprétation des informations par le spectateur.

En regardant vos exemples, il peut également arriver que le contenu ait sa propre structure et qu'une grille en tant que système de commande et d'explication ne fonctionne pas, car elle clarifie quoi que ce soit. Parfois, il est également possible que le contenu doive ignorer la structure pour en créer une nouvelle et provoquer ainsi des réactions émotionnelles dans le public - appelées lâches . ;-)

[1] Making and Breaking the Grid par Timothy Samara , Rockport Publishers mai 2005


1

En ce qui concerne le positionnement, beaucoup de ces images semblent être alignées sur le bord d'au moins une autre image, certaines sont alignées au centre dans une colonne verticalement ou horizontalement avec des images de tailles différentes. Je pense que les dispositions à ce sujet concernent davantage les relations entre les objets et l'équilibre qu'une grille stricte.


2
Salut Sarah! Bienvenue sur GD.SE! Si vous avez des questions sur le fonctionnement du site, consultez le centre d'aide ou n'hésitez pas à envoyer un ping à l'un de nous dans Graphic Design Chat une fois que votre réputation atteint 20. A bientôt!
Vicki

Je suis d'accord: je pense que le PO présume qu'une "grille" a été imposée. Je ne le vois pas, sauf si vous incluez les lignes de rognage de page (telles que la gouttière en tant que centre). Je vois certains alignés au centre (page de droite), d'autres alignés par exemple sur la barre transversale du "A". Parfois, vous voyez simplement une connexion, puis déposez quelque chose sur la ligne imaginaire entre eux.
Yorik
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.