在之前的文章《新媒體運(yùn)營(yíng)必需知道的 4 個(gè)設(shè)計(jì)原則》中，琛姐談到過?4 個(gè)設(shè)計(jì)的基本原則——親密性、對(duì)齊、重復(fù)、對(duì)比。但通過更深入地學(xué)習(xí)設(shè)計(jì)知識(shí)，琛姐發(fā)現(xiàn)，之前提到的「對(duì)齊」原則并不完善，更全面的說法應(yīng)該是「平衡」。因?yàn)椤笇?duì)齊」的根本目的是為了實(shí)現(xiàn)版面「平衡」，「對(duì)齊」只是達(dá)到「平衡」的方式之一。本文是對(duì)「對(duì)齊」原則的更正和補(bǔ)充。

本質(zhì)上說，平衡是指讓一條垂直軸兩側(cè)的重量保持平衡，我們?nèi)粘Ｉ钪兴f的走路、騎車時(shí)要保持平衡，和設(shè)計(jì)中要保持平衡，是一個(gè)概念。

為什么我們會(huì)喜歡平衡的設(shè)計(jì)？

因?yàn)榇罅康慕?jīng)驗(yàn)告訴我們：不平衡（不對(duì)稱）的生物體一般和疾病有關(guān)，而且，日常生活中如果無法保持平衡，容易導(dǎo)致事故。比如，走路的時(shí)候失去平衡會(huì)導(dǎo)致摔跤、騎車的時(shí)候失去平衡會(huì)導(dǎo)致翻車等等。

所以說，平衡在我們的大腦中不僅僅只有表面的意思，千百年來的經(jīng)驗(yàn)告訴我們——「平衡=健康」，「平衡=安全」。出于生存的本能需求，當(dāng)我們面對(duì)不平衡的設(shè)計(jì)時(shí)，會(huì)自然地產(chǎn)生警惕和不適的感覺。

最常見的達(dá)到平衡的方式是對(duì)稱，而用不對(duì)稱的方式達(dá)到平衡會(huì)更加有趣、個(gè)性化。

一、對(duì)稱平衡

對(duì)稱平衡是一種非常容易實(shí)現(xiàn)的對(duì)稱方式，這種平衡方式在建筑設(shè)計(jì)、攝影設(shè)計(jì)中都非常常見：

在封面圖中疊加文字和圖片時(shí)，也常常見到這種對(duì)齊方式：

公眾號(hào)24HOURS封面

公眾號(hào)新世相封面

當(dāng)我們說對(duì)稱的時(shí)候，一般是指左右對(duì)稱，在新媒體設(shè)計(jì)中，左右對(duì)稱只需要完全居中或兩端對(duì)齊，就能實(shí)現(xiàn)。居中對(duì)齊是視覺平衡感最好的一種文字對(duì)齊方式，但一般適用于字?jǐn)?shù)較少的情況。

居中對(duì)

一般文字較多的時(shí)候我們會(huì)采用左對(duì)齊的方式，卻很容易忽略兩端對(duì)齊。但現(xiàn)實(shí)是：如果我們僅僅采用左對(duì)齊，右邊的邊線會(huì)呈現(xiàn)不規(guī)則的鋸齒狀，如果改成兩端對(duì)齊，左右邊線都會(huì)變得平直，對(duì)稱感明顯增強(qiáng)。

左：左對(duì)齊；右：兩端對(duì)

對(duì)稱平衡給人感覺正式、高雅、嚴(yán)謹(jǐn)、精確、有氣勢(shì)，劣勢(shì)是可能會(huì)顯得呆板和拘謹(jǐn)。

所以，很多時(shí)候，可以適當(dāng)?shù)剡M(jìn)行一些調(diào)整，打破完全對(duì)稱的局面。

不過，多種對(duì)齊方式疊加涉及到非對(duì)稱平衡，是一種更復(fù)雜的平衡方式，想要合理利用，我們先要搞清楚什么是非對(duì)稱平衡，以及如何達(dá)到非對(duì)稱平衡。

二、非對(duì)稱平衡

關(guān)于對(duì)稱平衡和非對(duì)稱平衡的概念，我們可以類比一下蹺蹺板。為了讓蹺蹺板保持平衡，最簡(jiǎn)單的方法就是讓 2 個(gè)差不多重量的人坐在差不多距離的位置上，也就是對(duì)稱平衡。

圖片來源：視覺中國(guó)

但如果2個(gè)人的體重相差很大的話怎么辦呢？最好的辦法就是讓相對(duì)較重的人坐到離蹺蹺板支點(diǎn)更近的位置，相對(duì)較輕的人坐在離蹺蹺板支點(diǎn)更遠(yuǎn)的位置，距離支點(diǎn)的差距和他們體重的差距成正比。這就是非對(duì)稱平衡。

圖片來源：視覺中國(guó)

和玩蹺蹺板的人一樣，設(shè)計(jì)中的每種元素也有自己對(duì)應(yīng)的重量，在視覺設(shè)計(jì)中被稱為視覺比重。視覺比重是一個(gè)視覺度量體系，大概有下面幾個(gè)原則：

1.大重小輕。

占版面面積較大的元素視覺比重較大，面積較小的元素視覺比重較小。比如，下圖中體積較大的燈泡看起來更重。

2.近重遠(yuǎn)輕。

距離較近的元素視覺比重較大，距離較遠(yuǎn)的元素視覺比重較小。比如，下圖左1的花盆看起來就比較重，右1的花盆看起來相對(duì)較輕。

3.深重淺輕。

顏色濃烈、鮮艷的元素視覺比重較大，顏色較淺的元素視覺比重較小。比如，下圖中大紅色的嘴唇看起來比較重，淺黃色的頭發(fā)看起來比較輕。

4.圖重文輕。

圖片的視覺比重較大，文字的視覺比重較小。所以在組合圖片和文字時(shí)需要特別注意，當(dāng)圖片本身結(jié)構(gòu)比較平衡時(shí)，比如下面這張十點(diǎn)讀書的海報(bào)，其中的圖片是對(duì)稱結(jié)構(gòu)，構(gòu)圖已經(jīng)平衡，在右邊添加空白背景的文字反而打破了原有的平衡，整體顯得左重右輕了。

但如果圖片本身不平衡，添加文字就可以幫助整體版面實(shí)現(xiàn)平衡。比如，下圖中人物的重心是向右傾斜的，在右邊添加文字可以減輕右邊的重量，幫助版面實(shí)現(xiàn)平衡。

理解了這些道理，在排版設(shè)計(jì)的時(shí)候，我們就可以把一個(gè)版面想象成一個(gè)蹺蹺板，版面的中軸線就是蹺蹺板的支點(diǎn)，而在版面上添加元素就是在蹺蹺板的兩端添加重量。

不對(duì)稱平衡就是利用以上的基礎(chǔ)規(guī)律，并結(jié)合直覺，在版面上合理布局元素，使得整體視覺比重達(dá)到平衡狀態(tài)。

對(duì)稱平衡可以借助設(shè)計(jì)軟件的輔助線完成，但不對(duì)稱平衡目前還無法借助機(jī)器實(shí)現(xiàn)，所以，在進(jìn)行非對(duì)稱平衡設(shè)計(jì)時(shí)，不僅要熟悉基礎(chǔ)規(guī)律，還要對(duì)元素的視覺比重及布局有精準(zhǔn)的直覺。

厲害的藝術(shù)家、設(shè)計(jì)大師在掂量各個(gè)元素的視覺比重時(shí)，通常比常人擁有更好的直覺和判斷力。

比如，公眾號(hào)深夜發(fā)媸把圖片元素放在版面左邊，把文字放在右邊，使版面達(dá)到平衡：

公眾號(hào) HUGO 在圖片的左上角放自己的 Logo，在右下角放品牌 Slogan，也使得版面更接近平衡狀態(tài)。

公眾號(hào)“我要WhatYouNeed”的正文部分采用左對(duì)齊的方式，而在一些圖片注釋或作者介紹的地方則會(huì)采用右對(duì)齊的方式，不僅使得整個(gè)版面擁有更好的平衡感，而且打破了單調(diào)的局面，使得版面更加靈動(dòng)

左：圖片注釋右對(duì)齊；右：作者介紹右對(duì)齊

公眾號(hào)十點(diǎn)讀書在制作封面圖時(shí)，也注意了版面的平衡問題：

當(dāng)圖片主體靠右時(shí)，公眾號(hào)Logo就放在左邊：

當(dāng)圖片主體靠左時(shí)，公眾號(hào)Logo就放在右邊：

不過，當(dāng)圖片比較對(duì)稱時(shí)，公眾號(hào)的Logo放在靠邊的位置就有點(diǎn)不太平衡了，好在左下角有標(biāo)題文字，能在一定程度上進(jìn)行平衡。

三、小結(jié)

我們?nèi)粘Ｉ钪兴f的平衡，和設(shè)計(jì)中的平衡，是一個(gè)概念。

保持版面平衡的方式有 2 種：對(duì)稱平衡和非對(duì)稱平衡。

• 對(duì)稱平衡是一種非常容易實(shí)現(xiàn)的對(duì)稱方式，在新媒體視覺中，一般是指左右對(duì)稱。
• 非對(duì)稱平衡則是利用視覺比重的基礎(chǔ)規(guī)律，并結(jié)合直覺，在版面上合理布局元素，使得整體視覺比重達(dá)到平衡狀態(tài)。

#專欄作家#

琛姐，微信公眾號(hào)：草莓學(xué)堂（caomeixt），人人都是產(chǎn)品經(jīng)理專欄作家。大學(xué)新媒體教師，草莓學(xué)堂創(chuàng)始人，關(guān)注新媒體環(huán)境下營(yíng)銷、電商的發(fā)展趨勢(shì)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 pexels，基于 CC0 協(xié)議