|
我傾向于在 Web 設(shè)計(jì)中盡可能在最優(yōu)分辨率前后都給予瀏覽器寬度一定的自由度. 往大去是為了在能改善體驗(yàn)的前提下充分利用大屏幕的用戶的屏幕空間, 往小去是考慮到有時(shí)候用戶并不是把瀏覽器窗口最大化, 或者不能占滿整個(gè)屏幕.
舉個(gè) use case, 我工作的時(shí)候經(jīng)常會(huì)兩個(gè)窗口 side-by-side, 一個(gè)窗口是 Google Docs, 另外一個(gè)窗口呈現(xiàn)參考資料. 如果是在咖啡館里面干活那就只有筆記本一個(gè)屏幕, 每個(gè)窗口 700px 寬, 很多時(shí)候我就要不斷地拖水平滾動(dòng)條, 非常悲劇.
如果瀏覽器的窗口特別大或者特別小呢? 我覺得可以不為這些極端情況做優(yōu)化, 但底線是不要讓人覺得出錯(cuò)了, 也算是給網(wǎng)站界面預(yù)留退路的一種吧. 一般來說, 我會(huì)給界面指定個(gè) 最大寬度值 和 最小寬度值 , 這樣寬度的變化不至于失控. 像 iGoogle 在小屏幕下亂成這樣, 不應(yīng)該:
這些肯定都不是主流用戶面對的場景, 可設(shè)計(jì)師不就是應(yīng)該追求完美么. 這里有另外一個(gè)因素是自適應(yīng)寬度頁面的設(shè)計(jì)和開發(fā)工作量都要比固定寬度大, 許多人大概還要考慮一下這個(gè)額外投入值不值的問題, 例如我就把自己 blog 的寬度給寫死了, 反正沒啥人上來看…
Google 的大部分產(chǎn)品界面都是自適應(yīng)瀏覽器寬度的, 產(chǎn)品不同, 具體做法也會(huì)有不同. 對于 application 性質(zhì)的產(chǎn)品, 界面框架一般都是自適應(yīng)的, 但為了保證里面文本的可讀性, 往往會(huì)對文本內(nèi)容區(qū)域限制一個(gè)最大寬度, 像 Google Reader 這樣:
新版 Google News 首頁整個(gè)固定寬度居中, 除了上面統(tǒng)一的導(dǎo)航條 (我是覺得可以做得更有彈性一點(diǎn)):
出處：貓窩
責(zé)任編輯：bluehearts
上一頁 下一頁 寬屏下的web設(shè)計(jì) [2
|
第 1 頁 寬屏下的web設(shè)計(jì) [1]
第 2 頁 
