構成とレイアウトの違いは何ですか？

グラフィックデザインについて話すときに、レイアウトと構成の用語に違いがある場合はどうなりますか？

terminology

— ライアン
ソース

「グラフィックデザインについて話すとき」は私には少し広いようです。グラフィックデザインのどの側面、正確に？本のセッティングについて話しているなら、それが1つの答えです。コンポジションはタイプのセッティングであり、カーニング、間隔、位置揃え、フローテキスト、マージンなどをいじります。一方、レイアウトとは、必要なすべての要素をページに配置して見栄えをよくするためのより広範な動作です（構成、イメージの配置とトリミング、配色、ページサイズの選択など）。UIやロゴのデザインについて話している場合、答えはまったく異なります。どちらに重点を置いていますか？

— Janus Bahsジャケット2017

@JanusBahsJacquetこれは、このメタ投稿（graphicdesign.meta.stackexchange.com/questions/3258/…）から生じたもので、グラフィックデザインのすべての側面に対応しています。パーツごとに意味が異なると思われる場合は、回答として投稿してください。興味があります。

— ライアン

回答:

レイアウトは位置で、構成は色などを考慮に入れています。

このサイトが、白地に黒のテキストではなく、白地に黒の背景を使用することにしたと想像してみてください。レイアウトは同じですが、構成が大きく異なります。

例：

クリックしてフルサイズ

— PixelSnader
ソース

私はので、私は実際には、ダークリーダーの拡張機能を使用しています白いテキスト黒の背景を見て。だからあなたのポイントを説明するためにスクリーンショットを追加しました。

— PieBie

私はこれについてたくさんのことを考えてきました、そして私は同意する傾向があります。同様に、フォントをsans-serifからserifに変更した場合、レイアウトではなく構成を変更すると思いますか？テキストを大きくすると、構成とレイアウトが変更されますか？

— ライアン

@Ryan私にとって、フォントの変更はほとんどコンポジションですが、何かを移動したかどうかによってはレイアウトにも影響する可能性があります。テキストサイズの変更については、おそらく両方が変更されます

— Zach Saucier 2017年

@ryan-テキストブロックのサイズ（ポイントサイズ、フォント、単語数）を変更すると、レイアウトに影響します。レイアウトは構成のサブセットですが、分離されていません。他の側面とのつながりがあります。通常、コンテンツはレイアウトを決定しますが、レイアウトがコンテンツを少し決定する場合があります。プレビューページのテキストパラグラフを切り取るjavascript / php、そしてもちろんCSS画像のスケーリングです。

— PixelSnader 2017年

Elements of Visual Designの Webサイトで見られるように、Robert Laneがまとめると最も良いと思う違いがあります。

コンポジションは、ピースまたはコンポーネントを組み合わせて視覚的に配置し、ストーリーを伝える方法です。適切な構成では、レイアウト内の配置、グループ化、配置、スペース、視覚的な流れを考慮します。このレイアウトは任意の媒体にすることができます。適切な対象者と目的が決定されると、構成、コンポーネント、およびコンセプトは、その特定された目的を包含し、設計を成功させることができます。

つまり、コンポジションはデザインを構成する要素と見なすことができます。

構成

•何かの成分または成分の性質。全体または混合物が構成される方法。

一方、レイアウトは要素の構成です。

レイアウト

•何かの部分が配置またはレイアウトされる方法。

— ゼースリーピオ
ソース

あなたの引用はレイアウトと構成を交換可能に使用しているようです、または混乱して、レイアウトを媒体と呼んでいます。この引用から何かを学ぶのに苦労しています。この人は、作曲の意味についての彼らの考えを議論します。

— Webster

私には理にかなっていますが、その引用が少し紛らわしいことがわかります。私がそれをどのように解釈したかについてのより簡潔な説明を含むように編集されました。

— zeethreepio 2017年