来源:优设 作者:美工美邦
左右式的构图结构重点，在于尽可能地保证视觉重心平稳，不要出现过度重心偏离的情况;也可以把这种构图形式看作是现实中的天平，当主体或者产品固定位置后，我们可以让一侧的视觉元素能与另一侧在视觉元素比重上相近，优秀UI教程，以保证画面重心平稳。左右式构图需要避免的误区：
以上虽然都是左右式的构图，但属于错误示范，重心偏下和偏上的错误比较好理解，我们重点说下中间的比例失调这类。就视觉重心而言，其实中间的表现形式相对而言重心是水平的，但是这种形式依然不可取，原因在于：左侧与右侧出现了严重视觉比重的失调，也就是重心偏向一侧，类似于天平出现了严重的倾斜方向，虽然设计并不像现实数字般要求那么严格，交互设计UI设计，但是也要保证在视觉上看相对稳定，要避免出现比例失调的现象出现。
下面我们再看一组比较常见的相对平稳的构图结构，也是在平时工作中比较实用的一些，继续来看：
4. 中心发散式
从上侧示意图我们不难发现，中心发散式主要以画面的中心点为开端，向四周不断延展、填补视觉元素，以确保画面整体是平稳的。其难点并不是中心位置，而是向四周发散的视觉元素——它直接决定了画面重心的平稳程度，看个示例：
中心发散式构图最大的特点：中心视觉元素位于画面中心，所以几乎可以忽略它所带来的不稳定因素，重点只要把控好发散的视觉元素能保持画面整体平稳即可。
5. 散布式构图
散布式构图相比而言比较难把控，因为这种构图形式容易显乱，但是始终还是要围绕「稳」字展开，这种构图形式的特点：画面中存在着相对四处分散的主要视觉元素，做好对齐是把控这类构图的关键点。看个示例：
这种构图形式相对比较新颖一些，和下面要说的对角构图类似，除了四处分散的主要视觉元素外，弱侧点缀或者段落文字是维持视觉平稳的重点。而且这类构图看似有些乱，实则做好对齐是重中之重。
6. 对角构图
顾名思义：将画面中的视觉元素以对角线排列的形式进行摆放，这和散布式构图有相似之处，举个例子：
要保持对角线上的视觉元素在画面整体相对稳定，其他位置做相应的点缀、填充，以避免画面内容太过单一，且也要注意不要太抢主体，否则这种构图形式很容易显乱。
说了这么多的常见平稳构图形式，目的是为大家提供一定的参考，不要太过局限化，其实也可以将构图变相地看作是在「填空」，重点是要活学活用。
案例展示
结合前面所说的构图形式，下面通过动手实操的方式做几个案例：
