影響穩(wěn)定的因素

設(shè)計中的平穩(wěn)和現(xiàn)實中并不完全一樣，現(xiàn)實中想要達到平穩(wěn)我們可以通過天平、稱重工具進行測量，而在設(shè)計中，我們雖然無法做到質(zhì)量上完全 1:1 的平穩(wěn)，但是只需視覺感受上達到平穩(wěn)即可，往往影響視覺構(gòu)圖平穩(wěn)的因素不止一種，示例如下：

示例中分別向我們展示了設(shè)計中影響畫面構(gòu)圖平穩(wěn)的因素，可以分別總結(jié)為：

• ①和④：在顏色相同的情況下，體積大的所占視覺比重更大。
• ②和③：在大小相同的情況下，重色較輕色而言所占整體視覺比重更大。

所以在設(shè)計中除了大小之外，色彩也是影響畫面重心穩(wěn)定的一個主要因素，當我們在進行版面編排的時候，為保證重心結(jié)構(gòu)的平穩(wěn)，可以結(jié)合實際視覺感受進行色彩以及大小關(guān)系上的調(diào)整，直至視覺平穩(wěn)即可。

常見的平穩(wěn)結(jié)構(gòu)

平穩(wěn)的構(gòu)圖方式在設(shè)計中已經(jīng)成為一種構(gòu)圖準則，有哪些常見的且比較實用的構(gòu)圖形式可供我們參考的？下面我們總結(jié)一下：

1. 居中式

不管是文字排版還是版面構(gòu)圖，居中的方式都是運用最多的，最主要原因就是居中的方式對于平穩(wěn)的體現(xiàn)最直觀，而且也最好把控，舉個例子：

案例中的構(gòu)圖方式就是居中式構(gòu)圖，不管是產(chǎn)品還有其他元素，都充分的以居中的原則進行擺放，畫面整體看起來非常的平穩(wěn)，這也是居中式構(gòu)圖的優(yōu)點，畫面結(jié)構(gòu)本身就具有絕對的平穩(wěn)，易于上手。

2. 上下式

上下式的構(gòu)圖形式可以理解為圖文上下結(jié)構(gòu)分開，比如：上圖下字或者上字下圖，在有些時候和居中式也很像，這也是一種相對直觀的平穩(wěn)構(gòu)圖方式。舉個例子：

畫面構(gòu)圖結(jié)構(gòu)為上下式，即上字下圖，這種構(gòu)圖形式能夠很容易地維持視覺的相對平穩(wěn)，如果將文案信息采用居中的形式擺放，又和居中式的構(gòu)圖結(jié)構(gòu)很雷同，需要注意的是：視覺元素的擺放最終要能形成視覺上的平穩(wěn)。

3. 左右式

左右式相對而言就更好理解了，即視覺元素左右分開的方式，這種構(gòu)圖形式在設(shè)計中也是很常用的一種，下面看個例子：

左右式的構(gòu)圖結(jié)構(gòu)重點，在于盡可能地保證視覺重心平穩(wěn)，不要出現(xiàn)過度重心偏離的情況；也可以把這種構(gòu)圖形式看作是現(xiàn)實中的天平，當主體或者產(chǎn)品固定位置后，我們可以讓一側(cè)的視覺元素能與另一側(cè)在視覺元素比重上相近，以保證畫面重心平穩(wěn)。左右式構(gòu)圖需要避免的誤區(qū)：

以上雖然都是左右式的構(gòu)圖，但屬于錯誤示范，重心偏下和偏上的錯誤比較好理解，我們重點說下中間的比例失調(diào)這類。就視覺重心而言，其實中間的表現(xiàn)形式相對而言重心是水平的，但是這種形式依然不可取，原因在于：左側(cè)與右側(cè)出現(xiàn)了嚴重視覺比重的失調(diào)，也就是重心偏向一側(cè)，類似于天平出現(xiàn)了嚴重的傾斜方向，雖然設(shè)計并不像現(xiàn)實數(shù)字般要求那么嚴格，但是也要保證在視覺上看相對穩(wěn)定，要避免出現(xiàn)比例失調(diào)的現(xiàn)象出現(xiàn)。

下面我們再看一組比較常見的相對平穩(wěn)的構(gòu)圖結(jié)構(gòu)，也是在平時工作中比較實用的一些，繼續(xù)來看：

4. 中心發(fā)散式

從上側(cè)示意圖我們不難發(fā)現(xiàn)，中心發(fā)散式主要以畫面的中心點為開端，向四周不斷延展、填補視覺元素，以確保畫面整體是平穩(wěn)的。其難點并不是中心位置，而是向四周發(fā)散的視覺元素——它直接決定了畫面重心的平穩(wěn)程度，看個示例：

中心發(fā)散式構(gòu)圖最大的特點：中心視覺元素位于畫面中心，所以幾乎可以忽略它所帶來的不穩(wěn)定因素，重點只要把控好發(fā)散的視覺元素能保持畫面整體平穩(wěn)即可。

5. 散布式構(gòu)圖

散布式構(gòu)圖相比而言比較難把控，因為這種構(gòu)圖形式容易顯亂，但是始終還是要圍繞「穩(wěn)」字展開，這種構(gòu)圖形式的特點：畫面中存在著相對四處分散的主要視覺元素，做好對齊是把控這類構(gòu)圖的關(guān)鍵點?？磦€示例：

這種構(gòu)圖形式相對比較新穎一些，和下面要說的對角構(gòu)圖類似，除了四處分散的主要視覺元素外，弱側(cè)點綴或者段落文字是維持視覺平穩(wěn)的重點。而且這類構(gòu)圖看似有些亂，實則做好對齊是重中之重。

6. 對角構(gòu)圖

顧名思義：將畫面中的視覺元素以對角線排列的形式進行擺放，這和散布式構(gòu)圖有相似之處，舉個例子：

要保持對角線上的視覺元素在畫面整體相對穩(wěn)定，其他位置做相應(yīng)的點綴、填充，以避免畫面內(nèi)容太過單一，且也要注意不要太搶主體，否則這種構(gòu)圖形式很容易顯亂。

說了這么多的常見平穩(wěn)構(gòu)圖形式，目的是為大家提供一定的參考，不要太過局限化，其實也可以將構(gòu)圖變相地看作是在「填空」，重點是要活學活用。

案例展示

結(jié)合前面所說的構(gòu)圖形式，下面通過動手實操的方式做幾個案例：

整體構(gòu)圖形式大致按照散布式的結(jié)構(gòu)，目前畫面整體構(gòu)圖還是平穩(wěn)的，還缺少人物介紹的信息文案沒有擺放，中心區(qū)域是個很理想的位置。

同一種構(gòu)圖形式，我們只需要稍微改變一下配色方式及字體，就會有不一樣的視覺效果，案例如下：

案例構(gòu)圖結(jié)構(gòu)為上下式，且相互穿插了一些散布式的排版形式，整體還缺少一些細節(jié)，缺少點綴的元素用于烘托氣氛，所以可以進一步調(diào)整，添加細節(jié)。

文章中一共總結(jié)了六種比較實用的設(shè)計構(gòu)圖形式，目的是為大家提供一個可供參考的方向，而從我們實操的案例來說，這些構(gòu)圖形式并不是完全孤立存在的，在特定的情況下他們可以同時出現(xiàn)在一個作品中，只是表現(xiàn)形式稍有不同。最后希望大家可以活學活用、舉一反三、大膽嘗試。其實構(gòu)圖，不過如此！

原文地址： 美工美邦（公眾號）

作者： 張家彬