免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
排版的關鍵在于處理好對比與統(tǒng)一的關系
?

閱前叨逼叨:你覺得好的排版應該是怎樣的?



版式設計是一門很復雜的學問,通過文字、圖片、圖形、色彩這幾大元素可以創(chuàng)造出無數(shù)種可能,加上美是沒有標準的,所以很難找到可以保證把版式做得好看、做得優(yōu)秀的規(guī)律。但如果你問我版式設計的關鍵是什么?我會告訴你是:處理好對比和統(tǒng)一的關系我覺得這是做好版式設計的大前提,當然,這也不是一件容易的事情,所以,蔥爺今天想來淺談一下這兩個關鍵詞。

首先我們來簡單了解一下對比與統(tǒng)一包含的主要內容。

版式中的對比關系主要包含:

大小對比、字體對比、粗細對比、顏色對比、長短(高矮對比)、稀疏對比、多與少對比、方向對比、圖文對比、空間對比、維度對比、點線面對比、輪廓(形狀)對比等等。

版式中的統(tǒng)一關系主要包含:

統(tǒng)一字體、統(tǒng)一對齊關系、統(tǒng)一顏色、統(tǒng)一字號、統(tǒng)一修飾技巧、統(tǒng)一圖形元素的風格,統(tǒng)一間距等等。

接下來,我們來看幾個案例:

上圖是一本設計書的內頁排版,版面干凈整潔、文字的可讀性比較高,但視覺上有點過于呆板,原因就是太強調統(tǒng)一的關系了,而對比關系則太很少,且對比不夠強烈。

拉上輔助線我們就可以看出,該版面使用了對稱雙欄網(wǎng)格,所有的信息都嚴格遵循著網(wǎng)格來排版,主要的文字信息全部排在右欄,并且全部左對齊;而圖片則全部排在左欄,同時也保持著寬度的統(tǒng)一;為了使整個版面更整體,還用了上下兩條直線把正文和圖片與其他信息隔開,所以這個版面的視覺流程非常清晰、簡單。

但處理得又太過簡單了,一是與設計書籍的調性差了一點點;另外,由于文字的層級關系比較少,缺乏節(jié)奏感,所以顯得很無趣,視覺上不夠有吸引力。這是因為版面中的對比關系很少,僅有的幾處對比所用的手法也很單調,只是字號大小對比和顏色對比等。

上圖是另一個方案,與第一個方案完全相反,這個方案的排版則顯得特別混亂,對比關系非常多,也很強烈,但似乎毫無邏輯,版面中的元素各自為陣,缺乏關聯(lián),甚至很難從視覺上搞清楚正確的閱讀順序是怎樣的。

原因就是統(tǒng)一的關系沒有處理好,比如標題的排版太分散了,三行文字的間距、圖文框的大小、文字和圖文框的位置都是很隨意的,標題下方的引文使用宋體字與版面的調性不搭,紅色的小字閱讀起來也會比較困難。

正文和圖片的排版也很亂,首先,讀完標題和引文以后,讀者可能就不知道該先讀左邊的文字還是右邊的文字,因為引文在左邊,下面又有圖片承接,所以讀者很容易順著圖片先讀左邊的文字,而實際上是右邊的文字在前面。

還有一些排版的小技巧也使整個版面變得更加混亂,比如在“圖一”的右上角加上圓弧形的英文,“圖二”與正文錯位,并疊加了一層線條圖樣等等。

我們再來看看方案三,相比前兩個是不是要好很多,首先大的調性是符合設計類書籍的,設計感比較強,既不混亂也不呆板,層級關系很鮮明、視覺流程也很簡單,版面也有一定的節(jié)奏感,閱讀起來會很輕松。

拉上輔助線后我們可以看出,該版面用了非對稱雙欄網(wǎng)格,左窄右寬,所以視覺上不會太平均;標題采用了錯位排版并加了下劃線,與正文的區(qū)別足夠大,但與正文保持著某些對齊關系。引文用圖文框進行突出,使其與正文區(qū)別開來,多了一個層級關系和閱讀的停頓時間,圖文框正好在網(wǎng)格內,所以不會顯得很亂。

兩張圖片也有主次的區(qū)分,“圖一”拉大做了出血處理,打破了網(wǎng)格的束縛,增加了版面的張力;圖二縮小與正文做了圖文繞排效果,加強了圖文之間的關聯(lián)。

通過上面幾個案例我們可以看出:如果一個版面中只有統(tǒng)一沒有對比,那么整個版面將毫無生氣和美感;而如果只有對比沒有統(tǒng)一,那么畫面就會很混亂,信息傳達的效率也會大大降低。

無論是對比還是統(tǒng)一,或是一些排版的小技巧,都不能為了使用而實用,也不是為了炫技或者省事,它們應該有共同的目的,即都是為了信息層級更清晰、主次更明顯、更易閱讀理解,以及讓版面盡量美觀,能夠讓目標受眾更有興趣閱讀版面中的內容,另外也是為了在視覺調性上與內容更相符。

那么,具體要如何處理統(tǒng)一與對比的關系呢?蔥爺概括了8個知識點,下面配合一些案例來進行簡單說明:

? 不同層級的信息在視覺上可以有比較大的差異,對比強一點視覺層級更豐富,比如裝飾元素和正文、標題與正文、標題與副標題的對比要比較大;

▲ 在上圖的雜志封面設計中,標題使用了手寫體錯位排版,字號特別大,副標題則用了色塊進行突出,標題與版面中的其他信息在視覺上有著很大的區(qū)別。

? 版面中必須有焦點,可以通過版面占比大小、色彩、留白空間、方向指引、輪廓等方式來突出一個焦點。

▲很明顯上圖的焦點是中間的食物圖片,因為其在版面中所占比例最大,造型也是獨特的,且位于版面正中央。

? 正文內容統(tǒng)一一種排版方式,不要做過多變化,以保證閱讀的順暢和簡單性,比如用網(wǎng)格排版。

▲上圖海報的正文全部采用左對齊橫排。

? 不要把所有的元素都完全遵循網(wǎng)格來排版,標題、圖片、裝飾文字等可以適當打破網(wǎng)格,以使版面變得更靈活、更美觀。

? 版式的調性要與內容的調性吻合,比如調性嚴肅、溫情類的版式,大的基調是統(tǒng)一,局部有一點對比就可以了;如果調性是要求活潑、個性、藝術的版式,那么對比是大的基調,統(tǒng)一是小范圍的。

▲ 比如在上圖的手表網(wǎng)頁設計中,為了強調高端的調性,版面中字體的顏色都是白色,字體都是無襯線字體,都是做對齊排版,對比關系主要依靠欄寬、字號、留白的差異,以及圖片與文字在形式上的差異。

? 標題設計的調性會很大程度上影響版面的調性,所以標題的調性一定要對,要重點設計。

▲ 比如上圖海報的標題用了一個手寫字體,進一步加強了該海報文藝、青春的調性。

? 細節(jié)會影響設計的精致度、專業(yè)性,以及讀者的閱讀體驗,版面中的任何一個元素都不應該是孤立存在的,它必須與其他元素有著某種關聯(lián),比如對齊的關系、行距的關系、色彩的關系、造型的關系等等。

▲ 比如上圖的元素很多,排版錯綜復雜,但視覺上看起來還是挺舒適的,因為整個版面主次分明,并且各元素之間其實有著密切關聯(lián),比如文字的顏色來源核心圖片的近似色;圓形的圖片輪廓以及八邊形裝飾圖形也是來源于圖片中的產品造型;另外,排版也符合網(wǎng)格系統(tǒng)。

? 使用正確的位置、間距、顏色、大小關系,讓版面視覺流程與正確的閱讀順序統(tǒng)一起來。

▲ 比如在上圖海報中,圖片占據(jù)了70%的空間,是絕對的視覺中心,而主要的文案全部填充成黃色排在圖片的頂部,所以這些文字會被讀者最先注意到,而后才會把注意力轉移到圖片下方的文字和元素上, 視覺流程是”圖片-見刀工-右上角的正文-左上角的英文-圖片左下方的文案-圖片右下方的產品和文案-版面最下方的logo,而該版面正確的閱讀順序也是如此。

設計是沒有標準答案的,以上的觀點只是蔥爺自己總結的一些經(jīng)驗之談,我相信肯定會有很多的優(yōu)秀作品并沒有遵循文中這些邏輯和技巧,但對比與統(tǒng)一的關系確實是版式設計中非常關鍵的部分,也是很難平衡的一對關系,所以,蔥爺只是提供了一些可供參考的角度而已,希望能對你有所幫助。

本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
這篇文字版式秘笈,助你的PPT顏值一路飆升~
古籍中的信息層級關系與版面機理
版式設計四大原則
YES SHARE | 申請DDL前,作品集怎樣排版更得教授青睞?
淺談網(wǎng)格排版
只要把A1排版的規(guī)律掌握了,圖畫的差點也沒事
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服