版式設(shè)計(jì)中經(jīng)常用到的九大對(duì)比手法
版式設(shè)計(jì)中經(jīng)常用到的九大對(duì)比手法
無(wú)對(duì)比不排版
所有的平面設(shè)計(jì)都離不開(kāi)版式,包括網(wǎng)頁(yè)設(shè)計(jì)、交互設(shè)計(jì)和UI設(shè)計(jì)。但是排版是一門(mén)很深也很難掌握的學(xué)問(wèn),有簡(jiǎn)簡(jiǎn)單單對(duì)齊就很悅目的,也有看似雜亂無(wú)章但不明覺(jué)厲的。于是許多設(shè)計(jì)師就會(huì)有點(diǎn)迷糊,排版到底要怎樣才算悅目?是不是純粹靠感覺(jué)啊?
其實(shí)版式設(shè)計(jì)也是有套路滴,我發(fā)現(xiàn)悅目的版式設(shè)計(jì)都離不開(kāi)這兩個(gè)字——對(duì)比,下面是我總結(jié)的,在版式設(shè)計(jì)中經(jīng)常用到的九大對(duì)比手法:
1.字體大小(粗細(xì))對(duì)比
大小對(duì)比在筆墨排版中是最常見(jiàn)的,在必要羅列的信息里一樣平常會(huì)有題目、小題目、內(nèi)文之分,也會(huì)有重點(diǎn)信息和非重點(diǎn)信息,把緊張的信息放大,次要信息則縮小處理,就形成了大小對(duì)比,如許做的益處是可以削減次要信息對(duì)緊張信息的干擾,使之更容易被接收。大小對(duì)比還能使版面的條理更雄厚,讓受眾有細(xì)節(jié)可看,當(dāng)然,最終的照舊得以那幾種對(duì)齊的體例來(lái)排列,呵呵!
假如把上圖的小字部分去掉,你會(huì)發(fā)現(xiàn),前后結(jié)果相差許多。
2.長(zhǎng)短對(duì)比
長(zhǎng)短對(duì)比分為行與行之間的長(zhǎng)短對(duì)比和列與列之間的長(zhǎng)短對(duì)比。
在筆墨排版中,每一行筆墨長(zhǎng)短不一,要比每一行都等長(zhǎng)悅目(段落文章除外),而且筆墨段落的側(cè)面最好是呈波浪形,如上圖,這一點(diǎn)我在文章《設(shè)計(jì)的基礎(chǔ)就是把輪廓做悅目》中有細(xì)講。所以我們?cè)谂虐鏁r(shí)可以通過(guò)斷句來(lái)刻意形成長(zhǎng)短對(duì)比,使排版看上去更美觀(最好別把詞語(yǔ)或單詞斷開(kāi))。
假如把上圖中的筆墨改成每行一樣長(zhǎng)的話就會(huì)得到如下結(jié)果:
算不上太丑,但略顯呆板。
列與列之間的長(zhǎng)短對(duì)比是指在畫(huà)冊(cè)、雜志、報(bào)紙的排版中,因?yàn)楣P墨信息比較多,我們經(jīng)常會(huì)把筆墨分為幾列,這時(shí)候行使好各列段落筆墨的長(zhǎng)短關(guān)系,也能創(chuàng)造很好的結(jié)果,如左下圖。
假如像右上圖的把各段落排得一樣長(zhǎng),整個(gè)版面就又顯得呆板了。
本文地址:http://www.likemindfilms.com/tutorial/di23.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏