布局是位置，构图考虑颜色等。

想象一下，如果该站点决定使用带有白色文本的黑色背景而不是白色上的黑色文本。这将是相同的布局，但组成非常不同。

一个例子：

点击查看完整尺寸

正如在视觉设计元素网站上看到的那样，我认为 Robert Lane 最好地总结了一个差异：

组合是片段或组件在视觉上组合和排列以讲述故事的方式。正确的构图考虑了布局中的对齐、分组、放置、空间和视觉流动。这种布局可以是任何媒介。一旦确定了合适的受众和目的，那么构图、组件和概念就可以包含已确定的目的，从而实现成功的设计。

换句话说，Composition 可以看作是构成设计的元素：

成分

• 某物的成分或成分的性质；整体或混合物的组成方式。

而布局是所述元素的组织：

布局

• 事物各部分的排列或布局方式。