如果客戶只給你一張圖,讓你做出多個(gè)方案來(lái),你會(huì)怎樣做?今天給大家分享“一圖多用”,如何最大限度地使用圖片變換出不同的版式風(fēng)格。關(guān)于“一圖多用”,首先要考慮到圖片有多少種處理方式,然后再結(jié)合文字編排、構(gòu)圖布局、色彩搭配以及其他視覺(jué)元素進(jìn)行輔助潤(rùn)色。(如下圖)

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

而關(guān)于圖片的處理方式,其實(shí)可以總結(jié)出很多種。例如對(duì)圖片的色彩進(jìn)行調(diào)整;或者將圖片轉(zhuǎn)換為插畫形式;又或者把圖片置入在幾何圖形中等等。甚至圖片的大小、擺放位置、視覺(jué)角度以及與文字的搭配等都影響著版面的變化。下面我們來(lái)通過(guò)一個(gè)案例來(lái)示范如何進(jìn)行“一圖多用”。

案例示范

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

這是本案的圖文,設(shè)計(jì)主題是關(guān)于一場(chǎng)設(shè)計(jì)的演講分享會(huì),設(shè)計(jì)風(fēng)格沒(méi)有限定,要求設(shè)計(jì)一張H5人物海報(bào)。下面會(huì)通過(guò)4種方式變化出不同的版式。

 

 置入幾何圖形

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

解析:

將圖片置于圓形、三角形、方形或其他不規(guī)則圖形中, 文字以居中的方式對(duì)齊,圖文以中心構(gòu)圖編排,配色以藍(lán)橙進(jìn)行互補(bǔ)搭配。細(xì)節(jié)處理:為了豐富畫面,可以添加細(xì)節(jié)處理,例如圓形的描邊,文字添加色塊等。

 

圖壓文編排

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

解析:

將圖片進(jìn)行漸變映射處理,放大放置版面的右側(cè),標(biāo)題文字放大放置于版面左側(cè),注意文字之間的字重調(diào)整,再以圖壓文的形式編排。細(xì)節(jié)處理:添加線和背景肌理的素材提升整體的層次感。

 

與色塊結(jié)合

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

解析:

當(dāng)畫面出現(xiàn)空洞或單調(diào)時(shí),且在沒(méi)有其他素材添加的情況下,添加有效的色塊是一種花最少的時(shí)間來(lái)提高版面率的方式,而且能增加色彩層次,提高畫面豐富感。將多種色塊與圖片進(jìn)行疊壓能形成豐富的層次感,給予用戶強(qiáng)烈的視覺(jué)感受。

 

簡(jiǎn)單的構(gòu)圖布局

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

解析:

構(gòu)圖的主要作用是將視覺(jué)元素安排在合適的比例上,從而形成平衡的視覺(jué)感,因此構(gòu)圖在海報(bào)設(shè)計(jì)上能起到重要的作用。而海報(bào)的構(gòu)圖方式主要表現(xiàn)為四種:上下構(gòu)圖、左右構(gòu)圖、對(duì)角構(gòu)圖和中心構(gòu)圖。

上圖運(yùn)用了中心構(gòu)圖,圖片放置于畫面中央,文字則使用居中對(duì)齊,與圖片形成明顯的中心構(gòu)圖。再搭配紫和綠的互補(bǔ)色進(jìn)行配色,讓畫面帶有未來(lái)主義的視覺(jué)感。

版式干貨:—單靠一張圖,就能做出多種設(shè)計(jì)方案?

總結(jié):

設(shè)計(jì)的運(yùn)用就是舊元素新組合,要學(xué)會(huì)加減法的技巧運(yùn)用。即便客戶提供一張圖片又或者一句話,只要將各視覺(jué)元素進(jìn)行合理地編排,把控畫面的視覺(jué)平衡,就是一個(gè)好的設(shè)計(jì)方案。不過(guò),道理是這樣說(shuō),能不能設(shè)計(jì)出好的作品,還得需要長(zhǎng)期的練習(xí)和積累的經(jīng)驗(yàn)。

 

來(lái)源:版式設(shè)計(jì)很簡(jiǎn)單

作者:周妙妍

隨機(jī)推薦