2019-3-29 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
看了很多版式技巧仍排不好版？懂得很多套路仍做不好設(shè)計(jì)？其實(shí)也正常，因?yàn)榇蟛糠旨记啥急容^籠統(tǒng)，每個(gè)人用起來(lái)也會(huì)有不同的效果，所以蔥爺特地總結(jié)了7個(gè)比較具體的小技巧，算是屬于一學(xué)就會(huì)且很容易出效果的排版小妙招，希望能幫你解決一些比較具體的問(wèn)題。
該技巧操作起來(lái)很簡(jiǎn)單，就是在標(biāo)題或內(nèi)文下面，增加相關(guān)的英文單詞或阿拉伯?dāng)?shù)字就可以了。不過(guò)在處理下面的文字時(shí)要注意：
之所以這么處理是為了增加版面的層次、對(duì)比，以及豐富元素。
這是增強(qiáng)標(biāo)題設(shè)計(jì)感的另一種處理方式，單純的文字標(biāo)題難免顯得單調(diào)，我們可以通過(guò)增加輔助元素使它變得更豐富一點(diǎn)，比如在文字的基礎(chǔ)上加小色塊。
色塊的高度最好大于筆畫(huà)厚度，小于文字的高度，加上去的方式可以是疊加于文字之上，或是置于文字底部，創(chuàng)造出文字的一部分在色塊內(nèi)一部分在色塊外的對(duì)比效果。還有，色塊的顏色最好來(lái)源于版面中的其他元素。
在做設(shè)計(jì)的時(shí)候常常會(huì)遇到這兩種情況，一是版面中會(huì)多出一些影響版面平衡的空白，但已經(jīng)沒(méi)有合適的內(nèi)容可以填充了，如果硬塞一些裝飾文字或者圖案，很可能會(huì)弄巧成拙；二是有的區(qū)域小元素小信息比較多、比較散。怎么辦呢？
這兩種情況都可以通過(guò)該方法解決。把斜線或點(diǎn)重復(fù)排列成一個(gè)矩形，然后把它填充在空白處就可以平衡版面，且不會(huì)造成突兀的感覺(jué)，如下圖案例：
要點(diǎn)：線條不宜太粗，點(diǎn)也不宜太大，而且此方法只適合填補(bǔ)小空白，不適合填補(bǔ)大面積的空白。
在比較散的元素下方排一組斜線，可以把各個(gè)分散的元素聯(lián)系起來(lái)，使其成為一個(gè)整體。如下圖：
背景能很大程度地影響版面的設(shè)計(jì)感，這一點(diǎn)應(yīng)該都有體會(huì)，常規(guī)的處理方式是把背景作為一整個(gè)色塊，而如果把背景分割成兩個(gè)幾何色塊時(shí)，設(shè)計(jì)感立馬就會(huì)增加不少。
分割的方式好比用一把刀在背景的黃金分割處，劃一條傾斜的直線貫穿版面，使整個(gè)背景一分為二，而這兩個(gè)色塊的顏色對(duì)比要比較強(qiáng)烈。另外，在橫版中用左右分割，豎版中用上下分割效果會(huì)比較好。
增加對(duì)比關(guān)系是加強(qiáng)設(shè)計(jì)感的最有效技巧，我們也可以用此方式來(lái)優(yōu)化圖片。如果版面中的配圖是沒(méi)有背景的產(chǎn)品或人物，那么在這些圖片上加一個(gè)圓形的色塊，創(chuàng)造出虛與實(shí)的對(duì)比，通常也能得到不錯(cuò)的效果。
要點(diǎn)：
該手法在畫(huà)冊(cè)和海報(bào)設(shè)計(jì)中比較多見(jiàn)，與直接在一段文字下方加一個(gè)大色塊不同，而是要根據(jù)每行文字不同長(zhǎng)度，單獨(dú)加一個(gè)相應(yīng)長(zhǎng)短的色塊，所以這些文字每一行的長(zhǎng)短最好是不一樣的。
這種處理方式可以使整段文字看起來(lái)更整體，增加文字視覺(jué)沖擊力，而且還能使文字與背景區(qū)隔開(kāi)，加強(qiáng)文字的識(shí)別性。
要點(diǎn)：
如果你看過(guò)的食品包裝夠多，你應(yīng)該能發(fā)現(xiàn)，很多包裝上的產(chǎn)品名稱、廣告語(yǔ)或者賣點(diǎn)等信息，都會(huì)擺放在一條飄帶上。這么處理的效果通常不錯(cuò)，因?yàn)轱h帶具有禮品、贈(zèng)送的寓意，用在哪里都不會(huì)太唐突，而且飄帶的形式簡(jiǎn)單、有細(xì)節(jié)、變化豐富，很適合用作裝飾元素。
還有一點(diǎn)也很重要，飄帶的形式一般都是柔軟的曲線，這與版面中其他直線元素可以形成鮮明的對(duì)比，加強(qiáng)版面的靈活性。
以上的七個(gè)小妙招是不是既簡(jiǎn)單又實(shí)用，你們?cè)谧鲈O(shè)計(jì)的時(shí)候記得拿出來(lái)試試。不過(guò)這些也確實(shí)只是小技巧而已，只能優(yōu)化局部，不要指望用上這幾招就能做出很好的設(shè)計(jì)，而且它們也不一定適合所有情形，在實(shí)際操作中一定要具體問(wèn)題具體分析，靈活運(yùn)用。
藍(lán)藍(lán)設(shè)計(jì)( cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://cqzjtgb.com