希文資訊有限公司

設計網頁時應注意的事項

根據過去的經驗我們歸納以下幾點:

1.版面風格應統一:

為了讓瀏覽者加深對該企業、品牌的印象,且能夠簡單迅速瀏覽其他網頁,設計考量上應注意版面風格設計上的統一,例如使用企業標準色、視覺觀察的動線方向、文字的字體大小顏色等等。

 

2.放置適量的圖片且配合文字說明:

圖片雖有美觀、直接傳達訊息、營造網頁氛圍的效果,但通常原始圖檔在取得時,都不會剛好等於網頁需求,圖檔太大時,傳輸及開啟網頁會過慢;圖檔太小時,會 模糊不易辨別,因此網頁設計時,都要再經過處理或裁剪,不可直接以縮放方式置入,並且每張圖最好能加上文字說明,強化瀏覽者的訊息接收。
由於網頁在開啟時是逐一物件讀取,因此一個網頁上的圖片總數不宜過多,累加起來的檔案大小也有可能造成網頁開啟緩慢。
另外,如僅呈現在網頁上的圖片,過高的解析度反會造成檔案過大,對於細節並無幫助,因此圖片的解析度設在「72 dpi」即可。

 

3.畫面解析度部份:

目前PC所使用的螢幕大都採用VGA顯示卡,其螢幕解析度為1024×768,所以使用1024×768的畫面設計大致能讓最多人在視覺觀看上正確無誤,也不需要拉動捲軸。

 

4.版面的切割與文字的應用:

版面的切割,關係到瀏覽者的使用模式與習慣,若能仔細從瀏覽者的動作模式、視覺動線思考來設計版面,可讓瀏覽者更輕易上手;在字體方面,若能善用變換字體大小、字距、行距、字體、顏色等技巧,可讓網頁內文更易閱讀,增加排版的靈活性。

 

5.瀏覽器種類及版本的考量:

瀏覽器是將網頁程式碼解讀後,再呈現到瀏覽者的眼前。但不同的瀏覽器對於網頁程式碼解讀的方法不一定相同,例如圖片以「alt」做說明,在「IE」上沒有問題,但是在「火狐」上則顯現不出來,此時就要考量以「title」做替代。
另外,IE6對於CSS其實並不友善,常見網頁設計完成後,在IE7及IE8很正常,但到IE6上排版卻跑掉了,也曾見到IE6、IE7正常,但在IE8卻有問題,因此不同的瀏覽器「版本」也要考量。

 

6.CSS製版的優點:

CSS製版較傳統的「巢狀表格」而言,除了有修改容易的優點外,另外也因程式碼較簡短,能幫助搜尋引擎快速的找到網頁裡的所有資料,不會被困在「巢狀表格」的層層架構內,因此有SEO(搜尋引擎優化)的需求時,應該使用CSS製版。

 

7.小心使用Flash:

適當的Flash,會讓網頁看起來生動、酷炫,對於網頁設計很有幫助。但如果是全頁從按鈕到內文都是Flash的網頁設計,反而會讓搜尋引擎在搜尋網頁時,找不到您網頁內重要的資訊,自然就不易排至前面。因此建議Flash還是常來做點綴效果就好。

免費咨詢
內容:
更換圖片
購物車軟體 | 網頁設計 | 虛擬主機 | 網路行銷 | 電腦維護 | linux服務 | 3C採購 | 網頁維護 | 程式設計 | 關於希文 | 線上詢價 | 聯絡我們| 網站導覽

新北市中和區南山路19號 Tel: 02-2242-9995 Fax: 02-2242-8977
Copyright©希文資訊 rights reserved. 1024 * 768 以上,IE 7.0 以上