網(wǎng)頁具有可塑性，無論是水平方向仍是垂直方向，這是紙質(zhì)頁面所不具有的。因而，即便是在斷定頁面網(wǎng)格之前，你也需求斷定最適合網(wǎng)站的根本頁面框架:固定寬度的頁面仍是彈性寬度的頁面。

 
斷定頁面長度要簡單一些。最好的方法便是適用于內(nèi)容的常識性方法。“網(wǎng)絡(luò)讀者不會翻滾”這一老話或許適用于10年前或許更久之前的新用戶，可是到了現(xiàn)在就不再是那么回事了。跟著讀者更習(xí)慣于將網(wǎng)頁作為一個閱覽前言，頁面長度的規(guī)劃約束減少了。可用性研討標(biāo)明，網(wǎng)頁讀者必定會經(jīng)過屏幕翻滾來閱覽他們感興趣的內(nèi)容。


 
固定頁面寬度
 
固定寬度頁面規(guī)劃運(yùn)用遍及，尤其是在進(jìn)行包括許多頁面功能子區(qū)域的雜亂而面規(guī)劃時，比如新聞網(wǎng)站。將內(nèi)容放置在固定寬度的列意味著你的頁面布局將不會由于用戶的屏幕或閱覽器窗口的巨細(xì)不同而改動。在一個不變的環(huán)境中進(jìn)行規(guī)劃音味著，你能夠固定頁面元素的位置并操控行長和距離等版式特性。固定的布局還能夠堅(jiān)持有關(guān)頁面布局中的不同組成部分之間是怎么相關(guān)的Gestalt視覺和空間邏輯。固定寬度的布局存在一些不利因素。在大的顯現(xiàn)屏上，會有較大份額的屏幕外于非運(yùn)用狀況，而在狹隘的閱覽窗口中，用戶或許會需求水平翻滾才干看到完好雷度的頁面。此外，在閱覽擴(kuò)大的文本時，固定寬度布局不會總是那么完美地作出反應(yīng)。
 
假如讀者挑選擴(kuò)大文本，那么固定寬度的規(guī)劃或許會產(chǎn)生視覺上的分離常見的混合式代替規(guī)劃就是將一個或許更多的固定寬度欄與一個彈性寬度的中心欄進(jìn)行組合，其間中心欄具有相對簡單的內(nèi)容結(jié)構(gòu)而且能夠延伸以填滿閱覽器窗口的整個寬度。
 
“安全的”頁面寬度是一個不斷改換的方針，由于電腦屏幕的均勻巨細(xì)~直在增長。決定最佳頁面寬度的最好方法就是運(yùn)用網(wǎng)絡(luò)分析學(xué)來斷定網(wǎng)站閱覽者的均勻屏幕巨細(xì)。
 
固定布局對絕大多數(shù)網(wǎng)頁閱覽環(huán)境(臺式電腦或筆記本電腦顯現(xiàn)屏)而言是最佳的挑選，其還能夠適用于掌上設(shè)備以及其他方法的含移動樣式表的移動電腦。不過固定布局將會變得比彈性布局更軟弱而且更簡單呈現(xiàn)通用可用性問題。因而，咱們激烈推薦在規(guī)劃時挑選靈敏頁面布局。
 
靈敏頁面寬度
 
由于顯現(xiàn)屏巨細(xì)不一，從小型的手機(jī)到寬的電影屏幕，要規(guī)劃成一個標(biāo)準(zhǔn)“安全的”巨細(xì)的打算往往是不現(xiàn)實(shí)的。網(wǎng)頁是一個靈敏的前言，用于習(xí)慣不同的用戶以及各不相同的顯現(xiàn)設(shè)備。與打印的固定于紙質(zhì)上的文檔不-樣的是，網(wǎng)頁的外觀取決于顯現(xiàn)巨細(xì)、分辨率以及色彩設(shè)置、閱覽器窗口的高度和寬度、軟件參數(shù)挑選(比如鏈接和布景色彩設(shè)置)以及可用的字體等這類元素。往往最佳的方法就是承受前言的靈敏性，規(guī)劃出明晰的、可適用于許多現(xiàn)實(shí)設(shè)備且能被所有用戶選用的頁面。靈敏或“彈性”的頁面規(guī)劃在許多方面都比固定規(guī)劃更具挑戰(zhàn)性，由于靈敏的頁面規(guī)劃要求對HTML和其在渠道和閱覽器中的運(yùn)用有一個很深的了解。靈敏的頁面規(guī)劃還要求規(guī)劃者能跳出本身的結(jié)構(gòu)并想出能夠在不同環(huán)境中發(fā)揮成效的圖形和布局。在界說靈敏性頁面寬度時有許多種方法。最常用的方法就是運(yùn)用百分比來界說頁面上不同元素的寬度。例如，對一個兩欄布局而言，內(nèi)容能夠占有頁面寬度的75%，而區(qū)域?qū)Ш秸柬撁媸Ｏ碌?5%。同一頁面在打印時將會隱藏導(dǎo)航欄，由于其在紙質(zhì)頁面。上的用途不大，一起將頁面寬度調(diào)至一個適合閱覽的數(shù)值。而在移動設(shè)備上，導(dǎo)航是必要的，但狹隘的屏幕寬度不會支撐多欄，咱們會將兩欄折疊為一欄。并將屏幕上的可用空間最大化。
 
靈敏的網(wǎng)站規(guī)劃在習(xí)慣不同的顯現(xiàn)設(shè)備(臺式電腦、筆記本電腦、手機(jī)、iPod，等等)方面具有許多的優(yōu)勢。此外，靈敏性規(guī)劃更具有通用運(yùn)用性，由于其能夠容易用于添加文本巨細(xì)、提高顯現(xiàn)色彩和比照，以及添加閱覽參數(shù)。靈敏的頁面或許關(guān)于依賴于頁面巨細(xì)、版式以及圖形之間相對固定的視覺聯(lián)系的雜亂頁面布局而言，不是最好的方法


更多精彩請關(guān)注：http://www.webleydesigns.com?