無(wú)對比不排版
所有的平面設計都離不開(kāi)版式，包括網(wǎng)頁(yè)設計、交互設計和UI設計。但是排版是一門(mén)很深也很難掌握的學(xué)問(wèn)，有簡(jiǎn)簡(jiǎn)單單對齊就很好看的，也有看似亂七八糟但不明覺(jué)厲的。于是很多設計師就會(huì )有點(diǎn)迷糊，排版到底要怎樣才算好看？是不是純粹靠感覺(jué)??？ 其實(shí)版式設計也是有套路滴，我發(fā)現好看的版式設計都離不開(kāi)這兩個(gè)字——對比，下面是我總結的，在版式設計中經(jīng)常用到的九大對比手法： 1.字體大?。ù旨殻Ρ?/span>
大小對比在文字排版中是最常見(jiàn)的，在需要羅列的信息里一般會(huì )有標題、小標題、內文之分，也會(huì )有重點(diǎn)信息和非重點(diǎn)信息，把重要的信息放大，次要信息則縮小處理，就形成了大小對比，這樣做的好處是可以減少次要信息對重要信息的干擾，使之更容易被接收。大小對比還能使版面的層次更豐富，讓受眾有細節可看，當然，最終的還是得以那幾種對齊的方式來(lái)排列，呵呵！
如果把上圖的小字部分去掉，你會(huì )發(fā)現，前后效果相差很多。
2.長(cháng)短對比
長(cháng)短對比分為行與行之間的長(cháng)短對比和列與列之間的長(cháng)短對比。
在文字排版中，每一行文字長(cháng)短不一，要比每一行都等長(cháng)好看（段落文章除外），而且文字段落的側面最好是呈波浪形，如上圖，這一點(diǎn)我在文章《兩個(gè)字道出設計天機》中有細講。所以我們在排版時(shí)可以通過(guò)斷句來(lái)刻意形成長(cháng)短對比，使排版看上去更美觀(guān)（最好別把詞語(yǔ)或單詞斷開(kāi)）。
如果把上圖中的文字改成每行一樣長(cháng)的話(huà)就會(huì )得到如下效果：
算不上太丑，但略顯呆板。
列與列之間的長(cháng)短對比是指在畫(huà)冊、雜志、報紙的排版中，由于文字信息比較多，我們經(jīng)常會(huì )把文字分為幾列，這時(shí)候利用好各列段落文字的長(cháng)短關(guān)系，也能創(chuàng )造很好的效果，如左下圖。
如果像右上圖的把各段落排得一樣長(cháng)，整個(gè)版面就又顯得呆板了。
3.稀疏對比
在實(shí)際排版中，我們需要處理的文字常常是有功能、信息、地位之分的，這時(shí)候最常見(jiàn)的處理手法就是把同一類(lèi)型的信息擺在一起，而不是同類(lèi)的信息則會(huì )區隔開(kāi)來(lái)，然后對它們分別進(jìn)行不同的字體、字號和顏色處理等，這樣做的好處是信息清晰、看起來(lái)比較透氣，設計師可以利用這種手法制造視覺(jué)流程，引導受眾閱讀信息。
如果把上面例子中的稀疏對比去掉，就會(huì )顯得有點(diǎn)壓抑。
再比如下面這張名片的設計，有無(wú)稀疏對比差別也挺明顯。
4.方向對比
即把版面中的一部分文字信息朝某個(gè)方向排版，而另一部分文字則朝其他方向排版，這種手法可以有效增加版面的動(dòng)感或者空間感，海報設計中比較多見(jiàn)，因為很多海報的信息比較多，對排版的限制又比較少，所以設計可以玩的很靈活。下圖海報為向右上傾斜和向左上傾斜的對比。
日本是版式設計的高高手，下圖海報運用了水平與垂直對比。
5.字體對比
大家應該都聽(tīng)過(guò)這種說(shuō)法：“一個(gè)畫(huà)面里的字體最好不要超過(guò)3種?！币驗檫^(guò)多的字體會(huì )造成版面很凌亂，不過(guò)如果一個(gè)版面里的信息比較多，而又只有一種字體的話(huà)，也會(huì )顯得有點(diǎn)單調，用兩種或三種字體進(jìn)行排版可以制造對比，既能把不同信息區別開(kāi)來(lái)，也能豐富版面，使設計看起來(lái)更具吸引力。
但也并不是字體不同就能形成對比，而是需要這幾種字體的風(fēng)格能形成比較大多反差，例如書(shū)法字體與宋體，手寫(xiě)字體與黑體等等。上圖的版式中，是在眾多的羅馬體當中夾雜了一個(gè)手寫(xiě)體，正正規規的羅馬體與隨性的手寫(xiě)體組合在一起，就產(chǎn)生來(lái)化學(xué)反應，整個(gè)版面一下子活了起來(lái)。
而如果把上圖的手寫(xiě)體也改成羅馬體，整個(gè)版面就很普通了。
下圖的這款包裝中，中文產(chǎn)品名為手寫(xiě)字體，而英文產(chǎn)品名則是羅馬體。
如果把中文產(chǎn)品名改成宋體，出來(lái)的效果也會(huì )大打折扣，雖然這里還保留了大小對比。
6.字體顏色對比
說(shuō)到顏色對比，大家很快就會(huì )想到圖片中的顏色對比，其實(shí)文字排版里面也會(huì )經(jīng)常用到，運用色彩對比的文字排版可以起到突出重點(diǎn)、區分信息、裝飾畫(huà)面的作用，同時(shí)不同的顏色可以傳遞不同的情感，合理的運用色彩對比，可以讓設計更符合所它所表達的內容的屬性，在標題設計中會(huì )比較常用到此手法。
缺少顏色對比的排版會(huì )顯得有些單調、平淡，如下圖。
下面的畫(huà)冊設計中，除了左邊的第三行文字用了紅色，其他的文字都是灰色，視覺(jué)上形成了差異化，當然這個(gè)紅色就是來(lái)源于圖中紙船里的紅色。
如果把這僅有的紅色也改成灰色的話(huà)，似乎少了一個(gè)點(diǎn)睛之筆啊。
7.圖文對比
我們也可以把它看作是線(xiàn)與面的對比。
文字與圖片是平面設計的兩大最主要元素，所以掌握圖文對比手法也是必不可少的。圖片與文字的組合方式有很多種，如：并列排版、文字繞排、圖疊文、文疊圖等等，圖片出現的形式主要分規則的幾何形和不規則的異形兩種，這些我們都可以根據實(shí)際需要進(jìn)行選擇。
純文字的版面雖然也可以排得很好看，但是會(huì )缺少有圖片時(shí)的視覺(jué)沖擊、感染力和美感，如果把上圖的圖片去掉全填滿(mǎn)文字，該版面的張力與美感瞬間就沒(méi)有了。
再比如下面的ui設計，如果把圖片去掉，版面就會(huì )顯得單調很多。
所以，在條件允許的情況下，盡量在設計中加入圖片元素。
8.立體字與扁平字對比
這種對比效果在廣告設計中比較常見(jiàn)，例如把標題設計成3D的立體效果，副標或者內文用扁平效果，或者某個(gè)畫(huà)面的主視覺(jué)就是立體，標題則直接用扁平字等等，出來(lái)的效果也很不錯，空間感和視覺(jué)沖擊力很強。右上圖就是把做上圖的立體字效果去掉了，結果視覺(jué)中心顯得很單薄。
9.局部與整體對比
局部與整體的對比在平面構成中又稱(chēng)特異，即版面中的大部分元素是一個(gè)效果，而只有局部的某個(gè)元素是完全不同的另一種效果，局部與整體的對比感很強，能形成強大的fan差，所以容易造成眼前一亮的效果，另類(lèi)處理的局部部分也會(huì )隨之成為視覺(jué)重點(diǎn)。
下圖的畫(huà)冊設計也用了此對比手法。
當然在排版中只用一種對比手法難以達到理想的效果，所以我們所看到的很多版式設計都至少采用了三種以上的對比效果。如下面的這幾個(gè)例子：
上圖綜合了文字大小對比、行之間的長(cháng)短對比、圖文對比、整體與局部對比、稀疏對比。
上圖綜合了字體對比、大小對比、顏色對比、列之間的長(cháng)短對比、整體與局部對比。
上圖綜合了字體大小、行之間的長(cháng)短、字體顏色對比。
上面的畫(huà)冊排版中綜合了字體大小對比、行之間的長(cháng)短對比、字體對比、整體與局部對比。
結 論
有平面設計的地方就有排版，有排版的地方就有對比，運用好對比，你的排版功力就又進(jìn)了一步。
聯(lián)系客服
