如何正確地制作色塊排版?
發(fā)布時(shí)間:2021-12-13 11:01 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 3643

如果你經(jīng)?丛O(shè)計(jì)作品,你肯定有發(fā)現(xiàn),很多優(yōu)秀的設(shè)計(jì)作品都會用到色塊,比如網(wǎng)頁設(shè)計(jì)、UI設(shè)計(jì)、畫冊設(shè)計(jì)、海報(bào)設(shè)計(jì)和折頁設(shè)計(jì)等。

 

 

 

 

 

 

 

 

色塊在排版中的主要作用是:分割內(nèi)容、突出信息、增加視覺沖擊力、裝飾等等。
不過運(yùn)用色塊排版并沒有我們想象的那么簡單,所以我們也會看到有很多使用了色塊,但效果還是很不好的設(shè)計(jì)作品。那么,在使用色塊排版的時(shí)候我們需要注意哪些問題呢?使用色塊排版的正確打開方式是怎樣的呢?來看看蔥爺?shù)慕獯穑?nbsp;

 

◇◆  1.色塊要有張弛 ◆◇

張弛其實(shí)就是指要有大小對比,如果版面中有多個(gè)色塊時(shí),那最好要有大小的區(qū)分,而不是所有色塊一樣大或差不多大。

上圖三個(gè)色塊把版面均等分成三份,雖然不難看,但感覺缺乏主次和設(shè)計(jì)感。

 

拉開明顯的大小對比后,版面變得更有張弛。

 

◇◆  2.色塊內(nèi)的元素排版要有細(xì)節(jié)  ◆◇

很多設(shè)計(jì)師以為把信息分類排在色塊里就萬事大吉了,其實(shí)每個(gè)色塊都是一個(gè)小版面,里面各元素的排版也十分講究,比如不要把色塊填得太滿、文字要有大小對比,還可以用一些小元素進(jìn)行裝飾。

▲由于色塊內(nèi)的文字排版沒有花太多心思,所以這個(gè)版面給人感覺不是很精致。

 

▲于是我給色塊內(nèi)的手機(jī)參數(shù)做了一些細(xì)節(jié)的處理,使其對比更強(qiáng)、更有層次。

 

▲將色塊里的信息優(yōu)化排版后,總體感覺也更精致了。

 

◇◆  3.色塊顏色不要太多  ◆◇

如果一個(gè)版面中的色塊比較多,就要盡量控制顏色的數(shù)量,因?yàn)轭伾欢嗑腿菀谆ǎ话闱闆r下把色系數(shù)量控制在四種之內(nèi)為最佳(同一色系的顏色可以有深淺變化。)

▲顏色過多,而且飽和度都很高,所以感覺有點(diǎn)刺眼。

 

▲把色塊顏色減少到只有白色和黃色后,畫面就變得和諧了很多。

 

◇◆  4.色彩搭配要講究  ◆◇

關(guān)于色塊的配色,蔥爺給大家分享幾個(gè)小技巧:

1.盡量不要把所有色塊都填充成高飽和度的對比色。下面這張圖的配色就屬于這一類型,所以感覺不是很協(xié)調(diào),看起來不太舒服的亞子。

 

2.用黑白灰搭配一個(gè)單色。黑白灰的包容性很強(qiáng),既不會使畫面太花,又能拉開層次、使彩色塊得到凸顯。

 

3.類比色搭配。無論是色相相連的類似色,還是色相相同只是在飽和度或明度上不同的顏色,它們搭在一起都會比較和諧。

 

4.對比色搭配。對比色搭配當(dāng)然也很常見,不過需要注意搭配技巧,前面說了盡量別用全是高飽和度的對比色,比較穩(wěn)妥的做法是用高飽和的顏色搭配低飽和度的對比色,或者是明度差別較大的對比色,如下圖:

 

◇◆  5.要適當(dāng)打破色塊  ◆◇

如果把所有元素都放進(jìn)色塊里,整體效果會比較規(guī)整、統(tǒng)一,但同時(shí)也容易顯得刻板去,所以可以讓某些色塊元素適當(dāng)?shù)貨_出色塊,加強(qiá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)格的對齊關(guān)系,但是色塊與色塊之間、不同色塊的信息之間、色塊內(nèi)的信息與色塊外的信息之間,聯(lián)系比較少,所以整體顯得有點(diǎn)亂。

 

▲而在上圖中,我加強(qiáng)了它們之間的聯(lián)系(主要通過對齊的方式),整體效果也得到了改善。

 

 

◇◆  7.不要太單調(diào)  ◆◇

統(tǒng)一是設(shè)計(jì)中的一大重要原則,但如果只有統(tǒng)一,那整版面就會很單調(diào)、沒有生氣,所以在用色塊排版時(shí)也要注意保持變化。比如不要把所有的內(nèi)容全部放進(jìn)色塊中,比如色塊的方向、大小、輪廓、空間要有變化等等。

上圖的色塊并不是矩形,并且?guī)讉(gè)大色塊的形狀也是不一樣的。

 

上圖用背景中的斜色塊打破了主體中矩形色塊的刻板印象。

 

菱形色塊比矩形更靈活,但是對排版的文字和圖片有比較大的限制。

 

用一些異形的色塊,或者是把某些簡單的圖形當(dāng)作色塊可以使版面變得更活潑。

 

結(jié)語

沒有哪一個(gè)技巧能保證做出高質(zhì)量的設(shè)計(jì),一件優(yōu)秀的作品需要考量的因素很多,需要掌握的技能很多,我們不僅要知道有哪些設(shè)計(jì)技巧,還需要掌握使用這些技巧的方法,希望這篇文章對你有用。


文章評論
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會計(jì)課程 興趣成長 AIGC