新媒體運營必知的4 個設計原則:親密性、對齊、重復、對比

親密性、對齊、重復、對比,這4個原則對于新媒體運營來說有什么樣的意義呢?


楊瀾曾經(jīng)說過,沒有人有義務透過你邋遢的外表去發(fā)現(xiàn)你優(yōu)秀的內(nèi)在。同樣的道理,沒有人有義務透過你糟糕的設計去發(fā)現(xiàn)你優(yōu)秀的內(nèi)容。懂點基本的設計原則,可以有效增強文章的可讀性和設計感,再也不用擔心你的老板請不起美工了。


Robin Williams 在《寫給大家看的設計書》中,根據(jù)自己多年的實踐經(jīng)驗,總結(jié)了 4 個設計的基本原則——親密性、對齊、重復、對比。這 4 個原則適用于 PPT(實際上很多 PPT 教程文章中都在使用這 4 個原則)、海報、排版、名片等所有設計領域,對于新媒體運營來說非常實用,比如圖文排版、海報、二維碼、封面設計等環(huán)節(jié)都能用上。


親密性


寫文章前,我們通常會畫一個簡單的邏輯圖,然后,照著這個邏輯,慢慢填充文字,這樣寫出的文章,邏輯會比較清晰,讀者閱讀起來也很輕松。



本文基本邏輯,百度腦圖繪制


同樣的道理,文章編排前,也要先梳理好視覺邏輯,然后,通過親密性、對齊、重復、對比等方法,展現(xiàn)視覺邏輯,最大程度上方便讀者閱讀和記憶。


親密性是實現(xiàn)視覺邏輯化的第一步,它是指關(guān)系越近的內(nèi)容,在視覺上應該靠得越近,反之,關(guān)系越疏遠的內(nèi)容,在視覺上應該越遠。


比如,標題和正文就是獨立的 2 個版塊,正文間的親密度應該高于正文與標題間的親密度,所以,標題和正文間應該有明顯的區(qū)分,這個區(qū)分可以用空行來實現(xiàn),也可以用圖片(比如頭圖)或者分隔符(比如引導關(guān)注)來分隔:



傳統(tǒng)排版一般通過首行縮進 2 個字符的方法來區(qū)分各段,但顯然這種方式并不符合親密性原則,段間距與行間距完全一樣,并不能有效區(qū)分各段。所以,現(xiàn)在大部分新媒體編輯排版時會在段與段之間空一行,有效增加段間距,突出各部分的親密性。



如果段與段之間有標題的話,注意標題和上、下段之間的間距應該有差別,因為標題和下一段是一個整體,和上一段的關(guān)系不大。這種親疏關(guān)系應該在間距的大小間表現(xiàn)出來。



此外,圖片的注釋應該和圖片靠得更近一些:



需要特別注意的是,許多公眾號的尾部會放很多內(nèi)容,比如,作者介紹、二維碼、活動信息等,當內(nèi)容過多時,尤其要注意分區(qū),不然很容易陷入混亂。


比如,你能一眼看出下面左圖中包含了幾個版塊的內(nèi)容嗎?很難,因為沒有明顯的分區(qū)。其實左圖包含了作者簡介、留言互動、點贊轉(zhuǎn)發(fā)引導、關(guān)鍵詞引導 4 類內(nèi)容(自己找找看)。



遇到這種內(nèi)容類別較多的情況,首先判斷能不能刪除一些內(nèi)容,減少讀者的認知負擔。顯然,留言、點贊、轉(zhuǎn)發(fā)、關(guān)鍵詞,這么多互動方式放在一起,有點復雜,刪除 1,2 種不太重要的,會讓界面看起來更簡潔(琛姐刪除了點贊轉(zhuǎn)發(fā)引導),對于剩下的內(nèi)容,通過空行和分隔符號(這里用的是實線框)進行分區(qū)。


PS:改版后的微信圖文推送界面引來許多爭議,但單純從親密性原則來看,顯然現(xiàn)在的版本是更好的,因為摘要是對標題的補充說明,且兩者都是純文字,親密度很高,把兩者放在一起,更符合視覺邏輯。



左邊為老版圖文推送界面,右邊為新版圖文推送界面


對齊


對齊包括居中對齊、左對齊、右對齊 3 種方式。在微信公眾號運營中,比較常見的是居中對齊、左對齊 2 種方式:



對于讀者來說,居中對齊閱讀起來是最輕松的,因為視線可以完全集中在屏幕中間部分,不用大幅度左右移動。但這種方式一般適合內(nèi)容較少、短句較多的內(nèi)容。較長的內(nèi)容一般適合采用左對齊。


還有一個和左對齊很類似的對齊方式:兩端對齊,相比于左對齊,兩段對齊的文字邊緣更整齊,視覺效果更好,所以,在新媒體排版中一般用兩端對齊代替左對齊:



對于設計新人來說,最好嚴格遵循一種對齊方式,不然就會導致混亂,實在不行,至少保證在同一內(nèi)容版塊中遵循一種對齊方式。比如,下面左圖中就是比較常見的情形,在同一內(nèi)容版塊中出現(xiàn)了 2 種對齊方式,使得界面看起來略顯混亂,重點也不突出(后面的對比原則會講到)。



稍作調(diào)整,把版塊內(nèi)的內(nèi)容都調(diào)整為居中對齊(因為字數(shù)較少),并利用對比原則,修改重點部分的字體顏色,粗細,整個界面看起來就整齊了許多(如右上圖所示)。


重復


重復是保持整齊的重要準則。既包括字體、字號的重復,也包括顏色、風格的重復。對于新人來說,要時刻牢記,盡量統(tǒng)一字體、字號、顏色等等一系列元素,在統(tǒng)一的基礎上,找出需要強調(diào)的部分,進行更改,通過對比原則進行強化。


重復的字體、重復的字號(一般 14~16 號):



重復的顏色、重復的風格:



對比


親密性、對齊和重復,在保證版面干凈、整齊的同時,也會帶來枯燥、乏味。所以,我們需要最后一個效果——對比。


對比的基本作用是突出重點,增加可讀性。


比如把需要強調(diào)的部分加粗、調(diào)大、改顏色、增加背景色、加刪除線、下劃線、傾斜、加。一。些。符。號、或是做一些藝術(shù)化處理,等等方式,都可以使需要強調(diào)的部分迅速從大量內(nèi)容中跳脫出來。


對比的附加作用是有效增強視覺效果,打破平淡,吸引讀者注意。


比如,無印良品的海報看著很簡單,實際上他們的設計師很擅長利用對比,使得簡單的畫面充滿設計感,下圖就很好地利用了文字橫向和縱向分布的對比,打破了平淡:



在公眾號排版中也可以應用類似的方法:



需要注意的是,要么不使用對比,要對比就一定要明顯,否則,兩個元素過于相近,就會導致混亂,因為讀者會誤會,不知道你是故意的,還是不小心搞錯了。


比如,使用「16 號字」和「15 號字」進行對比,差異就很不明顯,而使用「24號字」和「15 號字」進行對比,差異就明顯得多,一眼就能看到加大的字體。


新人做設計的第一定律:做加法!開始時使用的元素越少越好,因為每增加一種元素,設計的復雜性都是指數(shù)級上升的(不要想當然地以為自己是設計大師)。


把所有內(nèi)容的字體、字號、顏色、風格統(tǒng)一(重復原則);

選定一個統(tǒng)一的對齊方式(對齊原則);

按內(nèi)容邏輯對內(nèi)容進行分區(qū)(親密性原則);

對需要強調(diào)的部分進行對比處理(對比原則)。

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設計
熱門工具
135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務費
熱門素材樣式
運營導航
運營工具
分享到