確定頁(yè)面長(cháng)度要容易一些。最好的方式便是適用于內容的常識性方式。“網(wǎng)絡(luò )讀者不會(huì )滾動(dòng)”這一老話(huà)或許適用于10年前或者更久之前的新用戶(hù)，但是到了現在就不再是那么回事了。隨著(zhù)讀者更習慣于將網(wǎng)頁(yè)作為一個(gè)閱讀媒介，頁(yè)面長(cháng)度的設計限制減少了?？捎眯匝芯勘砻?，網(wǎng)頁(yè)讀者必定會(huì )通過(guò)屏幕滾動(dòng)來(lái)閱讀他們感興趣的內容。
固定頁(yè)面寬度
固定寬度頁(yè)面設計使用普遍，尤其是在進(jìn)行包含很多頁(yè)面功能子區域的復雜而面設計時(shí)，諸如新聞網(wǎng)站。將內容放置在固定寬度的列意味著(zhù)你的頁(yè)面布局將不會(huì )因為用戶(hù)的屏幕或瀏覽器窗口的大小不同而改變。在一個(gè)不變的環(huán)境中進(jìn)行設計音味著(zhù)，你可以固定頁(yè)面元素的位置并控制行長(cháng)和間距等版式特性。固定的布局還可以保持有關(guān)頁(yè)面布局中的不同組成部分之間是如何關(guān)聯(lián)的Gestalt視覺(jué)和空間邏輯。固定寬度的布局存在一些不利因素。在大的顯示屏上，會(huì )有較大比例的屏幕外于非使用狀態(tài)，而在狹窄的瀏覽窗口中，用戶(hù)或許會(huì )需要水平滾動(dòng)才能看到完整雷度的頁(yè)面。此外，在瀏覽放大的文本時(shí)，固定寬度布局不會(huì )總是那么完美地作出反應。
如果讀者選擇放大文本，那么固定寬度的設計或許會(huì )產(chǎn)生視覺(jué)上的分離常見(jiàn)的混合式替代設計就是將一個(gè)或者更多的固定寬度欄與一個(gè)彈性寬度的中間欄進(jìn)行組合，其中中間欄擁有相對簡(jiǎn)單的內容結構并且可以延伸以填滿(mǎn)瀏覽器窗口的整個(gè)寬度。
“安全的”頁(yè)面寬度是一個(gè)不斷變換的目標，因為電腦屏幕的平均大小~直在增長(cháng)。決定最佳頁(yè)面寬度的最好方式就是使用網(wǎng)絡(luò )分析學(xué)來(lái)確定網(wǎng)站瀏覽者的平均屏幕大小。
固定布局對絕大多數網(wǎng)頁(yè)瀏覽環(huán)境(臺式電腦或筆記本電腦顯示屏)而言是最佳的選擇，其還可以適用于掌上設備以及其他形式的含移動(dòng)樣式表的移動(dòng)電腦。不過(guò)固定布局將會(huì )變得比彈性布局更脆弱并且更容易出現通用可用性問(wèn)題。因此，我們強烈推薦在設計時(shí)選擇靈活頁(yè)面布局。
靈活頁(yè)面寬度
由于顯示屏大小不一，從小型的手機到寬的電影屏幕，要設計成一個(gè)標準“安全的”大小的打算往往是不現實(shí)的。網(wǎng)頁(yè)是一個(gè)靈活的媒介，用于適應不同的用戶(hù)以及各不相同的顯示設備。與打印的固定于紙質(zhì)上的文檔不-樣的是，網(wǎng)頁(yè)的外觀(guān)取決于顯示大小、分辨率以及顏色設置、瀏覽器窗口的高度和寬度、軟件參數選擇(諸如鏈接和背景顏色設置)以及可用的字體等這類(lèi)元素。往往最佳的方式就是接受媒介的靈活性，設計出清晰的、可適用于很多現實(shí)設備且能被所有用戶(hù)采用的頁(yè)面。靈活或“彈性”的頁(yè)面設計在很多方面都比固定設計更具挑戰性，因為靈活的頁(yè)面設計要求對HTML和其在平臺和瀏覽器中的使用有一個(gè)很深的了解。靈活的頁(yè)面設計還要求設計者能跳出自身的結構并想出能夠在不同環(huán)境中發(fā)揮功效的圖形和布局。在定義靈活性頁(yè)面寬度時(shí)有很多種方法。最常用的方法就是使用百分比來(lái)定義頁(yè)面上不同元素的寬度。例如，對一個(gè)兩欄布局而言，內容可以占據頁(yè)面寬度的75%，而區域導航占頁(yè)面剩余的25%。同一頁(yè)面在打印時(shí)將會(huì )隱藏導航欄，因為其在紙質(zhì)頁(yè)面。上的用處不大，同時(shí)將頁(yè)面寬度調至一個(gè)適宜閱讀的數值。而在移動(dòng)設備上，導航是必要的，但狹窄的屏幕寬度不會(huì )支持多欄，我們會(huì )將兩欄折疊為一欄。并將屏幕上的可用空間最大化。
靈活的網(wǎng)站設計在適應不同的顯示設備(臺式電腦、筆記本電腦、手機、iPod，等等)方面具有很多的優(yōu)勢。此外，靈活性設計更具有通用使用性，因為其可以輕易用于增加文本大小、提升顯示顏色和對比，以及增加閱讀參數。靈活的頁(yè)面或許對于依賴(lài)于頁(yè)面大小、版式以及圖形之間相對固定的視覺(jué)關(guān)系的復雜頁(yè)面布局而言，不是最好的方式。
本文地址：http://havencoinwallet.com//article/4330.html
