網站Banner圖尺寸及設計區域事項

2022-08-05 分類：網站建設

網站的Banner圖是用戶一眼看到的模塊，能否吸引用戶的眼球就看Banner圖的質量，那么關于網站首頁Banner設計尺寸問題有哪些注意事項呢？首先我們要理解清楚這個尺寸問題，接下來網站設計專家"創新互聯"給大家講解網站Banner圖尺寸及設計區域注意事項。

網站Banner圖尺寸及設計區域事項

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

201806142328544734

總結：其實顯示器就相當于是窗口，網站界面就是窗口里面的一張圖片，為了讓小窗口看到主要信息，也為了讓大窗口看起來不會那么空，我們就選擇了這樣的解決方案。

標簽：成都網站制作成都網站建設創新互聯

標題名稱：網站Banner圖尺寸及設計區域事項
文章轉載：http://m.kartarina.com/news7/185307.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、網站營銷、標簽優化、網站改版、網站導航、關鍵詞優化

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容