楊瀾曾經(jīng)說(shuō)過(guò)，沒(méi)有人有義務(wù)透過(guò)你邋遢的外表去發(fā)現(xiàn)你優(yōu)秀的內(nèi)在。同樣的道理，沒(méi)有人有義務(wù)透過(guò)你糟糕的設(shè)計(jì)去發(fā)現(xiàn)你優(yōu)秀的內(nèi)容。懂點(diǎn)基本的設(shè)計(jì)原則，可以有效增強(qiáng)文章的可讀性和設(shè)計(jì)感，再也不用擔(dān)心你的老板請(qǐng)不起美工了。
Robin Williams 在《寫(xiě)給大家看的設(shè)計(jì)書(shū)》中，根據(jù)自己多年的實(shí)踐經(jīng)驗(yàn)，總結(jié)了 4 個(gè)設(shè)計(jì)的基本原則——親密性、對(duì)齊、重復(fù)、對(duì)比。這 4 個(gè)原則適用于 PPT(實(shí)際上很多 PPT 教程文章中都在使用這 4 個(gè)原則)、海報(bào)、排版、名片等所有設(shè)計(jì)領(lǐng)域，對(duì)于新媒體運(yùn)營(yíng)來(lái)說(shuō)非常實(shí)用，比如圖文排版、海報(bào)、二維碼、封面設(shè)計(jì)等環(huán)節(jié)都能用上。
寫(xiě)文章前，我們通常會(huì)畫(huà)一個(gè)簡(jiǎn)單的邏輯圖，然后，照著這個(gè)邏輯，慢慢填充文字，這樣寫(xiě)出的文章，邏輯會(huì)比較清晰，讀者閱讀起來(lái)也很輕松，
本文基本邏輯，百度腦圖繪制
同樣的道理，文章編排前，也要先梳理好視覺(jué)邏輯，然后，通過(guò)親密性、對(duì)齊、重復(fù)、對(duì)比等方法，展現(xiàn)視覺(jué)邏輯，最大程度上方便讀者閱讀和記憶。
親密性是實(shí)現(xiàn)視覺(jué)邏輯化的第一步，它是指關(guān)系越近的內(nèi)容，在視覺(jué)上應(yīng)該靠得越近，反之，關(guān)系越疏遠(yuǎn)的內(nèi)容，在視覺(jué)上應(yīng)該越遠(yuǎn)。
比如，標(biāo)題和正文就是獨(dú)立的 2 個(gè)版塊，正文間的親密度應(yīng)該高于正文與標(biāo)題間的親密度，所以，標(biāo)題和正文間應(yīng)該有明顯的區(qū)分，這個(gè)區(qū)分可以用空行來(lái)實(shí)現(xiàn)，也可以用圖片(比如頭圖)或者分隔符(比如引導(dǎo)關(guān)注)來(lái)分隔：
傳統(tǒng)排版一般通過(guò)首行縮進(jìn) 2 個(gè)字符的方法來(lái)區(qū)分各段，但顯然這種方式并不符合親密性原則，段間距與行間距完全一樣，并不能有效區(qū)分各段。所以，現(xiàn)在大部分新媒體編輯排版時(shí)會(huì)在段與段之間空一行，有效增加段間距，突出各部分的親密性。
如果段與段之間有標(biāo)題的話，注意標(biāo)題和上、下段之間的間距應(yīng)該有差別，因?yàn)闃?biāo)題和下一段是一個(gè)整體，和上一段的關(guān)系不大。這種親疏關(guān)系應(yīng)該在間距的大小間表現(xiàn)出來(lái)。
此外，圖片的注釋?xiě)?yīng)該和圖片靠得更近一些：
需要特別注意的是，許多公眾號(hào)的尾部會(huì)放很多內(nèi)容，比如，作者介紹、二維碼、活動(dòng)信息等，當(dāng)內(nèi)容過(guò)多時(shí)，尤其要注意分區(qū)，不然很容易陷入混亂。
比如，你能一眼看出下面左圖中包含了幾個(gè)版塊的內(nèi)容嗎?很難，因?yàn)闆](méi)有明顯的分區(qū)。其實(shí)左圖包含了作者簡(jiǎn)介、留言互動(dòng)、點(diǎn)贊轉(zhuǎn)發(fā)引導(dǎo)、關(guān)鍵詞引導(dǎo) 4 類(lèi)內(nèi)容(自己找找看)。
遇到這種內(nèi)容類(lèi)別較多的情況，首先判斷能不能刪除一些內(nèi)容，減少讀者的認(rèn)知負(fù)擔(dān)。顯然，留言、點(diǎn)贊、轉(zhuǎn)發(fā)、關(guān)鍵詞，這么多互動(dòng)方式放在一起，有點(diǎn)復(fù)雜，刪除 1，2 種不太重要的，會(huì)讓界面看起來(lái)更簡(jiǎn)潔(琛姐刪除了點(diǎn)贊轉(zhuǎn)發(fā)引導(dǎo))，對(duì)于剩下的內(nèi)容，通過(guò)空行和分隔符號(hào)(這里用的是實(shí)線框)進(jìn)行分區(qū)。
PS：改版后的微信圖文推送界面引來(lái)許多爭(zhēng)議，但單純從親密性原則來(lái)看，顯然現(xiàn)在的版本是更好的，因?yàn)檎菍?duì)標(biāo)題的補(bǔ)充說(shuō)明，且兩者都是純文字，親密度很高，把兩者放在一起，更符合視覺(jué)邏輯。
左邊為老版圖文推送界面，右邊為新版圖文推送界面
對(duì)齊包括居中對(duì)齊、左對(duì)齊、右對(duì)齊 3 種方式。在微信公眾號(hào)運(yùn)營(yíng)中，比較常見(jiàn)的是居中對(duì)齊、左對(duì)齊 2 種方式：
對(duì)于讀者來(lái)說(shuō)，居中對(duì)齊閱讀起來(lái)是最輕松的，因?yàn)橐暰€可以完全集中在屏幕中間部分，不用大幅度左右移動(dòng)。但這種方式一般適合內(nèi)容較少、短句較多的內(nèi)容。較長(zhǎng)的內(nèi)容一般適合采用左對(duì)齊。
還有一個(gè)和左對(duì)齊很類(lèi)似的對(duì)齊方式：兩端對(duì)齊，相比于左對(duì)齊，兩段對(duì)齊的文字邊緣更整齊，視覺(jué)效果更好，所以，在新媒體營(yíng)銷(xiāo)技巧——新媒體排版中一般用兩端對(duì)齊代替左對(duì)齊：
對(duì)于設(shè)計(jì)新人來(lái)說(shuō)，最好嚴(yán)格遵循一種對(duì)齊方式，不然就會(huì)導(dǎo)致混亂，實(shí)在不行，至少保證在同一內(nèi)容版塊中遵循一種對(duì)齊方式。比如，下面左圖中就是比較常見(jiàn)的情形，在同一內(nèi)容版塊中出現(xiàn)了 2 種對(duì)齊方式，使得界面看起來(lái)略顯混亂，重點(diǎn)也不突出(后面的對(duì)比原則會(huì)講到)。
稍作調(diào)整，把版塊內(nèi)的內(nèi)容都調(diào)整為居中對(duì)齊(因?yàn)樽謹(jǐn)?shù)較少)，并利用對(duì)比原則，修改重點(diǎn)部分的字體顏色，粗細(xì)，整個(gè)界面看起來(lái)就整齊了許多(如右上圖所示)。
重復(fù)是保持整齊的重要準(zhǔn)則。既包括字體、字號(hào)的重復(fù)，也包括顏色、風(fēng)格的重復(fù)。對(duì)于新人來(lái)說(shuō)，要時(shí)刻牢記，盡量統(tǒng)一字體、字號(hào)、顏色等等一系列元素，在統(tǒng)一的基礎(chǔ)上，找出需要強(qiáng)調(diào)的部分，進(jìn)行更改，通過(guò)對(duì)比原則進(jìn)行強(qiáng)化。
重復(fù)的字體、重復(fù)的字號(hào)(一般 14~16 號(hào))：
重復(fù)的顏色、重復(fù)的風(fēng)格：
親密性、對(duì)齊和重復(fù)，在保證版面干凈、整齊的同時(shí)，也會(huì)帶來(lái)枯燥、乏味。所以，我們需要最后一個(gè)效果——對(duì)比。
對(duì)比的基本作用是突出重點(diǎn)，增加可讀性。
比如把需要強(qiáng)調(diào)的部分加粗、調(diào)大、改顏色、增加背景色、加刪除線、下劃線、傾斜、加。一。些。符。號(hào)、或是做一些藝術(shù)化處理，等等方式，都可以使需要強(qiáng)調(diào)的部分迅速?gòu)拇罅績(jī)?nèi)容中跳脫出來(lái)。
對(duì)比的附加作用是有效增強(qiáng)視覺(jué)效果，打破平淡，吸引讀者注意。
比如，無(wú)印良品的海報(bào)看著很簡(jiǎn)單，實(shí)際上他們的設(shè)計(jì)師很擅長(zhǎng)利用對(duì)比，使得簡(jiǎn)單的畫(huà)面充滿(mǎn)設(shè)計(jì)感，下圖就很好地利用了文字橫向和縱向分布的對(duì)比，打破了平淡：
在公眾號(hào)排版中也可以應(yīng)用類(lèi)似的方法：
需要注意的是，要么不使用對(duì)比，要對(duì)比就一定要明顯，否則，兩個(gè)元素過(guò)于相近，就會(huì)導(dǎo)致混亂，因?yàn)樽x者會(huì)誤會(huì)，不知道你是故意的，還是不小心搞錯(cuò)了。
比如，使用「16 號(hào)字」和「15 號(hào)字」進(jìn)行對(duì)比，差異就很不明顯，而使用「24號(hào)字」和「15 號(hào)字」進(jìn)行對(duì)比，差異就明顯得多，一眼就能看到加大的字體。
新人做設(shè)計(jì)的第一定律：做加法!開(kāi)始時(shí)使用的元素越少越好，因?yàn)槊吭黾右环N元素，設(shè)計(jì)的復(fù)雜性都是指數(shù)級(jí)上升的(不要想當(dāng)然地以為自己是設(shè)計(jì)大師)。
上海網(wǎng)站建設(shè)公司——海淘科技提供更多新媒體營(yíng)銷(xiāo)內(nèi)容。
