網頁瀏覽，由以往只由科學家及書呆子作研究之用，
到現在已經成為很多人的日常活動。
網頁也由以往只由全文字組成到現在包含各樣多媒體元素。
當網頁成份越來越多及使用者越來越多時，
就代表可能出錯及會出錯的地方亦會越來越多。

作為一個網頁瀏覽者及(業餘)開發者，
筆者發現很多網頁在排版都犯了一些不應犯上的錯誤，
一些稍經使用、測試、思考或想像就不會犯上的錯誤。
以下將會說明一下這些錯誤及其改善方法，以及背後的原理及意義。

先是顏色配搭問題，
有部份網站是以黑色或深灰色等深色來做背景(圖) 的顏色。
這樣可以形造神祕、未來或電子的感覺，
不同的灰色的更配合可帶出金屬的味道。
但過份使用深色元素，會使瀏覽者的眼睛受苦。
觀看深色元素比淺色元素更耗用瀏覽者的精神，
也使眼睛會更易、更快感到疲倦，
而且在黑白底色之間切換的話，會容易出現眼花的情況。
所以深的顏色並不適宜作背景之用，
至少不應全個版面甚或整個網頁都用深色背景，
除非世上大部份網頁及整個世界也轉為深色背景。

有些網頁會為文字使用上一些極為鮮艷的顏色。
鮮色的元素比其他顏色的元素令人更加注意，
不過代價是此等元素會比深色元素更讓眼睛受苦。
所以沒有理由讓整個網頁的內容都是鮮艷的顏色，
鮮色還是留給那少量的重要資訊採用為佳。

在背景與內容分開談以後，就是兩者的配合。
筆者曾經到過一些網頁(網誌)，
那裡的背景與文字的顏色配合絕妙，就是全都是黑色的。
剛到步時還以為是電腦出了問題或下載不完全，
一按Ctrl+A全選內容後卻發現背景與內容居然被設定為同一顏色，
實在不得不佩服網主及/或開發人員的腦袋與創意。
另一個人們常犯的錯誤就是喧賓奪主，
背景太花巧而不給與內容適當的保護。
要瀏覽者容易接收資訊，內容與背景的對比度一定要大，
再加上淺色背景和深色內容的限制，就成了網絡上主流的用色風格。
就如沿用多年的白紙黑字，到現在仍是主流乃有其原因。

曾經到訪過一些網頁(又是網誌)，
網頁只佔用了螢幕四分之一的空間，卻在畫面中看到橫向卷軸，
即開發人員所預留的空間不夠內容所用，
瀏覽者的可視空間就被限制在那四分之一個螢幕上。
到底是誰設計出這樣美妙的網頁？
網頁排版要注意的是，瀏覽器會使用不同的平台，
不同瀏覽器的顯示總有些微差別，
如IE一定會顯示縱向卷軸而Firefox就不一定；
IE、Firefox會為網頁留下數像素闊的邊框而Opera不會等。
開發者在設計網頁時應該照顧在不同系統上的瀏覽者。
另外如作業系統、輸入設備等也應留意，
如現在有很多人在使用只有單維度的滾輪，
他們的動作就被限制在上下的移動，
所以開發人員應盡量避免讓網頁內出現橫向卷軸，
因為橫向移動會為上述瀏覽者帶來不便。

螢幕解像度及比例方面，
現在很多網頁還在採用十年前的排版方式，
整個網頁的闊度不過800像素，有些甚至不過640像素，
因為所要顯示的資訊的面積還是這樣多，
所以被迫把網頁造得很長。
這之所以被稱為十年前的排版，
是因為這完全不符合現代電腦螢幕的解像度及長闊比。
十年前電腦螢幕普遍為十五吋四比三(4:3)的CRT，解像度在800*600。
網頁開發人員為了方便當時的瀏覽者，
就把網頁的闊度設定在800像素以下，
或為兼容上代的640*480而把闊度設定在640像素下。
可是經過十年的發展，
螢幕的普遍大小已從十七吋上升到十九吋，再到二十吋、二十二吋；
水平解像度由1024到1280，再到1600、1920。
而且螢幕長闊比的主流，
也由四比三(4:3)變成十六比十(16:10)及十六比九(16:9)。
有經驗的人也會知道，在闊屏上看十年前排版的網頁簡直是一種折磨。
不單浪費一半畫面，更苦了右手與滑鼠滾輪。
作為網頁開發人員的你，會否為了遷就少數人而折磨主流的瀏覽者？
若要遷就的話，照顧到1024水平像素就好了。
隨著闊螢幕越來越流行，開發者可以放心地使用兩邊的空間。
不然可以使用百分比來排版，這可減少顯示問題和維護成本。
此外還有一種不太建議的方法(雖然大量網頁在用)，
就是使用JavaScript來作排版。

另一樣與螢幕有關的就是文字大小。
現在有部份網頁的字體被設定在10像素或以下，
那實在不是人看的。
沒錯，瀏覽者可以透過瀏覽器調較文字的大小，
不過這樣為使用者帶來不便的設計應該存在於世上嗎？

然後是資訊分佈的討論。
現在大部份網頁也有一個導覽列。
雖然導覽列不是最直觀的界面，
但人類早已習慣了這樣的界面，
不只從網頁中，也從作業系統中，甚至從書本的目錄中。
在此想帶出的觀點是，
在界面除了要直觀外，還需顧及使用者的習慣。
儘管一個界面十分直觀，但如果它與使用者的習慣相距甚遠的話，
那亦只會令使用者無所適從。

瀏覽者在瀏覽網頁時，
第一樣看的不是網頁的內容，而是網頁的設計。
設計是一把雙刃的利劍，直接影響瀏覽者的心理及行為，
對於文字為本的網頁(即大部份的網頁)，
排版就成了瀏覽者第一樣接觸的元素，
瀏覽者會想留多一會還是立刻關掉視窗，就看這排版了。
往後將還會有數篇關於網頁設計的文章。

 [ 編輯日誌 ] [ 分享至FACEBOOK ]