如果你經(jīng)?？丛O(shè)計(jì)作品，你肯定有發(fā)現(xiàn)，很多優(yōu)秀的設(shè)計(jì)作品都會(huì)用到色塊，比如網(wǎng)頁(yè)設(shè)計(jì)、UI設(shè)計(jì)、畫(huà)冊(cè)設(shè)計(jì)、海報(bào)設(shè)計(jì)和折頁(yè)設(shè)計(jì)等。
色塊在排版中的主要作用是：分割內(nèi)容、突出信息、增加視覺(jué)沖擊力、裝飾等等。
不過(guò)運(yùn)用色塊排版并沒(méi)有我們想象的那么簡(jiǎn)單，所以我們也會(huì)看到有很多使用了色塊，但效果還是很不好的設(shè)計(jì)作品。
那么，在使用色塊排版的時(shí)候我們需要注意哪些問(wèn)題呢？使用色塊排版的正確打開(kāi)方式是怎樣的呢？來(lái)看看蔥爺?shù)慕獯穑?br />
◇◆ 1.色塊要有張弛 ◆◇
張弛其實(shí)就是指要有大小對(duì)比，如果版面中有多個(gè)色塊時(shí)，那最好要有大小的區(qū)分，而不是所有色塊一樣大或差不多大。
上圖三個(gè)色塊把版面均等分成三份，雖然不難看，但感覺(jué)缺乏主次和設(shè)計(jì)感。
拉開(kāi)明顯的大小對(duì)比后，版面變得更有張弛。
◇◆ 2.色塊內(nèi)的元素排版要有細(xì)節(jié) ◆◇
很多設(shè)計(jì)師以為把信息分類(lèi)排在色塊里就萬(wàn)事大吉了，其實(shí)每個(gè)色塊都是一個(gè)小版面，里面各元素的排版也十分講究，比如不要把色塊填得太滿(mǎn)、文字要有大小對(duì)比,還可以用一些小元素進(jìn)行裝飾。
▲由于色塊內(nèi)的文字排版沒(méi)有花太多心思，所以這個(gè)版面給人感覺(jué)不是很精致。
▲于是我給色塊內(nèi)的手機(jī)參數(shù)做了一些細(xì)節(jié)的處理，使其對(duì)比更強(qiáng)、更有層次。
▲將色塊里的信息優(yōu)化排版后，總體感覺(jué)也更精致了。
◇◆ 3.色塊顏色不要太多 ◆◇
如果一個(gè)版面中的色塊比較多，就要盡量控制顏色的數(shù)量，因?yàn)轭伾欢嗑腿菀谆?，一般情況下把色系數(shù)量控制在四種之內(nèi)為最佳（同一色系的顏色可以有深淺變化。）
▲顏色過(guò)多，而且飽和度都很高，所以感覺(jué)有點(diǎn)刺眼。
▲把色塊顏色減少到只有白色和黃色后，畫(huà)面就變得和諧了很多。
◇◆ 4.色彩搭配要講究 ◆◇
關(guān)于色塊的配色，蔥爺給大家分享幾個(gè)小技巧：
1.盡量不要把所有色塊都填充成高飽和度的對(duì)比色。下面這張圖的配色就屬于這一類(lèi)型，所以感覺(jué)不是很協(xié)調(diào)，看起來(lái)不太舒服的亞子。
2.用黑白灰搭配一個(gè)單色。黑白灰的包容性很強(qiáng)，既不會(huì)使畫(huà)面太花，又能拉開(kāi)層次、使彩色塊得到凸顯。
3.類(lèi)比色搭配。無(wú)論是色相相連的類(lèi)似色，還是色相相同只是在飽和度或明度上不同的顏色，它們搭在一起都會(huì)比較和諧。
4.對(duì)比色搭配。對(duì)比色搭配當(dāng)然也很常見(jiàn)，不過(guò)需要注意搭配技巧，前面說(shuō)了盡量別用全是高飽和度的對(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)，整體缺乏沖擊感和張力。
▲把中間的人物拉大沖出色塊后，整體感覺(jué)是不是好了很多。
◇◆ 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)系（主要通過(guò)對(duì)齊的方式），整體效果也得到了改善。
◇◆ 7.不要太單調(diào) ◆◇
統(tǒng)一是設(shè)計(jì)中的一大重要原則，但如果只有統(tǒng)一，那整版面就會(huì)很單調(diào)、沒(méi)有生氣，所以在用色塊排版時(shí)也要注意保持變化。比如不要把所有的內(nèi)容全部放進(jìn)色塊中，比如色塊的方向、大小、輪廓、空間要有變化等等。
上圖的色塊并不是矩形，并且?guī)讉€(gè)大色塊的形狀也是不一樣的。
上圖用背景中的斜色塊打破了主體中矩形色塊的刻板印象。
菱形色塊比矩形更靈活，但是對(duì)排版的文字和圖片有比較大的限制。
用一些異形的色塊，或者是把某些簡(jiǎn)單的圖形當(dāng)作色塊可以使版面變得更活潑。
沒(méi)有哪一個(gè)技巧能保證做出高質(zhì)量的設(shè)計(jì)，一件優(yōu)秀的作品需要考量的因素很多，需要掌握的技能很多，我們不僅要知道有哪些設(shè)計(jì)技巧，還需要掌握使用這些技巧的方法，希望這篇文章對(duì)你有用。
作者：蔥爺
