最近天氣怪異，很多人都感冒了，我也中招了，連家里的2個娃也都感染了。折騰了一周，今天終于好轉(zhuǎn)，希望大家勤奮學(xué)習(xí)的同時，注意休養(yǎng)生息，多運(yùn)動，多喝水，這樣才能天天一起分享好的東西喲！~

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比新巴爾虎左網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式新巴爾虎左網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋新巴爾虎左地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴。

一開始我們提到在眾人面前得意賣稿。賣稿是我們創(chuàng)新互聯(lián)的內(nèi)部用詞。經(jīng)過自己設(shè)計(jì)的作品，想要得到內(nèi)部項(xiàng)目組或者顧客的認(rèn)同，需要在燈光攝影下猶如滔滔不絕的江水般講解自己的作品。這就難免有各種棘手的問題來為難你。通常被提問的問題大概有“你為什么這樣布局”“整體風(fēng)格對齊方式是什么”“品牌VI色系是什么，你的方案中配色方案是什么”等等，其中一定會有人提到“整體畫面平衡問題”，不懂設(shè)計(jì)的人都會問這樣的問題。例如，這個太大了，那個太突出了等等，其實(shí)就是說關(guān)于設(shè)計(jì)平衡的問題。那么，我們今天就簡單聊聊設(shè)計(jì)平衡方面的問題，希望此文能幫助大家提升一下自己，真正能在賣稿時春風(fēng)得意。

靠感覺做設(shè)計(jì)并不是行不通，但不是每個人都天賦異稟，如果大家都依靠感覺做設(shè)計(jì)，那么成為高級設(shè)計(jì)師的可能性就太低太低了。“說不出為什么，但總感覺怪怪的”是很多設(shè)計(jì)師經(jīng)常遇到的迷思，這很有可能可能是因?yàn)榇蠹以谧鲈O(shè)計(jì)的時候太依靠自身感覺。一副好的作品肯定不是由單方面決定的，設(shè)計(jì)師肯定是對版式、配色以及字體選擇上都做了無數(shù)次的推敲，把大問題拆成一個個小問題反復(fù)琢磨，最終呈現(xiàn)出優(yōu)秀的整體。今天我們就針對版式中的一個小問題來講解——版式的平衡

平衡是設(shè)計(jì)之道。一個優(yōu)秀的設(shè)計(jì)應(yīng)該充分考慮各方面的因素,包括產(chǎn)品自身的屬性(造型、色彩、材料、工藝等)以及產(chǎn)品與使用者和使用語境的關(guān)系等。"人——機(jī)一環(huán)境"、"藝術(shù)化設(shè)計(jì)"和"商業(yè)設(shè)計(jì)"、"大眾設(shè)計(jì)"與"小眾設(shè)計(jì)"、東方與西方、傳統(tǒng)與現(xiàn)代等是設(shè)計(jì)中幾對相互關(guān)聯(lián)和相互制約的因素,在設(shè)計(jì)中要充分考慮他們之間的相互關(guān)系,以達(dá)到設(shè)計(jì)的平衡。

說到版式或者版面設(shè)計(jì)，可以提到的話題很多，例如留白是否得當(dāng)，色彩是否整體融洽，內(nèi)容是否有層次主次感等等，但其中有一個話題是不得不提的，那就是平衡，內(nèi)容的平衡，視覺的平衡感。一個版式是否平衡也經(jīng)常成為評判畫面好壞的標(biāo)準(zhǔn)。

那么版式為什么要平衡，平衡又分為哪幾種，用什么方法能制造平衡，這將是所要所要討論的三個重要設(shè)計(jì)原則。

畫面為什么要平衡

構(gòu)成版面的所有要素都是有“分量”的，比如面積大小和顏色的深淺等。我們在編排畫面的時候依據(jù)的就是各種元素的“分量”。我們要力求做到整體細(xì)節(jié)和諧且沒有矛盾，當(dāng)然這不能是設(shè)計(jì)師的一廂情愿，而要要讓觀者也能感受到這一狀態(tài)，那么這個作品才算是成功的。從視覺的角度出發(fā)的話，就是版面要做到平衡或者是均衡。

我們可以仔細(xì)觀察下生活中的物體，平衡的事物幾乎占滿了我們的視線。無論是對稱還是非對稱的物體，只有達(dá)到平衡的狀態(tài)，看起來才是和諧的，才能給人一種安全感，同時也更加方便我們使用（如圖1）。我們也可以把平衡理解成一種穩(wěn)定，版式是否平衡，也可以說版面是否穩(wěn)定。

上圖中，你看到一個大學(xué)的門口就知道筆者跟學(xué)校的有關(guān)系了吧。哈哈~~

設(shè)計(jì)中的視覺平衡或者畫面平衡，是怎么定義比較合理呢

平衡或是均衡，是一種張力均等的狀態(tài)。想要做到畫面的平衡，必須讓元素按照美的視覺效果、力學(xué)原理等行進(jìn)排列組合，這個過程中既有理性的邏輯推理，又有感性因素的參與。一個平衡的版式并非左右兩邊一個像素都不差或者兩邊的元素完全相同，它是一個相對的概念，指的是視覺上看起來是平衡的。這里我們把平衡分為三類：對稱平衡、非對稱平衡和整體平衡。

第一，對稱平衡

對稱平衡是以縱向?yàn)橹行模谝曈X上兩邊是對等的。對稱的版式通常是靜態(tài)的，它通過相似性體現(xiàn)平衡，并能喚起古典主義的、莊重的和穩(wěn)定的感覺。

對稱平衡經(jīng)常配合居中對齊出現(xiàn)在版面中。如書籍的封面或是比較正式的活動海報(bào)等。

對稱設(shè)計(jì)的空間較為刻板，各要素均置于空間的中心部位，能給人傳遞出一種平靜和穩(wěn)定的感覺。

第二，非對稱平衡

非對稱平衡在形式上不平衡，也就是沒有明顯的對稱軸，但能引起關(guān)注且具有活力。非對稱平衡的兩邊看上去并不相同，但卻具有相同的張力，是通過對比體現(xiàn)平衡。非對稱設(shè)計(jì)給人以現(xiàn)代感、力量感和活力感。

非對稱的版式是在不相似或不相等的要素間創(chuàng)造秩序和平衡。由于非對稱的版式具有不可預(yù)見性，所以設(shè)計(jì)上也能帶來更多的變化。由于非對稱版式可發(fā)揮空間更大，那么也就意味著對設(shè)計(jì)師的能力要求會更高。前面有提到“平衡或是均衡，是一種張力均等的狀態(tài)”，圖4這個案例左邊有大量留白，右邊有大量的黑色，左邊留白是為了襯托“靜物”這個主題，我們的注意力會放在“靜物”兩個字上，所以“靜物”的分量就很重；那么到了右邊，大量的黑色只是作為背景存在，所以黑色的分量就比較輕，這樣一來，左右兩邊便達(dá)到了張力均等的狀態(tài)，也就是平衡。

第三，整體平衡

整體平衡也被稱作馬賽克式的平衡。這種平衡通常是很多內(nèi)容編排在同一頁面的結(jié)果。

通常在編排信息點(diǎn)非常多的頁面時要做到整體平衡。整體平衡的頁面由于信息量較大，所以信息區(qū)塊的劃分一定要清晰，可利用網(wǎng)格線或者較為明顯的間隔來劃分信息區(qū)塊。

在做設(shè)計(jì)時，我們該如何做才能達(dá)到畫面平衡感呢？有五個可行的辦法。

方法一，對稱構(gòu)圖

我們來看這個案例，就是一個典型的對稱的構(gòu)圖形式（如圖8）。對稱式構(gòu)圖是一種很常用的構(gòu)圖形式，對稱本身就是平衡的，所以對稱式構(gòu)圖對版式的平衡有著天然的優(yōu)勢。

通過文字組的排列形式，也很容易發(fā)現(xiàn)這個案例運(yùn)用了四分欄的形式。這里要注意的一點(diǎn)是，對稱式構(gòu)圖的元素最好是在一個倒置的金字塔或者倒置的梯形中排列（如圖9），這樣有利于引導(dǎo)讀者進(jìn)入下一信息層。

方法二，對角線構(gòu)圖。

這里有三張對角線構(gòu)圖的海報(bào)作品。第一張中的插畫元素形成了一條很明顯的對角線；第二張的毛筆字元素從右上到左下，這是第一條對角線，左上角紅色的文字組加上兩個紅色石頭元素形成了第二條對角線；第三張中，黃色的字母元素是第一條對角線，方向是從右上到左下，灰色的背景是第二條對角線，方向是從左上到右下。

對角線構(gòu)圖為什么是穩(wěn)定的？我們可以將畫面中的對角線想象成一個梯子，只有梯子斜搭在墻面上的時候才能達(dá)到穩(wěn)定的狀態(tài)。一個畫面中，在相同元素?cái)?shù)量的情況下，排列成對角線的形式，能有利于讓元素占滿畫面，所以看起來更加平衡。

方法三，S型構(gòu)圖

S型構(gòu)圖同對角線構(gòu)圖有異曲同工之妙，這種構(gòu)圖方式也比較有利于幫助元素沾滿畫面，使得畫面整體更加均衡。S型構(gòu)圖還能增加畫面的生動程度，且富有空間感。

方法四，巧妙利用常規(guī)的幾何圖形構(gòu)圖

首先我們想象一下生活中有哪些幾何形狀是平行的，比如我們常見的桌子凳子是什么形狀；我們周圍的建筑是什么形狀；我們的交通工具又包含有什么樣的形狀？我這里列舉了三種形狀：矩形、三角形、梯形。這三種形狀的穩(wěn)定性都相當(dāng)高，利用好這三種形狀也能幫助我們創(chuàng)造一個平衡的畫面。

我們來看一下幾何圖形是如何運(yùn)用到版式設(shè)計(jì)中的。穩(wěn)定的幾何形狀通常以“看不見”的形式存在，畫面中不會赤裸裸地呈現(xiàn)出這些形狀，而是將元素按照形狀的輪廓進(jìn)行排列（如圖13）。第一張中文字組排列成了規(guī)則的矩形，配合規(guī)則的間距留白，創(chuàng)造出了非常美觀的版式；第二張作品，人物和毛筆字都是按照三角形來排列，整體效果也十分的穩(wěn)定；第三張作品是按照梯形的輪廓來排列文字組，人物和人物上方的文字組又組成了一個梯形。類似的作品很多很多，大家可以把這些作品拖到軟件中，嘗試尋找一下它們都運(yùn)用了哪些形狀來排列元素。

方法五，空白區(qū)域放主題

在素材的空白區(qū)域，或者是已搭建好的框架的空白區(qū)域放上主題文案，這對于所有設(shè)計(jì)師似乎都很容易做到的，如果要做到畫面的平衡，就不得不考慮素材的“動勢及方向性”了。

動勢指的就是動作的趨勢，圖下中nike的這張海報(bào)，人物明顯有向右運(yùn)動的趨勢，那么在放置文案的時候，人物左邊的文字就做得粗一些，用來平衡人物的動勢。下圖那張韓文的banner，人物的動作就有明顯的方向性，也可以叫做指向性。文案都是順著人物手的方向來排列，然后在最后邊放置“22%”打折元素，并且主標(biāo)題也在最后邊做了變形，來平衡左邊的人物素材。

不只是人物的動作具有方向性，眼神的方向性也是很強(qiáng)的，我們平時在使用人物素材的時候，要留意人物眼神的方向，最好是順應(yīng)眼神的方向放置重要信息。

由于主體文案沒有順應(yīng)人物素材的動勢，觀者的注意力容易被人物動作方向引導(dǎo)到banner之外，文案作用被弱化。

主體文案順應(yīng)人物素材動勢，起到強(qiáng)調(diào)作用。

主體文案要順應(yīng)人物眼神方向。如何判斷人物眼神方向呢？我們看人物瞳孔的指向是哪里就可以了，這張素材人物瞳孔的指向明顯是右下方，所有主體文案被安排在了banner的右下方。

好了，我們來總結(jié)回顧一下今天分享到的主要內(nèi)容及點(diǎn)面。

首先我們講了版面設(shè)計(jì)為什么要平衡以及通常我們說畫面平衡的三種分類

第一種是對稱平衡，第二種是非對稱平衡，第三種是整體平衡。

然后總結(jié)了五種比較容易實(shí)現(xiàn)畫面平衡的方法

第一種是利用對稱構(gòu)圖，這里要注意讓畫面種信息呈現(xiàn)倒三角形排布，這樣有利于引導(dǎo)讀者向下閱讀信息；第二種是利用對角線構(gòu)圖；第三種是利用S型構(gòu)圖，S型構(gòu)圖和對角線構(gòu)圖有異曲同工之妙，都是有利于元素占滿畫面；第四種是利用穩(wěn)定的幾何圖形，如矩形、三角形、梯形等；第五種是在畫面留白處加文字信息，這里要注意素材指向性和動勢。

希望大家在閱讀完文章后，自己動手練習(xí)一下。平時在做新項(xiàng)目時也要逐步。

注意這些方面的小問題。秒變大師，從點(diǎn)擊做起！