|
Google Images Search 的結果頁面沒有什么文本可讀性的問題, 所以他們采取的解決方案是每行顯示圖片的數(shù)目隨界面寬度變化而變化, 內容區(qū)域總能填得滿滿的:
Picasa Web Album 的圖片瀏覽界面右欄是固定的寬度, 而左欄顯示圖片的區(qū)域是變化的. 值得一提的是它還會根據(jù)窗口大小的不同, 請求不同大小的照片大圖, 而不是把照片拿回來再縮放. 可以隨便點上面一個大圖去看看.
而我最近做的一個項目的要求是希望從大概 200px 到大概 1000px 都要呈現(xiàn)良好, 鑒于這是一個導航性質的列表頁面, 最后采取了大致如下的布局方式:
這些都是現(xiàn)在的解決方案, 再超前一點呢? 不大恰當?shù)仡惐? 大屏幕和小屏幕的關系就如同報紙和書本一樣, 媒介的面積大了, 其實還有很多潛力可挖. 兩個例子, 用戶現(xiàn)在可以在 Google Books Search 的讀書界面中設置成 兩頁并排放 , 如果這個是自動做的呢? 而 CSS3 中也引入了 文本分欄 , 可以像報紙那樣把文本分欄顯示 (參照 persistent.info 的實現(xiàn)效果). 不是說分欄這樣的解決方案一定好 (搞不好要用戶來回拖垂直滾動條就更麻煩了), 但我們確實還可以開闊一下思路, 想想如何能優(yōu)化寬屏幕下的顯示效果.
實際上設計和用戶行為也是相互影響的過程, 手頭的一份數(shù)據(jù)顯示, 目前來說屏幕越大, 用戶進行 “最大化” 瀏覽器窗口的操作越少, 這也說明用戶覺得寬屏幕下網(wǎng)頁顯示效果不佳. 但如果越來越多的網(wǎng)站提升了寬屏幕下的體驗, 說不定也會有越來越多的用戶也會選擇在寬屏下 “最大化” 窗口呢.
參考閱讀:
本文鏈接：http://www.95time.cn/design/doc/2009/6591.asp 
出處：貓窩
責任編輯：bluehearts
上一頁 寬屏下的web設計 [1] 下一頁
|
第 1 頁 
第 2 頁 寬屏下的web設計 [2
