排版教程,講解排版中的對(duì)比與對(duì)齊

來(lái)源:站酷 作者:大貓Addict 學(xué)習(xí):11427人次

本篇排版教程主要講解了排版中的對(duì)比和對(duì)齊,希望本篇教程能幫助到大家提高排版的技巧。

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn
m.theoat.com.cn

01. 對(duì)比原則

在版式設(shè)計(jì)中對(duì)比其實(shí)就是差異化。若兩個(gè)元素有所不同,那就讓他們截然不同,不要拖泥帶水。

比如我用兩個(gè)圓表達(dá)大小對(duì)比,那么下圖則是拖泥帶水的反面教材。

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

因?yàn)榇藞D中的大小對(duì)比并不明顯,看不出要強(qiáng)調(diào)哪個(gè)圓形,主次不明,對(duì)比含糊不清。

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

對(duì)比上圖,此圖大小對(duì)比明顯,更能夠有效的傳遞出重要信息,所以要用對(duì)比的話,就讓元素差異化強(qiáng)烈一些。

對(duì)比的分類

對(duì)比的分類有很多種,比如:

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

除了這些還有字體類型的對(duì)比、距離對(duì)比、虛實(shí)對(duì)比、遠(yuǎn)近對(duì)比等,可以說(shuō)存在差異的地方就存在對(duì)比。而在版式設(shè)計(jì)上,我們要將這種對(duì)比最大化,以達(dá)到吸引眼球、方便閱讀的效果。

對(duì)比的作用

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

對(duì)比能簡(jiǎn)化畫面,使版面主題更明確,更直觀。

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

運(yùn)用對(duì)比能使視覺沖擊力更大,更抓人眼球。

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

對(duì)比使版面層級(jí)清晰,能夠突出重點(diǎn),從而更有效的傳達(dá)信息。


對(duì)比的應(yīng)用

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

通常一個(gè)作品中不會(huì)只用一種對(duì)比,而是多種對(duì)比方式組合使用的。比如上面左圖用強(qiáng)烈的大小對(duì)比出標(biāo)題與正文的層級(jí),同時(shí)加入光影對(duì)比為主體打造立體感,更抓人眼球。右圖使用方向?qū)Ρ扰c位置對(duì)比使版面更活躍,更有視覺張力。

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

排版教程,講解排版中的對(duì)比與對(duì)齊_m.theoat.com.cn

幾乎所有的作品都會(huì)用到對(duì)比原則,在設(shè)計(jì)中我們也要善用對(duì)比原則。

2. 對(duì)齊原則

對(duì)齊原則是讓版面中的元素有一種視覺上的聯(lián)系,以此來(lái)打造一種秩序感。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
ZZJ10102019-09-06 02:48
我的作業(yè):
徽杭古道2019-03-26 08:58
加油

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!