網站的前台設計解析

1、安全快速訪問。足夠的帶寬是快速訪問的保證，（服務器放在自己單位不一定好）。

2、及時更新信息。及時更新才能吸引瀏覽者。

3、完善檢索能力。

4、網站信息交互能力。交互是網站最大特點。

5、方便客户訪問購買。製造強烈印象，減少干擾信息，避免宂長説明，提供可視化線索，顯示產品，激發慾望，提供方便購物車。

前台涉及主要工作流程：

1、收集關鍵信息。

2、概念開發。根據收集構思，草圖網站結構。

3、內容綜合。製作初始圖樣，配文字説明。

4、編制頁面優化圖形。

5、整合內部流程。

6、測試。全面測試頁面和頁面間的鏈接。

7、交付。

深入研究訪問者：

用户使用什麼瀏覽器？

用户需要什麼？

用户希望什麼效果？

用户使用什麼樣的網絡連接？

用户要花多少時間在企業的網站上？

用户對因特網的熟悉程度如何？

用户的文化背景如何？

網站設計要解決的基本問題：

網站結構。

與原有系統保持一致的措施。

信息的組織管理。

信息存儲方法

文檔的版本控制。

結構的完整性和一致性的維護方法。

網站纖細設計和基本模塊：

網站的詳細設計包括：畫面的佈局，系統內部結構，實現功能，維護方法等。

網站基本模塊：

站點結構圖。導航條。聯繫方式頁面。反饋表。引人入勝的'內容。

常見問題解答（FAQ）。合適的圖片。搜索工具。新聞頁面。相關站點鏈接。

網站設計常用技術：

網頁設計技術。數據庫技術。表單回收技術。郵件列表技術。

全文檢索技術。搜索引擎技術。電子商務技術。

首頁設計：

1、首頁設計應遵循快速、簡潔、吸引人、信息概括能力強、易於導航的原則。

2、首頁是全站內容的目錄和索引。

首頁內容：站名，主菜單，最新信息，電子郵件，聯絡信息，版權信息，其他功能。

3、版面設計：勾勒理想草圖，用搭積木的方法拼搭，再用網頁製作軟件實現。

4、避免“封面”。需要快速、有價值的信息。

內容和功能設計：

企業基本背景介紹。詳細產品資料或服務介紹。技術支持資料。

企業營銷網絡。財務報告（特別是上市企業）。收集客户反饋信息。

其他針對企業經營特點的內容。

頁面可視化設計：

1、頁面組織效果。運用對比與調和，對稱與平衡，節奏與韻律以及留白手段，在頁面中建立均衡，結合點線面的運用達到完美效果。

2、頁面色調效果。合理組合搭配，注意不同讀者對顏色的喜惡差異習慣。

3、頁面版式設計。注重版面佈局的視覺效果。

4、頁面美術設計。注意與其他媒體的區別和瀏覽器可識別的圖像格式問題

頁面色調效果：

根據和諧、均衡和重點突出原則，進行合理搭配，用最簡單的色彩表達最豐富的含義。注意：色彩的記憶效果是黑白的3.5倍。

鮮明性：容易引人注目。

獨特性：使用户印象深刻。

合適性：色彩要和內容、氣氛相適應。

聯想性：色彩要和網頁內容相關聯。

頁面的版面佈局：

1、通過文字圖像的空間組合達到協調狀態。

2、經過草圖製作，完成粗略佈局，最後定案。

3、版面佈局形式：“T”性佈局，“口”型佈局，“三”型佈局，對稱佈局，海報型的“POP”佈局。

4、佈局設計原則：“均稱”有序，平衡和諧，利用色彩、色調加強效果，注意凝視效果，注意空白的利用，對語言無法表達的是用圖片解説的方法。

頁面的風格設計：

1、整體風格是對網站整體形象的綜合感受。包括Ci設計、版面佈局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義等。

2、樹立網站風格的步驟：

確信風格建立在價值內容之上。

搞清楚網站將給瀏覽者產生的印象。

努力建立和加強確立了的印象。

3、設計裝飾風格：組織性風格，功能性風格，可視性風格。沒有完美的網站裝飾風格。

欄目和版面設計：

1、欄目是網站的大綱索引，要明確顯示網站的主題，便於瀏覽查詢。

2、板塊比欄目概念大，每個板塊都有欄目。

3、如果要設立板塊，要考慮相對獨立，相互關聯，內容要圍繞主題。

4、欄目安排要緊扣主題，可以考慮設立“最近更新”的指南欄目，設立可雙向交流的欄目，設立一個下載或常見問題回答欄目。

其他功能設計：

客户留言設計。搜索引擎設計。聊天室設計。郵件功能設計。虛擬社區設計。

網站設計成功要素：

整體佈局結構清晰。提供有價值的信息。快速的訪問速度。良好的版面設計。

很強的文字可讀性。良好的標題設計。導航明確導向清晰。加強客户關係。

有效保護個人信息。方便的反饋和服務。