-
自然排名 點擊多少均不要錢喲！
可能會幫您的生意提高幾倍，幾十倍 -
根據(jù)屏幕不同大小，縮小窗口出橫向滾動條在所難免，但理想情況下，頁面應該能適應不同客戶端瀏覽器和分辨率。實際操作通常又有三種情況：版面自適應、視覺自適應、內容自適應。
在windows系統(tǒng)任務欄空白處單擊右鍵，有如下圖的菜單，分別提供有“橫向平鋪窗口、縱向平鋪窗口”的功能，根據(jù)激活窗口個數(shù)按需切分屏幕。如果沒記錯的話，自win2000就已經(jīng)用了，更早沒試過。雖然那會我們用的顯示器大些才17′，但在多窗口工作時確實方便。
Information Architects Japan在06年提出web設計95%是排版的觀點，如果**理解，指呈現(xiàn)部分信息架構之下“信息設計”的范疇，俗稱排版。因為我們都了解廣義上的web design不僅要看還得有動，其實有個很大的知識框架做支撐。
web排版相較平面的優(yōu)勢在于數(shù)據(jù)靈活性，理論上可以實現(xiàn)只維護單個頁面，然后通過web技術來實現(xiàn)多種排版表現(xiàn)。在實踐中獲取點滴信息設計基礎之后再來看這個問題，感觸頗深。
現(xiàn)實網(wǎng)站中，越重要的頁面模塊越多，排版難度也就越大。比如門戶網(wǎng)站首頁，我很少看到自適應的，大概是雅虎網(wǎng)站改版開了先河。分別使用narrow layout和wide layout兩種模式，適應800和1024px分辨率，根據(jù)客戶端請求分析再輸出，即在自定義基礎上實現(xiàn)了自適應。
視覺上的處理相對簡單，通過超大圖形先適應大分辨率，然后向下兼容。即可以實現(xiàn)在不同分辨率下看到不同的整體效果。如果處理得當，在小分辨率下將更顯大氣，用戶某天突然用大屏幕也許會有額外驚喜的良好體驗。
Phofa.net是日本搞藝術的網(wǎng)站，下圖分別為首頁在1024*768和1680*1050兩種分辨率下的截圖對比。多屏拼接而成，可以清楚看到整體表現(xiàn)視覺風格與VI體系的**融合，簡潔有力。
還有我06年設計的個人網(wǎng)站例子，更部平鋪其實是張1600*345規(guī)格的天空圖案，中間沒有循環(huán)，因此比較逼真。只有在更大分辨率上才露出馬腳，比如下圖是在1680*1050中的效果。
更早這個05年設計的個人網(wǎng)站是半成品，通過黃金分割比例實時自適應，可以在任何分辨率下都有更佳視覺效果。當時主要研究使用div做**布局保證可訪問性，向下兼容良好，設計理念現(xiàn)在也不過時，前不久還看到有文章探討黃金分割。
網(wǎng)頁自適應在網(wǎng)站設計中的作用，謝謝圍觀。
