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