029-88811692
網(wǎng)站建設(shè)資訊詳細(xì)

網(wǎng)頁(yè)banner尺寸設(shè)計(jì)規(guī)范

發(fā)表日期:2022-10-31  作者:云浪  瀏覽:  

網(wǎng)頁(yè)設(shè)計(jì)設(shè)計(jì)過(guò)程中,banner圖是整個(gè)網(wǎng)頁(yè)中,圖片面積最大,位置最顯眼的區(qū)域,甚至一個(gè)好看的網(wǎng)站就取決于banner的設(shè)計(jì)。
現(xiàn)主流banner的尺寸主要是分為這三種,
1.顯示位置是固定尺寸的,比如1200*560,1200*360
2.顯示位置是居中的,比如1920*560,其實(shí)主題顯示的內(nèi)容是1200*560,用這種尺寸只要是正對(duì)大屏的顯示器,兩邊不會(huì)顯得很尷尬,也是現(xiàn)在的常用的尺寸
3.顯示位置是整個(gè)屏幕,比如1920*1000
banner的設(shè)計(jì)和海報(bào)設(shè)計(jì)其實(shí)可以統(tǒng)稱成一樣,設(shè)計(jì)的原理還是相同的,只是banner要考慮整體網(wǎng)站的結(jié)構(gòu),是否協(xié)調(diào),設(shè)計(jì)上相對(duì)平面設(shè)計(jì)要簡(jiǎn)單很多。
我這里的設(shè)計(jì)方式是一張好看的背景圖,合理的元素,漂亮的文字效果,顏色的統(tǒng)一,合理的搭配我覺(jué)得就可以了。
banner最頭疼的地方主要是版面的排版上,常用的banner排版,有這幾種:
1是居中型,不光是文字還是圖標(biāo),圖形,居中顯示在內(nèi)容的中心部分,這種設(shè)計(jì)對(duì)于寬度不寬,但是有點(diǎn)高的海報(bào)比較合適,如果是網(wǎng)頁(yè)banner就要考慮背景圖片和元素的融合,因?yàn)槟悴荒茏屧卣紳M整個(gè)空間。
2兩端對(duì)稱型,文字和元素相對(duì)
3,疊加型,主要是元素背景和文字信息之間有個(gè)層疊的效果,通過(guò)陰影,底紋,將整體風(fēng)格表現(xiàn)出視覺(jué)上的立體感,
我們?cè)谠O(shè)計(jì)的時(shí)候,不要把整個(gè)空間都占滿,適當(dāng)?shù)牧舭鬃屪髌房粗娣?,元素和文字大小的比例也很重要,一個(gè)漂亮的背景圖片也是不可或缺的的組成部分,我在在做圖的時(shí)候,總是覺(jué)得很死板,原因的話,可以分為這幾種:
一個(gè)是背影顏色土,背景圖片不行,字體太普通,元素太單調(diào),一東西天多,感覺(jué)狠花等等,我們?cè)谠O(shè)計(jì)字體,元素的時(shí)候可以通過(guò)陰影,樣式,變形,漸變色讓元素活動(dòng)起來(lái),背景圖片,通過(guò)模糊,顏色的明度,來(lái)搭配,字體可以通過(guò)底紋,邊框,變形,高光來(lái)讓字體動(dòng)起來(lái);
當(dāng)然這些每個(gè)人都會(huì)說(shuō),主要還是要看我們?nèi)ゾ?,多看一些好的平面設(shè)計(jì)。

來(lái)源聲明:網(wǎng)頁(yè)banner尺寸設(shè)計(jì)規(guī)范》系云浪科技編輯或采編整理,以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)及時(shí)與本站聯(lián)系。