記得在多少年前，所有的青島網(wǎng)站設計頁面基本都保持在1024x768比例，當然更早的也能追朔到800寬度的，但是隨著硬件以及上網(wǎng)速度的提升，網(wǎng)站制作行業(yè)匯總越來越多的設計師采用了寬屏比例設計網(wǎng)頁。這也讓網(wǎng)站設計效果沖擊力更強，在顯示器上顯示更完整的視覺盛宴，當然寬屏或者全屏畫幅和自適應寬度比例，對網(wǎng)頁設計至關(guān)重要。

拒絕1024小切糕，還給寬屏大視野

我們要解決兩個問題，一個是因全背景而產(chǎn)生的了對信息干擾的問題，另一個是面對不同顯示器如何進行全畫幅自適應響應問題。讓用戶在不同的使用環(huán)境中都能有視覺和信息的雙豐收。所以本章介紹的方法是通過全屏連貫的大視覺來增強網(wǎng)頁的整體性和視覺震撼力。

       

那些年我們做過的切糕

當然近兩年，許多網(wǎng)站在頭部的視覺設計上也打通了1000圍墻，不過大部分的內(nèi)容設計還是保留在1000寬度以內(nèi)的，穿越圍墻怎么說也是件冒險的事，一方面有技術(shù)的局限性，比如不同瀏覽器的兼容，另一方面，經(jīng)驗總是說服自己偷懶的最冠冕堂皇的理由。

大家應該都會有這樣的經(jīng)歷，在我們?nèi)胄芯W(wǎng)頁設計時首先會被告知的潛規(guī)則就是，頁面的內(nèi)容一定要設計在1000（1000～1004）的寬度以內(nèi)，這個規(guī)則并沒有錯誤，特別是在過去的幾年中。不過隨著硬件和網(wǎng)絡的發(fā)展，網(wǎng)頁顯示的終端也在發(fā)生著快速的變化，從寬屏到超寬屏，從手機到IPAD。如果網(wǎng)頁設計固守著1000寬度的話，也就相當于放棄其它終端用戶的視覺美感。所以多終端響應式全屏設計成為必然的趨勢，當然或許這對您也許并不陌生。

如果我們翻閱08年之前的頁面就會發(fā)現(xiàn)過去些年網(wǎng)頁設計的特點。從縮略圖中就可以發(fā)現(xiàn)，當年的頁面通常將內(nèi)容設置在800或1000寬度以內(nèi)，背景則選擇純底或漸變或紋理平鋪。而今天如果用大屏顯示器來瀏覽這類型的頁面，就會發(fā)現(xiàn)，它們?nèi)缤粔K中央切糕。當然我們是可以完整的瀏覽頁面的全部內(nèi)容，但1000的設計在寬屏用戶看來卻略顯局促。

全屏時代

寬屏的展示效果更加開闊豐滿，充分利用了1000以外的標準空間，你是否有所心動，但如果你為用戶感到不安的話，我們可以看看下面這個分辨率比例圖。這雖然是某款產(chǎn)品的用戶比率，但可以看到一些普遍性的問題。

是時候讓屏幕超過1024的用戶享受到更大視野的設計。不論是想讓你的產(chǎn)品信息看起來更舒適，還是想讓你的產(chǎn)品看起來更上流并貼近時代。我想你也不忍心放棄這樣的變革。

屏幕分辨率

2012年12月

2013年7月

上圖分別是2012年12月 和2013年7月BNS游戲用戶屏幕分辨率調(diào)查報告，從上圖可以發(fā)現(xiàn)，1024用戶僅占的比例呈下滑的趨式，僅七個月時間1024的分辨率從16%降至了10%。1366和1440的筆記本用戶還是占著相對的多數(shù)，超大屏的1920寬度用戶也在逐漸上升。從2013年7月的數(shù)據(jù)來看，針對BNS游戲用戶來說（由于劍靈是高配置游戲，所以在同類產(chǎn)品中用戶的屏幕分辨率較高，不同的產(chǎn)品有不同的分辨率數(shù)值比，大家可以根據(jù)自己的用戶比例來決定網(wǎng)頁的最小寬度），網(wǎng)頁設計師是可以將網(wǎng)頁的最小范圍拓寬至1280，讓1280以上的用戶的擁有最優(yōu)青島網(wǎng)站設計預覽效果，另外也保證1024的用戶能夠完整的看完信息（完整的看完信息包括通過交互觸發(fā)或者鼠標的滾動進行配合瀏覽，但瀏覽效果可能相對次于1280以上的用戶。）

所以，青島網(wǎng)站建設中的寬屏的視覺設計已經(jīng)是一個大趨勢，如果您的網(wǎng)頁還局限在1000寬度，您就真out了。