當前位置:
首頁 > 設計 > 平面版式設計中常用到的對比手法

平面版式設計中常用到的對比手法

所有的平面設計都離不開版式,包括網頁設計、交互設計和UI設計。但是很多設計師會迷糊,排版到底要怎樣才算好看?是不是純粹靠感覺啊?


其實版式設計也是有套路滴,我發現好看的版式設計都離不開這兩個字——對比,下面總結了,在版式設計中經常用到的九大對比手法:


1、字體大小(粗細)對比


大小對比在文字排版中是最常見的,在需要羅列的信息里一般會有標題、小標題、內文之分,也會有重點信息和非重點信息,把重要的信息放大,次要信息則縮小處理,就形成了大小對比,這樣做的好處是可以減少次要信息對重要信息的干擾,使之更容易被接收。大小對比還能使版面的層次更豐富,讓受眾有細節可看!


如果把上圖的小字部分去掉,你會發現,前後效果相差很多。

2、長短對比


長短對比分為行與行之間的長短對比和列與列之間的長短對比。


如果把上圖中的文字改成每行一樣長的話就會得到如下效果:

平面版式設計中常用到的對比手法



算不上太丑,但略顯呆板。


列與列之間的長短對比是指在畫冊、雜誌、報紙的排版中,由於文字信息比較多,我們經常會把文字分為幾列,這時候利用好各列段落文字的長短關係,也能創造很好的效果,如左下圖。


如果像右上圖的把各段落排得一樣長,整個版面就又顯得呆板了。


3、稀疏對比


在實際排版中,我們需要處理的文字常常是有功能、信息、地位之分的,這時候最常見的處理手法就是把同一類型的信息擺在一起,而不是同類的信息則會區隔開來,然後對它們分別進行不同的字體、字型大小和顏色處理等,這樣做的好處是信息清晰、看起來比較透氣,設計師可以利用這種手法製造視覺流程,引導受眾閱讀信息。

如果把上面例子中的稀疏對比去掉,就會顯得有點壓抑。


再比如下面這張名片的設計,有無稀疏對比差別也挺明顯。


4、方向對比


把版面中的一部分文字信息朝某個方向排版,而另一部分文字則朝其他方向排版,這種手法可以有效增加版面的動感或者空間感,海報設計中比較多見,因為很多海報的信息比較多,對排版的限制又比較少,所以設計可以玩的很靈活。下圖海報為向右上傾斜和向左上傾斜的對比。


日本是版式設計的高手,下圖海報運用了水平與垂直對比。


5、字體對比

平面版式設計中常用到的對比手法



大家應該都聽過這種說法:「一個畫面里的字體最好不要超過3種。」因為過多的字體會造成版面很凌亂,不過如果一個版面里的信息比較多,而又只有一種字體的話,也會顯得有點單調,用兩種或三種字體進行排版可以製造對比,既能把不同信息區別開來,也能豐富版面,使設計看起來更具吸引力。


而如果把上圖的手寫體也改成羅馬體,整個版面就很普通了。

6、字體顏色對比


說到顏色對比,大家很快就會想到圖片中的顏色對比,其實文字排版裡面也會經常用到,運用色彩對比的文字排版可以起到突出重點、區分信息、裝飾畫面的作用,同時不同的顏色可以傳遞不同的情感,合理的運用色彩對比,可以讓設計更符合所它所表達的內容的屬性,在標題設計中會比較常用到此手法。


7、圖文對比


我們也可以把它看作是線與面的對比。


文字與圖片是平面設計的兩大最主要元素,所以掌握圖文對比手法也是必不可少的。圖片與文字的組合方式有很多種,如:並列排版、文字繞排、圖疊文、文疊圖等等,圖片出現的形式主要分規則的幾何形和不規則的異形兩種,這些我們都可以根據實際需要進行選擇。


純文字的版面雖然也可以排得很好看,但是會缺少有圖片時的視覺衝擊、感染力和美感,如果把上圖的圖片去掉全填滿文字,該版面的張力與美感瞬間就沒有了。


所以,在條件允許的情況下,盡量在設計中加入圖片元素。


8、立體字與扁平字對比


這種對比效果在廣告設計中比較常見,例如把標題設計成3D的立體效果,副標或者內文用扁平效果,或者某個畫面的主視覺就是立體,標題則直接用扁平字等等,出來的效果也很不錯,空間感和視覺衝擊力很強。右上圖就是把做上圖的立體字效果去掉了,結果視覺中心顯得很單薄。


9、局部與整體對比

局部與整體的對比在平面構成中又稱特異,即版面中的大部分元素是一個效果,而只有局部的某個元素是完全不同的另一種效果,局部與整體的對比感很強,能形成強大的fan差,所以容易造成眼前一亮的效果,另類處理的局部部分也會隨之成為視覺重點。


上圖綜合了字體對比、大小對比、顏色對比、列之間的長短對比、整體與局部對比。


上圖綜合了字體大小、行之間的長短、字體顏色對比。


上面的畫冊排版中綜合了字體大小對比、行之間的長短對比、字體對比、整體與局部對比。


結 論


平面設計的地方就有排版,有排版的地方就有對比,運用好對比,你的排版功力就又進了一步。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 PS平面設計教程 的精彩文章:

PS合成落水的杯子詳細案例
PS如何製作萬花筒gif動畫效果
PS化妝品海報製作教程,隨設計師一起來學習!

TAG:PS平面設計教程 |

您可能感興趣

平面設計常用製作尺寸
形式美!在版式設計中的運用
版式設計在包裝中的應用!
平面設計中字體設計8種常用創意方法
中文字體中的常用設計手法
平面設計的藝術形式!
留白!在版式設計中的作用與處理方法
中式居住|最美的中式設計
平面設計慣用手法你知道幾個呢?
這些平面設計展品的排列方式,並不比它的設計本身遜色
平面設計中的「兩極」!
《中式居住》最美的中式設計
版式非常漂亮的包裝設計
字體設計的形式美感!在設計中的應用
色彩的對比與和諧!在設計中的運用
平面設計的藝術表現形式!
平面設計中是如何構圖?
竹,在設計中的應用
漢字之道!在設計中的運用形式與方法