Quali sono le differenze tra composizione e layout?


10

E se ci fossero differenze tra i termini layout e composizione quando si parla di graphic design?


2
"Quando si parla di graphic design" mi sembra un po 'ampio. Quale aspetto del design grafico, esattamente? Se stai parlando di ambientare libri, questa è una risposta: composizione è impostazione del tipo , armeggiare con crenatura, spaziatura, giustificazione, testo scorrevole, margini, ecc .; mentre il layout è l'atto più ampio di posizionare tutti gli elementi richiesti sulle pagine in modo che appaiano bene (compresa la composizione, ma anche il posizionamento e il ritaglio dell'immagine, le combinazioni di colori, la scelta delle dimensioni della pagina, ecc.). Se stai parlando di interfacce utente o design del logo, la risposta sarà completamente diversa. Qual è il tuo focus?
Janus Bahs Jacquet,

2
@JanusBahsJacquet deriva da questo meta post - graphicdesign.meta.stackexchange.com/questions/3258/… - quindi davvero tutti gli aspetti del Graphic Design. Se ritieni che parti diverse abbiano significati connotativi diversi, pubblicalo come risposta, sarei molto interessato.
Ryan

Risposte:


8

Il layout è posizione, la composizione prende in considerazione elementi come il colore, ecc.

Immagina se questo sito ha deciso di utilizzare uno sfondo nero con testo bianco anziché testo nero su bianco. Sarebbe lo stesso layout, ma una composizione molto diversa.

Un esempio:

]
Clicca per ingrandire


1
Io in realtà uso un'estensione lettore di buio, così io sto vedendo uno sfondo nero con testo bianco. Quindi ho aggiunto uno screenshot per illustrare il tuo punto.
PieBie

Ci ho pensato moltissimo e sono propenso a concordare. Diresti quindi se cambi anche il carattere da sans-serif a serif stai cambiando la composizione e non il layout? Che cosa succede se ingrandisci il testo, cambieresti composizione e layout?
Ryan

@Ryan Per me, il cambio di carattere sarebbe principalmente composizione ma potrebbe anche influenzare il layout a seconda che qualcosa venga spostato. Per la modifica della dimensione del testo, probabilmente sta cambiando entrambi
Zach Saucier,

@ryan: se si modifica la dimensione del blocco di testo (dimensione del punto, carattere, quantità di parole), ciò influisce sul layout, sì. Il layout è un sottoinsieme di composizione, ma non è isolato; ha legami con altri aspetti. Generalmente il contenuto determina il layout, ma a volte il layout determina un po 'il contenuto: javascript / php che taglia i paragrafi di testo per le pagine di anteprima e, naturalmente, il ridimensionamento delle immagini CSS.
PixelSnader,

4

C'è una differenza che penso sia meglio riassunta da Robert Lane come si vede sul sito Web di Elements of Visual Design :

La composizione è il modo in cui pezzi o componenti vengono combinati e disposti visivamente per raccontare una storia. La composizione corretta considera l'allineamento, il raggruppamento, il posizionamento, lo spazio e il flusso visivo all'interno di un layout. Questo layout può essere qualsiasi mezzo. Una volta determinati un pubblico e uno scopo adeguati, la composizione, i componenti e il concetto possono comprendere quello scopo identificato che consente un design di successo.

In altre parole, Composizione può essere vista come gli elementi che compongono il disegno:

Composizione

• la natura degli ingredienti o dei componenti di qualcosa; il modo in cui viene composto un tutto o una miscela.

Considerando che il layout è l'organizzazione di detti elementi:

Layout

• il modo in cui le parti di qualcosa sono disposte o disposte.


1
La tua citazione sembra usare il layout e la composizione in modo intercambiabile o, confusamente, fare riferimento al layout come mezzo. Sto avendo difficoltà a imparare qualcosa da questa citazione. Questa persona discute la loro idea del significato della composizione.
Webster,

Ha senso per me, ma posso vedere come quella citazione sia un po 'confusa. Modificato per includere una spiegazione più concisa di come l'ho interpretato.
zeethreepio,
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.