網站制作中的靈活布局詳解
我們可以根據寬度設置將網頁布局分為三種類型:固定寬度、可變(或非固定)寬度和彈性寬度。您也可以通過混合不同的度量單位將這些布局合并成混合布局。設計的每一列可以使用不同的單位。四種布局類型中的任何一種都可以使用任意數量的列或美化主題,并且布局類型直接決定瀏覽設備如何在用戶面前顯示布局的寬度。
固定寬度布局是以前最常見和最常用的設計。固定寬度設計的總布局寬度以像素為單位設置,具體值由設計者確定。通常,設計者基于最常見的屏幕分辨率(例如,800×600和1024×768)來選擇寬度。
固定寬度設計是固定的,其尺寸不會隨用戶設置而改變。這樣,即使有不同的用戶設置,您也可以創建一個具有豐富圖像的網頁,并使其看起來緊湊和一致。如果您調查網站的目標用戶,您可以設計符合大多數用戶瀏覽器窗口的布局,并確保文本行之間的寬度設置為易于閱讀的理想值。
1。不是每個人都使用16像素的文本
如果您知道正在處理的文本的大小,您可以選擇固定的寬度來優化每行的字符數,或者選擇行的長度來提高可讀性。印刷設計師一直在做這項工作:羅伯特·布林格斯特(RobertBringhurst)的杰作《字體風格》(TheElementsofTypographicStyle)推薦45到75個字符擔任總統。這是基于幾年來對印刷文本易讀性研究的結論。根據對屏幕上顯示的文本可讀性的最新研究,在75到100個字符內,總統越長,閱讀速度越快(盡管許多被測試的用戶說他們更喜歡較短的文本)。
2。屏幕分辨率不等于瀏覽器窗口大小
固定寬度布局的最大問題在于,它們本質上取決于您估計最適合大多數用戶的寬度。即使您的網絡統計軟件可以告訴每個用戶屏幕分辨率——,即使您正在構建內部網并確保僅使用單一分辨率——,屏幕分辨率也不會總是與瀏覽器窗口匹配。有些人不會使用最大化瀏覽器窗口進行瀏覽(不可否認,這是少數人,但這類人的數量也隨著顯示和分辨率大小的增加而增加)。此外,有些人會使用占據數百像素可用寬度的瀏覽器工具欄。固定寬度設計的結果通常是一些觀察者看到的設計要么太寬(迫使他們連續拖動水平滾動條),要么太窄(相對于觀察者的窗口,在布局的一側或兩側留下大量空白色)。根據我對用戶的測試,許多人幾乎為瀏覽器中“浪費的空空間”或拖動水平滾動條的困難而苦惱!
但是,在網絡中,我們無法知道用戶的文本大小。瀏覽器默認值為16像素,絕大多數用戶將在他們的文本中使用該默認值。但是,有些用戶會更改默認值或設置用戶樣式表來格式化文本,以便于閱讀。即使一頁文本很難閱讀(即使是像素可調的文本,但互聯網瀏覽器6和早期瀏覽器中的文本除外),使用該文本默認值的用戶也會增加每一頁文本的大小。因此,如果您優化16像素文本的長度,您可能會為絕大多數訪問者進行可讀性優化,但不是為所有訪問者。不要誤解我的意思;為絕大多數人設計是件好事。只是不要把“絕大多數”誤認為“全部”。
另一個問題是,這些關于總統的研究沒有考慮到各種不利條件,這些不利條件使得某些群體更喜歡更短或更長的總統。 雖然我同意設計師主要圍繞用戶的需求工作,并且以對用戶最有利的方式工作(因為用戶自己不知道什么是最好的),但有時用戶自己,而不是我們,有必要更好地理解什么是最能滿足他們需求的。 至少,我們可以根據我們認為可以幫助絕大多數用戶的考慮來優化設計,但是我們應該通知用戶修改我們的設計以便更好地滿足他們的需求的可能性-——,這是打印和更多固定介質無法獲得的一個巨大優勢。
福州優橙互聯是一家專注于福州網站建設的網站制作公司,為客戶提供小程序制作,促進福州網絡的全網推廣和精準拓客。歡迎訪問http://www.simple-vegetarian-recipes.com
- 上一篇:四步教您新建一個網頁
- 下一篇:創新和實用在網站設計中的應用