我們經(jīng)常會遇到客戶提出一些基本的網(wǎng)站維護(hù)問題,其中最為常見,但卻最難解釋、客戶也最難理解的問題之一,就是設(shè)計網(wǎng)站首頁Banner時需注意的尺寸問題。最近我們再一次遇到這個問題,一位來自公明東坑的客戶在網(wǎng)站制作完成后,安排了一位文員同事來負(fù)責(zé)網(wǎng)站維護(hù)。由于客戶不想過度依賴我們,想自己內(nèi)部員工學(xué)會管理網(wǎng)站,但安排的同事只是對PS有一點點了解,并不熟練,結(jié)果設(shè)計好的圖片始終無法正確顯示。最后還是聯(lián)系到創(chuàng)絡(luò),經(jīng)過我們的詳細(xì)解釋,她終于明白原理并設(shè)計好了首頁Banner圖片。
我們要理解清楚這個尺寸問題,首先就要搞清楚兩個概念:網(wǎng)頁最佳的最大寬度和最小寬度。由于目前主流的顯示器分辨率已經(jīng)不同于以往的1024*768,而是普及到1366*768以上的分辨率。如果我們還是一如既往的按1024像素來設(shè)計網(wǎng)站,那么網(wǎng)站在今天大多數(shù)顯示器上會顯得小氣。因此,目前主流網(wǎng)站的核心寬度已經(jīng)提高到1200~1400像素了(自適應(yīng)除外)。為了兼容絕大多數(shù)的顯示器,我們將網(wǎng)頁的最大寬度設(shè)計為1920像素,更大顯示器則通過瀏覽器自身的技術(shù)適配。而為了兼容一些小一點的顯示器,如1366像素寬的顯示器,我們將核心內(nèi)容集中在中間1200像素。于是,當(dāng)下最為流行的解決方案就是將Banner圖片的背景鋪滿1920像素,但是文案或者產(chǎn)品圖片等核心內(nèi)容是集中在中間1200像素的,具體請參考以下示意圖:
相信經(jīng)過上面圖片的直觀感受,絕大多數(shù)的朋友會立馬明白過來。其實顯示器就相當(dāng)于是窗口,網(wǎng)站界面就是窗口里面的一張圖片,為了讓小窗口看到主要信息,也為了讓大窗口看起來不會那么空,我們就選擇了這樣的解決方案。親愛的朋友,您學(xué)會了嗎?如果還是依然無法理解,歡迎您隨時致電咨詢,我們將竭誠為您服務(wù)。