排版教程,講解排版中的對(duì)比與對(duì)齊(2)
此版面中沒(méi)有運(yùn)用對(duì)齊原則,各元素間沒(méi)有聯(lián)系,凌亂而沒(méi)有秩序感。
使用了對(duì)齊原則之后,整個(gè)版面規(guī)整又美觀,建立了一種秩序感而更利于閱讀。
對(duì)齊的分類(lèi)
左對(duì)齊:版面中的元素以左為基準(zhǔn)對(duì)齊。左對(duì)齊是最常見(jiàn)的對(duì)齊方式,簡(jiǎn)潔大方,利于閱讀。
右對(duì)齊:版面中的元素以右為基準(zhǔn)對(duì)齊。相對(duì)于左對(duì)齊來(lái)說(shuō)不太常見(jiàn),給人一種人為干預(yù)的感覺(jué),閱讀比率慢一些。
居中對(duì)齊:版面中的元素以中線為基準(zhǔn)對(duì)齊。居中對(duì)齊給人一種嚴(yán)肅與正式感。
兩端對(duì)齊:版面中的元素拉伸或縮放與同一元素兩端對(duì)齊。兩端對(duì)齊通常用于大段落文字編排中,利于閱讀。
頂對(duì)齊:與左對(duì)齊相似,版面中的元素以頂部為基準(zhǔn)對(duì)齊。
底對(duì)齊:版面中的元素以底部為基準(zhǔn)對(duì)齊。
軸線對(duì)齊:軸線對(duì)齊是以版面中心線為對(duì)齊基準(zhǔn),而不是元素的中線。
除了上圖的案例為軸線對(duì)齊外,下圖的這幾種也都是軸線對(duì)齊的形式。
軸線對(duì)齊能給人正式感,同時(shí)各個(gè)部分又富有變化,比較靈活。
對(duì)齊的作用
對(duì)齊的作用總結(jié)下來(lái)其實(shí)只有一點(diǎn),就是能夠使版面統(tǒng)一簡(jiǎn)潔更有條理,能夠引導(dǎo)視覺(jué)流向。
案例1
這是一個(gè)同學(xué)的名片作品,給人感覺(jué)凌亂、沒(méi)有秩序,信息傳達(dá)也不清晰。那么問(wèn)題出在哪兒呢?
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- Photoshop初級(jí)教程-命令的技巧