|
視覺上自適應(yīng)
視覺上的處理相對(duì)簡(jiǎn)單，通過超大圖形先適應(yīng)大分辨率，然后向下兼容。即可以實(shí)現(xiàn)在不同分辨率下看到不同的整體效果。如果處理得當(dāng)，在小分辨率下將更顯大氣，用戶某天突然用大屏幕也許會(huì)有額外驚喜的良好體驗(yàn)。
Phofa.net 是日本搞藝術(shù)的網(wǎng)站，下圖分別為首頁在1024*768和1680*1050兩種分辨率下的截圖對(duì)比。多屏拼接而成，可以清楚看到整體表現(xiàn)視覺風(fēng)格與VI體系的完美融合，簡(jiǎn)潔有力。
還有我 06年設(shè)計(jì)的個(gè)人網(wǎng)站 例子，頂部平鋪其實(shí)是張1600*345規(guī)格的天空?qǐng)D案，中間沒有循環(huán)，因此比較逼真。只有在更大分辨率上才露出馬腳，比如下圖是在1680*1050中的效果。
更早這個(gè) 05年設(shè)計(jì)的個(gè)人網(wǎng)站 是半成品，通過黃金分割比例實(shí)時(shí)自適應(yīng)，可以在任何分辨率下都有最佳視覺效果。當(dāng)時(shí)主要研究使用div做高級(jí)布局保證可訪問性，向下兼容良好，設(shè)計(jì)理念現(xiàn)在也不過時(shí)，前不久還看到有文章探討黃金分割。
出處：一葉千鳥
責(zé)任編輯：bluehearts
上一頁 排版自適應(yīng)提升可訪問性 [1] 下一頁 排版自適應(yīng)提升可訪問性 [3]
|
第 1 頁 
第 2 頁 排版自適應(yīng)提升可訪問性 [2]
