網(wǎng)站Banner圖尺寸及設(shè)計(jì)區(qū)域事項(xiàng)

2022-08-05    分類: 網(wǎng)站建設(shè)

網(wǎng)站的Banner圖是用戶一眼看到的模塊,能否吸引用戶的眼球就看Banner圖的質(zhì)量,那么關(guān)于網(wǎng)站首頁(yè)Banner設(shè)計(jì)尺寸問(wèn)題有哪些注意事項(xiàng)呢?首先我們要理解清楚這個(gè)尺寸問(wèn)題,接下來(lái)網(wǎng)站設(shè)計(jì)專家"創(chuàng)新互聯(lián)"給大家講解網(wǎng)站Banner圖尺寸及設(shè)計(jì)區(qū)域注意事項(xiàng)。

網(wǎng)站Banner圖尺寸及設(shè)計(jì)區(qū)域事項(xiàng)

一、Banner圖尺寸的設(shè)置
Banner圖的尺寸需要適配用戶顯示器的分辨率及網(wǎng)頁(yè)好的大寬度和最小寬度,由于目前主流的顯示器分辨率已經(jīng)不同于以往的1024*768,而是普及到1366*768以上的分辨率。如果我們還是一如既往的按1024像素來(lái)設(shè)計(jì)網(wǎng)站,那么網(wǎng)站在今天大多數(shù)顯示器上會(huì)顯得小氣。因此,目前主流網(wǎng)站的核心寬度已經(jīng)提高到1200~1400像素了(自適應(yīng)除外)。
二、Banner圖設(shè)計(jì)區(qū)域的部署
為了兼容絕大多數(shù)的顯示器,我們將網(wǎng)頁(yè)的大寬度設(shè)計(jì)為1920像素,更大顯示器則通過(guò)瀏覽器自身的技術(shù)適配。而為了兼容一些小一點(diǎn)的顯示器,如1366像素寬的顯示器,我們將核心內(nèi)容集中在中間1200像素。于是,當(dāng)下最為流行的解決方案就是將Banner圖片的背景鋪滿1920像素,但是文案或者產(chǎn)品圖片等核心內(nèi)容是集中在中間1200像素的,具體請(qǐng)參考以下示意圖:

201806142328544734

總結(jié):其實(shí)顯示器就相當(dāng)于是窗口,網(wǎng)站界面就是窗口里面的一張圖片,為了讓小窗口看到主要信息,也為了讓大窗口看起來(lái)不會(huì)那么空,我們就選擇了這樣的解決方案

標(biāo)簽:成都網(wǎng)站制作 成都網(wǎng)站建設(shè) 創(chuàng)新互聯(lián)

標(biāo)題名稱:網(wǎng)站Banner圖尺寸及設(shè)計(jì)區(qū)域事項(xiàng)
文章轉(zhuǎn)載:http://www.muchs.cn/news7/185307.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化網(wǎng)站營(yíng)銷、標(biāo)簽優(yōu)化、網(wǎng)站改版網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

營(yíng)銷型網(wǎng)站建設(shè)