網頁設計網站架設空間租用資訊科技天地 網頁設計網站架設空間租用資訊科技天地

3愛的鼓勵 0訂閱站台

 

website_describe1.jpg



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

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還是常來做點綴效果就好。