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

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

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

此版面中沒(méi)有運(yùn)用對(duì)齊原則,各元素間沒(méi)有聯(lián)系,凌亂而沒(méi)有秩序感。

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

使用了對(duì)齊原則之后,整個(gè)版面規(guī)整又美觀,建立了一種秩序感而更利于閱讀。



對(duì)齊的分類(lèi)

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

左對(duì)齊:版面中的元素以左為基準(zhǔn)對(duì)齊。左對(duì)齊是最常見(jiàn)的對(duì)齊方式,簡(jiǎn)潔大方,利于閱讀。

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

右對(duì)齊:版面中的元素以右為基準(zhǔn)對(duì)齊。相對(duì)于左對(duì)齊來(lái)說(shuō)不太常見(jiàn),給人一種人為干預(yù)的感覺(jué),閱讀比率慢一些。

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

居中對(duì)齊:版面中的元素以中線為基準(zhǔn)對(duì)齊。居中對(duì)齊給人一種嚴(yán)肅與正式感。

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

兩端對(duì)齊:版面中的元素拉伸或縮放與同一元素兩端對(duì)齊。兩端對(duì)齊通常用于大段落文字編排中,利于閱讀。

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

頂對(duì)齊:與左對(duì)齊相似,版面中的元素以頂部為基準(zhǔn)對(duì)齊。

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

底對(duì)齊:版面中的元素以底部為基準(zhǔn)對(duì)齊。

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

軸線對(duì)齊:軸線對(duì)齊是以版面中心線為對(duì)齊基準(zhǔn),而不是元素的中線。

除了上圖的案例為軸線對(duì)齊外,下圖的這幾種也都是軸線對(duì)齊的形式。

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

軸線對(duì)齊能給人正式感,同時(shí)各個(gè)部分又富有變化,比較靈活。


對(duì)齊的作用

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

對(duì)齊的作用總結(jié)下來(lái)其實(shí)只有一點(diǎn),就是能夠使版面統(tǒng)一簡(jiǎn)潔更有條理,能夠引導(dǎo)視覺(jué)流向。



案例1

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

這是一個(gè)同學(xué)的名片作品,給人感覺(jué)凌亂、沒(méi)有秩序,信息傳達(dá)也不清晰。那么問(wèn)題出在哪兒呢?

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(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)回答!