| 雿𡏭��/��箄��: | hknelson.com | ||
| �䔄雿��𠯫���: | 18 May, 2007 | 頠煺辣���瘙�/蝭�靘�: | -/- |
| ���蝡䭾�䠷��: | 網頁佈局設計 | 撠齿𧋦蝭����蝡𣳇�脰�諹�訫�寞�硋�誯�� | |
在上一課中提到, 網頁的整體風格, 版面的安排也會影響瀏覽者對網頁的印象分數
一個成功的網站並非單靠內容的充足度, 網站的設計佈局方式同樣重要:
清晰版面
瀏覽者決定是否繼續瀏覽你的網頁, 首頁就已是關鍵, 盡量以最少螢幕元素來表達網站的資訊
避免過於複雜的版面安排, 令瀏覽者看得"花多眼亂", 也避免需要經過眾多次頁才到達目標資訊的連結
容易令瀏覽者覺得煩悶. 除了個人網頁及綜合性網頁等, 有些網站擁有特定的瀏覽主題
在首頁上清晰顯示最新內容, 及定下快速超連結, 可以讓瀏覽者更快更方便取得資訊
設計佈局
大多設計者會利用"T字型", "標題型", "動畫型" 等去設計版面
例如"封面型", 就是在首頁中只顯示網站的圖像或動畫, 瀏覽者需要按下連結才可瀏覽網站內容
突出網站特點, 例如將網站的主要內容做上廣告, 或在首頁上加以介紹, 吸引瀏覽者進入
另可使瀏覽者一進入這陌生的網站時, 已知道網站的主題
繁複的版面設計, 沒有預先規劃版面, 未有突出網站重點, 都可導致人流流失
在你要開始製作前, 可預先為網站畫下草圖, 定下網站大鋼, 建立網站架構圖
精密計算表格大小, 與圖像或媒體接合, 有效的網站規劃, 並保持網站平衡,
令瀏覽者有種穩定及更多視覺效果, 同時盡量保持網站風格統一;
顏色, 字型, 圖像配搭
整體網站的顏色及字型, 什至圖片都需要合適配搭,
避免使用有對比差異的顏色作背景顏色, 如首頁採用白色或淺色, 令瀏覽者有種舒服, 典雅的感覺
次頁就避免使用深色如黑色的顏色, 盡量保留網站一致性.
文字, 特別是文字超連結的顏色, 需要讓瀏覽者得到第一的瀏覽效果
圖片, 動畫或媒體介入, 得配合網站的風格及主題
照顧瀏覽者需要
作為網站的設計者, 往往需要照顧瀏覽者的需要
在網站內避免使用 : "最佳瀏覽效果XXXXX" 或 "請使用XXX瀏覽本站" 等的字眼
一般瀏覽者都不會為一個網站去作出改變, 或瀏覽器的轉換
為了使每一位瀏覽者在不同場合, 不同電腦中都能欣賞同一的網站視覺效果
請在設計網站時預先為網站定下一致的瀏覽效果, 設定網站字型大小及解析度,
利用如 HTML, PHP 或 CSS 等編寫, 鎖定網站字型大小及解析度, 消除在不同瀏覽器下對版面構成的影響
餈𥪜�硺�𢠃�� - 餈𥪜�墧����� - 撠齿𧋦蝭����蝡𣳇�脰�諹�訫�寞�硋�誯��
