一張banner圖如果設(shè)計(jì)的好,瞬間能給網(wǎng)頁增色不少。當(dāng)然,banner不比大型項(xiàng)目,從設(shè)計(jì)成本上來講不可能給太多的時(shí)間給設(shè)計(jì)師,所以這就要求設(shè)計(jì)師能夠更有效率地完成一個(gè)網(wǎng)頁banner圖。那么如何設(shè)計(jì)出讓一張好的設(shè)計(jì)banner圖?
1、既然要開始設(shè)計(jì)banner圖,那么第一步就是要確認(rèn)設(shè)計(jì)風(fēng)格,通常有時(shí)尚風(fēng)、復(fù)古風(fēng)、清新風(fēng)、炫酷風(fēng)、簡(jiǎn)約風(fēng),不同的設(shè)計(jì)風(fēng)格其字體、色彩、排版、布局、點(diǎn)綴、樣式也各不相同。當(dāng)我們把banner設(shè)計(jì)風(fēng)格確定后,就可以開始進(jìn)行下一步設(shè)計(jì)了。
2、確定banner圖的設(shè)計(jì)風(fēng)格后,我們就可以開始進(jìn)行構(gòu)圖,構(gòu)圖是一個(gè)banner設(shè)計(jì)中最基礎(chǔ)的部分,構(gòu)圖就相當(dāng)于我們蓋房子的框架一樣。我們構(gòu)圖時(shí)通常是文字與圖片的排列方式:左字右圖,與左圖右字,是banner圖中經(jīng)常使用的一種方式,這種最容易掌握,而且中規(guī)中矩,不易出錯(cuò)。當(dāng)然,我們需要根據(jù)素材圖片的構(gòu)圖和走向確定圖片是適合放在左邊還是右邊;除了左右結(jié)構(gòu)外,還有左中右構(gòu)圖的方式,也就是左圖中字右圖或者左字中圖右字的方式,通常構(gòu)圖更加豐富飽滿,但是這可比簡(jiǎn)單的左右結(jié)構(gòu)復(fù)雜多了;還有上下構(gòu)圖,及不規(guī)則構(gòu)圖方式,文字作為主體居中方式,這些構(gòu)圖方式都不好掌握,當(dāng)然如果設(shè)計(jì)師功力好,能夠把握的很好,那么這種版式將會(huì)非常豐富,給人眼前一亮的感覺。
3、色彩,是一個(gè)banner圖最重要的元素之一,要從幾千甚至上萬的色彩中選擇合適的配色非常不容易,需要設(shè)計(jì)師有足夠的經(jīng)驗(yàn)才行。色彩是有情感的,不同的配色會(huì)帶給人完全不同的心里感受。所以當(dāng)你在做banner的時(shí)候 就要考慮你想要表達(dá)什么樣的情感,想讓用戶看的時(shí)候有什么樣的感受,你所表達(dá)的情感是不是符合主題內(nèi)容,基于這些出發(fā)點(diǎn)再來做banner的配色就更加的有目的性了。不過配色也有小技巧:我們可以把素材黑白化,再根據(jù)文案和人物的氣質(zhì)選取一個(gè)合適的顏色;或者從素材里面直接吸取合適的顏色,再調(diào)節(jié)飽和度和明度,調(diào)出一個(gè)基本色,再取基本色的對(duì)比色、近似色等等作為輔助色。這就和人搭配衣服一樣,有色彩呼應(yīng),這樣呈現(xiàn)的效果更加和諧。
4、banner圖中字體的選擇也非常重要,每種字體都有自己獨(dú)特的氣質(zhì),使用的場(chǎng)合各不相同,例如粗獷硬朗的字體、纖細(xì)柔軟的字體、童趣活潑的字體、古色古香的字體、酷炫動(dòng)感的字體……字體的氣質(zhì)和畫面的氣質(zhì)要一致,這樣畫面看起來才是一個(gè)和諧的整體。我們可以選擇系統(tǒng)自帶的字體,或者如果功力很強(qiáng)的話,自行設(shè)計(jì)字體也非常好。
5、除了傳統(tǒng)的文字、色彩、構(gòu)圖之外,我們還可以給banner圖加上一些裝飾元素,就像裝修房子一樣,擺上一束花,掛上一幅畫等類似,點(diǎn)綴裝飾會(huì)讓整體更加和諧,更有趣味性。點(diǎn)、線、面,或者一些手繪的元素,通常應(yīng)用于banner圖的裝飾,會(huì)讓畫面更有細(xì)節(jié),更有設(shè)計(jì)感。注意:裝飾不能隨便亂加,加什么裝飾,要看設(shè)計(jì)師的目的,而不是盲目地為了加而加,加任何一個(gè)元素,都要有它存在的意義。
最后,上海網(wǎng)站建設(shè)協(xié)策網(wǎng)絡(luò)告訴大家,要懂得把優(yōu)秀的版式、字體、配色、裝飾等等運(yùn)用到我們自己的設(shè)計(jì)上,這才能設(shè)計(jì)出讓人贊嘆不已的banner圖!