在不同的平面設(shè)計(jì)作品中經(jīng)常看使用色塊來設(shè)計(jì)，這是比較常用且好看的設(shè)計(jì)效果，而這種效果在UI, BANNER 和網(wǎng)頁設(shè)計(jì)中特別好使，今天設(shè)計(jì)達(dá)人分享7個(gè)使用色塊的設(shè)計(jì)技巧，設(shè)計(jì)師們可以把這些技巧運(yùn)用到各種的平面設(shè)計(jì)上，本文中用了大量的設(shè)計(jì)作品案例跟大家講解，請(qǐng)大家認(rèn)真學(xué)習(xí)。
色塊的作用：
色塊在排版中的主要作用是：分割內(nèi)容、突出信息、增加視覺沖擊力、裝飾等等。
不過運(yùn)用色塊排版并沒有我們想象的那么簡單，所以我們也會(huì)看到有很多使用了色塊，但效果還是很不好的設(shè)計(jì)作品。
那么，在使用色塊排版的時(shí)候我們需要注意哪些問題呢？使用色塊排版的正確打開方式是怎樣的呢？來看看蔥爺?shù)慕獯穑?/p>
1.色塊要有張弛
張弛其實(shí)就是指要有大小對(duì)比，如果版面中有多個(gè)色塊時(shí)，那最好要有大小的區(qū)分，而不是所有色塊一樣大或差不多大。
上圖三個(gè)色塊把版面均等分成三份，雖然不難看，但感覺缺乏主次和設(shè)計(jì)感。
拉開明顯的大小對(duì)比后，版面變得更有張弛。
2.色塊內(nèi)的元素排版要有細(xì)節(jié)
很多設(shè)計(jì)師以為把信息分類排在色塊里就萬事大吉了，其實(shí)每個(gè)色塊都是一個(gè)小版面，里面各元素的排版也十分講究，比如不要把色塊填得太滿、文字要有大小對(duì)比,還可以用一些小元素進(jìn)行裝飾。
▲由于色塊內(nèi)的文字排版沒有花太多心思，所以這個(gè)版面給人感覺不是很精致。
▲于是我給色塊內(nèi)的手機(jī)參數(shù)做了一些細(xì)節(jié)的處理，使其對(duì)比更強(qiáng)、更有層次。
▲將色塊里的信息優(yōu)化排版后，總體感覺也更精致了。
3.色塊顏色不要太多?
如果一個(gè)版面中的色塊比較多，就要盡量控制顏色的數(shù)量，因?yàn)轭伾欢嗑腿菀谆?，一般情況下把色系數(shù)量控制在四種之內(nèi)為最佳（同一色系的顏色可以有深淺變化。）
▲顏色過多，而且飽和度都很高，所以感覺有點(diǎn)刺眼。
▲把色塊顏色減少到只有白色和黃色后，畫面就變得和諧了很多。
4.色彩搭配要講究
關(guān)于色塊的配色，蔥爺給大家分享幾個(gè)小技巧：
1.盡量不要把所有色塊都填充成高飽和度的對(duì)比色。下面這張圖的配色就屬于這一類型，所以感覺不是很協(xié)調(diào)，看起來不太舒服的亞子。
2.用黑白灰搭配一個(gè)單色。黑白灰的包容性很強(qiáng)，既不會(huì)使畫面太花，又能拉開層次、使彩色塊得到凸顯。
3.類比色搭配。無論是色相相連的類似色，還是色相相同只是在飽和度或明度上不同的顏色，它們搭在一起都會(huì)比較和諧。
4.對(duì)比色搭配。對(duì)比色搭配當(dāng)然也很常見，不過需要注意搭配技巧，前面說了盡量別用全是高飽和度的對(duì)比色，比較穩(wěn)妥的做法是用高飽和的顏色搭配低飽和度的對(duì)比色，或者是明度差別較大的對(duì)比色，如下圖：
5.要適當(dāng)打破色塊
如果把所有元素都放進(jìn)色塊里，整體效果會(huì)比較規(guī)整、統(tǒng)一，但同時(shí)也容易顯得刻板去，所以可以讓某些色塊元素適當(dāng)?shù)貨_出色塊，加強(qiáng)動(dòng)感和靈活性。
▲上圖把色塊進(jìn)行傾斜扭曲形成了一點(diǎn)透視，形式比較新穎，但所有元素都在色塊內(nèi)，整體缺乏沖擊感和張力。
▲把中間的人物拉大沖出色塊后，整體感覺是不是好了很多。
6.各元素之間要有聯(lián)系
首先是各個(gè)色塊里面的元素，應(yīng)該互相之間要有聯(lián)系而不是完全獨(dú)立的，其次是色塊內(nèi)的信息與色塊外的信息也要有聯(lián)系，因?yàn)槊恳粋€(gè)色塊都要為整體的版面效果負(fù)責(zé)，還有色塊與色塊也要有聯(lián)系。
▲在上圖中，雖然色塊內(nèi)的文字排的不錯(cuò)，都有嚴(yán)格的對(duì)齊關(guān)系，但是色塊與色塊之間、不同色塊的信息之間、色塊內(nèi)的信息與色塊外的信息之間，聯(lián)系比較少，所以整體顯得有點(diǎn)亂。
▲而在上圖中，我加強(qiáng)了它們之間的聯(lián)系（主要通過對(duì)齊的方式），整體效果也得到了改善。
7.不要太單調(diào)
統(tǒng)一是設(shè)計(jì)中的一大重要原則，但如果只有統(tǒng)一，那整版面就會(huì)很單調(diào)、沒有生氣，所以在用色塊排版時(shí)也要注意保持變化。
比如不要把所有的內(nèi)容全部放進(jìn)色塊中，比如色塊的方向、大小、輪廓、空間要有變化等等。
上圖的色塊并不是矩形，并且?guī)讉€(gè)大色塊的形狀也是不一樣的。
上圖用背景中的斜色塊打破了主體中矩形色塊的刻板印象。
菱形色塊比矩形更靈活，但是對(duì)排版的文字和圖片有比較大的限制。
用一些異形的色塊，或者是把某些簡單的圖形當(dāng)作色塊可以使版面變得更活潑。
