想在眾人面前得意賣稿你的設(shè)計(jì)夠勁才行——有理論依據(jù)的設(shè)計(jì)比僅用感覺(jué)更靠譜

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

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

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

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

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

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

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

畫面為什么要平衡

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

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

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

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

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

第一，對(duì)稱平衡

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

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

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

第二，非對(duì)稱平衡

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

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

第三，整體平衡

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

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

在做設(shè)計(jì)時(shí)，我們?cè)撊绾巫霾拍苓_(dá)到畫面平衡感呢？有五個(gè)可行的辦法。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第一種是對(duì)稱平衡，第二種是非對(duì)稱平衡，第三種是整體平衡。

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

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

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

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

當(dāng)前文章：想在眾人面前得意賣稿你的設(shè)計(jì)夠勁才行——有理論依據(jù)的設(shè)計(jì)比僅用感覺(jué)更靠譜
文章位置：http://m.jiaotiyi.com/article/sepscs.html