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

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

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

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

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

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



對齊的分類

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

左對齊:版面中的元素以左為基準對齊。左對齊是最常見的對齊方式,簡潔大方,利于閱讀。

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

右對齊:版面中的元素以右為基準對齊。相對于左對齊來說不太常見,給人一種人為干預(yù)的感覺,閱讀比率慢一些。

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

居中對齊:版面中的元素以中線為基準對齊。居中對齊給人一種嚴肅與正式感。

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

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

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

頂對齊:與左對齊相似,版面中的元素以頂部為基準對齊。

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

底對齊:版面中的元素以底部為基準對齊。

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

軸線對齊:軸線對齊是以版面中心線為對齊基準,而不是元素的中線。

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

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

軸線對齊能給人正式感,同時各個部分又富有變化,比較靈活。


對齊的作用

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

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



案例1

排版教程,講解排版中的對比與對齊_m.tgudhdp.cn

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

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

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

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

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