Qual è la logica dietro le reti mobili?


14

Sto cercando di capire la logica alla base di questi sistemi di griglia "sciolti" spesso usati per visualizzare fotografie. Ho provato a decostruire questi tipi di griglie ma non riesco a trovare una spiegazione coerente su come vengono determinati il ​​posizionamento e la scala delle immagini. Si prega di vedere gli esempi di seguito.

inserisci qui la descrizione dell'immagine


inserisci qui la descrizione dell'immagine


inserisci qui la descrizione dell'immagine


inserisci qui la descrizione dell'immagine


inserisci qui la descrizione dell'immagine


4
Forse questa documentazione su "Making and Breaking the Gird" potrebbe essere utile ... :)
elegent

2
Non tutti i layout seguono una griglia matematica. A volte sono solo relazioni spaziali estetiche pure. La "logica" qui potrebbe essere tutt'altro che probabile sulla falsariga di "bilanciare lo spazio bianco".
DA01,

L '"idea pubblica 2010" è chiaramente un insieme di piastrelle, quindi la griglia è la struttura ripetibile delle linee di taglio.
Yorik,

Risposte:


7

Il primo esempio sembra essere basato più su un layout classico che su una griglia rigida. Sembra essere basato su una versione "schiacciata" della sezione aurea. I motivi per cui è "schiacciato" potrebbero essere molti:

  • la sezione è stata applicata a una pagina più grande che è stata ritagliata in seguito
  • la foto potrebbe essere leggermente distorta
  • il designer ha detto "che diamine" e ha spinto un po 'la sezione per adattarla alla sua pagina
  • ragioni editoriali

inserisci qui la descrizione dell'immagine

Notare come i "quadrati" generati dalla sezione d'oro (che sono diventati rettangoli perché dovevo schiacciarlo) sono usati come unità per determinare la larghezza della colonna della copia e il con e l'altezza delle foto.

Le foto sembrano essere disposte seguendo un ritmo uniforme di diagonali parallele alla diagonale barocca (dal basso a sinistra in alto a destra). Questo crea una bella marea lungo la diagonale sinistra (da sinistra in alto a destra in basso), che guida l'occhio verso la copia.

inserisci qui la descrizione dell'immagine


5

Generalmente una griglia viene utilizzata per rendere più evidenti le somiglianze e le differenze - e quindi più riconoscibili.

Incoraggia anche l'accessibilità, quindi gli spettatori sanno automaticamente dove cercare gli elementi perché " le giunture delle divisioni orizzontali e verticali fungono da indicazioni per localizzare le informazioni " [1].

Detto questo, la cosa interessante di una griglia è che distribuisce e regola i suoi elementi mentre allo stesso tempo aiuta a ordinare e comprendere loro e le loro relazioni tra loro come potete vedere nella seguente illustrazione (da en.wikipedia.org ) .

Illustrazione della griglia multi-colonna da en.wikipedia.org

Come afferma Timothy Samara, " ogni griglia contiene le stesse parti di base, indipendentemente da quanto sia complessa. Ogni parte svolge una funzione specifica" . Gli elementi possono essere entrambi

  • combinato a gruppi coesivi
  • o omesso dall'intera struttura

Come e quando gli elementi di una griglia vengono combinati o omessi dipende dalla discrezione del progettista, ma dovrebbe dipendere dall'interpretazione dello spettatore delle informazioni.

Guardando i tuoi esempi, può anche succedere che il contenuto abbia una sua struttura e che una griglia come sistema di ordini e spiegazioni non funzionerebbe, poiché chiarisce qualsiasi cosa. A volte è anche possibile che il contenuto abbia bisogno di ignorare la struttura per crearne una nuova ed evocare in tal modo reazioni emotive nel pubblico - chiamate a griglia libera . ;-)

[1] Making and Breaking the Grid di Timothy Samara , Rockport Publishers, maggio 2005


1

Per quanto riguarda il posizionamento, molte di queste immagini sembrano essere allineate al bordo di almeno un'altra immagine, alcune sono allineate al centro in una colonna in verticale o in orizzontale con immagini di dimensioni diverse. Penso che i layout su questi riguardino più le relazioni tra oggetti ed equilibrio che una griglia rigorosa.


2
Ehi Sarah! Benvenuto in GD.SE! Se hai domande su come funziona il sito, dai un'occhiata al centro assistenza o sentiti libero di telefonare a uno di noi nella chat di Graphic Design quando la tua reputazione raggiungerà 20. Ci vediamo in giro!
Vicki,

Concordo: penso che il PO presuma che sia stata imposta una "griglia". Non lo vedo, a meno che tu non includa le linee di ritaglio della pagina (come la grondaia come al centro). Vedo alcuni allineati al centro (pagina di destra), altri allineati, ad esempio, sulla barra trasversale della "A". A volte vedi solo una connessione e poi fai cadere qualcosa sulla linea immaginaria tra di loro.
Yorik,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.