網(wǎng)站設(shè)計的流程

1、網(wǎng)頁設(shè)計的原則網(wǎng)頁設(shè)計的原則v會明確網(wǎng)站主題會明確網(wǎng)站主題v會分析行業(yè)資料會分析行業(yè)資料v會確定網(wǎng)站的用戶目標群會確定網(wǎng)站的用戶目標群v會使用會使用5 5種達到種達到“設(shè)計設(shè)計”的方法的方法 建設(shè)網(wǎng)站的流程建設(shè)網(wǎng)站的流程通通過過未未通通過過通通過過 業(yè)務接洽業(yè)務接洽 項目簽單項目簽單繼續(xù)開發(fā)繼續(xù)開發(fā)網(wǎng)站整合網(wǎng)站整合網(wǎng)站測試網(wǎng)站測試網(wǎng)站發(fā)布網(wǎng)站發(fā)布提交方案提交方案開發(fā)和設(shè)計開發(fā)和設(shè)計寫網(wǎng)站策劃書寫網(wǎng)站策劃書溝通溝通參與人：業(yè)務員、項目經(jīng)理、參與人：業(yè)務員、項目經(jīng)理、程序員、策劃人員、網(wǎng)頁設(shè)程序員、策劃人員、網(wǎng)頁設(shè)計師計師參與人：業(yè)務員、客戶參與人：業(yè)務員、客戶明確網(wǎng)站主題、目標用戶群、目的、明確

2、網(wǎng)站主題、目標用戶群、目的、設(shè)計風格、布局等；采用的架構(gòu)、設(shè)計風格、布局等；采用的架構(gòu)、開發(fā)語言（開發(fā)語言（ASP/JSP/JAVA/等等)、數(shù)據(jù)庫（數(shù)據(jù)庫（SQL/MY SQL/Oracle)等。等。網(wǎng)站架構(gòu)：架構(gòu)師網(wǎng)站架構(gòu)：架構(gòu)師功能開發(fā)：開發(fā)工程師（程序員）功能開發(fā)：開發(fā)工程師（程序員）設(shè)計參與人：網(wǎng)頁設(shè)計師設(shè)計參與人：網(wǎng)頁設(shè)計師所用軟件：所用軟件：PS/FW參與人：策劃人員（主）、參與人：策劃人員（主）、項目經(jīng)理、開發(fā)工程師（輔）、項目經(jīng)理、開發(fā)工程師（輔）、網(wǎng)頁設(shè)計師（輔）網(wǎng)頁設(shè)計師（輔）開發(fā)參與人：開發(fā)工程師、開發(fā)參與人：開發(fā)工程師、架構(gòu)師、項目經(jīng)理架構(gòu)師、項目經(jīng)理設(shè)計參與人：網(wǎng)頁

3、設(shè)計師、設(shè)計參與人：網(wǎng)頁設(shè)計師、業(yè)務員、客戶業(yè)務員、客戶開發(fā)參與人：架構(gòu)師、開發(fā)工程師開發(fā)參與人：架構(gòu)師、開發(fā)工程師設(shè)計參與人：網(wǎng)站制作人員設(shè)計參與人：網(wǎng)站制作人員所用軟件：所用軟件：DW/FL/ PS/FW參與人：開發(fā)工程師、制作人員參與人：開發(fā)工程師、制作人員參與人：測試工程師參與人：測試工程師參與人：項目經(jīng)理參與人：項目經(jīng)理未未通通過過v網(wǎng)頁設(shè)計的原則網(wǎng)頁設(shè)計的原則n統(tǒng)一、連貫、分割、對比、和諧。統(tǒng)一、連貫、分割、對比、和諧。n在原則指引下，建站前要做準備工作在原則指引下，建站前要做準備工作。創(chuàng)作前的準備工作創(chuàng)作前的準備工作 與客戶有效的溝通與客戶有效的溝通分析行業(yè)資料分析行業(yè)資料尋訪相

4、關(guān)網(wǎng)站尋訪相關(guān)網(wǎng)站匯總目標用戶群的特征匯總目標用戶群的特征新網(wǎng)站的優(yōu)勢和特色新網(wǎng)站的優(yōu)勢和特色網(wǎng)站導航（信息方面）網(wǎng)站導航（信息方面）形象口號（文化方面）形象口號（文化方面）構(gòu)思進行創(chuàng)作構(gòu)思進行創(chuàng)作確定主題（創(chuàng)作前的準備工作）確定主題（創(chuàng)作前的準備工作）v案例分析案例分析n通過通過4 4點對網(wǎng)站進行對比：點對網(wǎng)站進行對比：產(chǎn)品產(chǎn)品結(jié)構(gòu)和功能結(jié)構(gòu)和功能消費人群消費人群設(shè)計風格設(shè)計風格v涉及的知識點：涉及的知識點：n如何明確網(wǎng)站主題如何明確網(wǎng)站主題 網(wǎng)站對比網(wǎng)站對比v首先，對比兩個網(wǎng)站首先，對比兩個網(wǎng)站 箱包批發(fā)網(wǎng)箱包批發(fā)網(wǎng)LVLV網(wǎng)網(wǎng)v操作步驟分析：操作步驟分析：n第一步：兩個網(wǎng)站的產(chǎn)品分析第一

5、步：兩個網(wǎng)站的產(chǎn)品分析 箱包批發(fā)網(wǎng)：品種多、齊全。綜箱包批發(fā)網(wǎng)：品種多、齊全。綜合的大型電子商務網(wǎng)站。合的大型電子商務網(wǎng)站。LVLV網(wǎng)：專營自身品牌產(chǎn)品的電子商務網(wǎng)站。網(wǎng)：專營自身品牌產(chǎn)品的電子商務網(wǎng)站。箱包批發(fā)網(wǎng)：產(chǎn)品以裝飾品名稱分類，左側(cè)按各箱包批發(fā)網(wǎng)：產(chǎn)品以裝飾品名稱分類，左側(cè)按各個產(chǎn)品的品牌分類。個產(chǎn)品的品牌分類。n第二步：網(wǎng)站功能和結(jié)構(gòu)分析第二步：網(wǎng)站功能和結(jié)構(gòu)分析LVLV網(wǎng)：采用網(wǎng)：采用FlashFlash特特效，精致效，精致而多變。而多變。右邊多國右邊多國語言選擇，語言選擇，使用方便。使用方便。n第三步：兩個網(wǎng)站的商品針對的消費人群分析第三步：兩個網(wǎng)站的商品針對的消費人群分析l中

6、低檔消費人群。中低檔消費人群。n第四步：兩個網(wǎng)站的設(shè)計風格分析第四步：兩個網(wǎng)站的設(shè)計風格分析l傳統(tǒng)風格傳統(tǒng)風格 FlashFlash多媒體多媒體高端消費人群高端消費人群v目標用戶群不同和網(wǎng)站產(chǎn)品不同，目標用戶群不同和網(wǎng)站產(chǎn)品不同，設(shè)計風格也隨之不同。設(shè)計風格也隨之不同。v講解：理論知識（如何明確網(wǎng)站主題）講解：理論知識（如何明確網(wǎng)站主題）n對于題材選擇的建議對于題材選擇的建議主題要小而精主題要小而精目標不要太濫或太高目標不要太濫或太高n網(wǎng)頁形式是為突出主題服務的網(wǎng)頁形式是為突出主題服務的交換箱包批發(fā)網(wǎng)和交換箱包批發(fā)網(wǎng)和LVLV網(wǎng)的設(shè)計形式是不可取的。網(wǎng)的設(shè)計形式是不可取的。v講解：理論知識（如

7、何分析行業(yè)資料）講解：理論知識（如何分析行業(yè)資料）n行業(yè)資料分析包括：行業(yè)資料分析包括： 宣傳冊：公司對外宣傳的載體，宣傳冊：公司對外宣傳的載體，VIVI的一部分。的一部分。宣傳冊展示宣傳冊展示 電視廣告電視廣告VI設(shè)計設(shè)計行業(yè)背景行業(yè)背景 n行業(yè)資料分析是設(shè)計進行前的重要步驟。行業(yè)資料分析是設(shè)計進行前的重要步驟。 n行業(yè)知識積累不夠，在網(wǎng)站分析時，就只能行業(yè)知識積累不夠，在網(wǎng)站分析時，就只能看見表面，流于形式。看見表面，流于形式。 洗發(fā)水廣告洗發(fā)水廣告 手機廣告手機廣告 電腦廣告電腦廣告 廚房用品廣告廚房用品廣告VI設(shè)計設(shè)計uVI含義：視覺識別（含義：視覺識別（Visual Identity

8、）: : 以標志、標準字、標準色為核心展開的完整的、系統(tǒng)以標志、標準字、標準色為核心展開的完整的、系統(tǒng)的視覺表達體系。將企業(yè)理念、企業(yè)文化、服務內(nèi)容、的視覺表達體系。將企業(yè)理念、企業(yè)文化、服務內(nèi)容、企業(yè)規(guī)范等抽象概念轉(zhuǎn)換為具體符號，塑造出獨特的企業(yè)規(guī)范等抽象概念轉(zhuǎn)換為具體符號，塑造出獨特的企業(yè)形象。企業(yè)形象。uVI內(nèi)容：基本要素系統(tǒng)和應用系統(tǒng)內(nèi)容：基本要素系統(tǒng)和應用系統(tǒng) VI設(shè)計設(shè)計v通過上面的案例了解網(wǎng)頁設(shè)計的主題，主題的不通過上面的案例了解網(wǎng)頁設(shè)計的主題，主題的不同導致網(wǎng)頁的設(shè)計風格不同。同導致網(wǎng)頁的設(shè)計風格不同。1 1）沒有確定網(wǎng)站主題的作品容易出現(xiàn)什么問題？沒有確定網(wǎng)站主題的作品容易出

9、現(xiàn)什么問題？2 2）是不是明確了網(wǎng)站主題就能做好網(wǎng)頁呢？）是不是明確了網(wǎng)站主題就能做好網(wǎng)頁呢？答案是否定的。下面通過實例給大家講解目標用戶群。答案是否定的。下面通過實例給大家講解目標用戶群。v案例分析案例分析n目標用戶群的不同，導航和頁面設(shè)計不同。目標用戶群的不同，導航和頁面設(shè)計不同。v涉及的知識點：涉及的知識點：n3 3個網(wǎng)站的目標用戶群個網(wǎng)站的目標用戶群網(wǎng)站對比網(wǎng)站對比 v講解：目標用戶群講解：目標用戶群n百業(yè)人才網(wǎng)導航按照不同行業(yè)分類，百業(yè)人才網(wǎng)導航按照不同行業(yè)分類，8 8類不同類不同目標用戶群；頁面綠色清新、淡雅；布局功能目標用戶群；頁面綠色清新、淡雅；布局功能模塊明確。模塊明確。分類

10、分類有針對有針對“營銷營銷”人員的，有針對人員的，有針對“五金五金”行業(yè)的行業(yè)的n中華英才網(wǎng)導航按照內(nèi)容、用戶經(jīng)驗值不同的中華英才網(wǎng)導航按照內(nèi)容、用戶經(jīng)驗值不同的目標用戶群分類；頁面以藍色為主；頁面重點目標用戶群分類；頁面以藍色為主；頁面重點突出導航中的重點內(nèi)容。突出導航中的重點內(nèi)容。按經(jīng)驗值不同的目標用戶群分類。按經(jīng)驗值不同的目標用戶群分類。比如：比如：“獵頭服務獵頭服務”是針對較大發(fā)展的人。是針對較大發(fā)展的人。 “校園招聘校園招聘”是針對畢業(yè)學生是針對畢業(yè)學生n智聯(lián)招聘網(wǎng)導航按照用戶不同身份分類，智聯(lián)招聘網(wǎng)導航按照用戶不同身份分類， 同時按照行業(yè)分類，針對多種目標用戶群；頁面以同時按照行業(yè)

11、分類，針對多種目標用戶群；頁面以藍色為主；布局根據(jù)網(wǎng)站側(cè)重點不同來分配內(nèi)容。藍色為主；布局根據(jù)網(wǎng)站側(cè)重點不同來分配內(nèi)容。經(jīng)驗值分類經(jīng)驗值分類行業(yè)分類行業(yè)分類v講解：理論知識講解：理論知識( (目標用戶群目標用戶群) )n目標用戶群的概念目標用戶群的概念是指接收并理解網(wǎng)站建設(shè)方通過網(wǎng)絡(luò)媒是指接收并理解網(wǎng)站建設(shè)方通過網(wǎng)絡(luò)媒介傳遞的信息個體。介傳遞的信息個體。 n一般網(wǎng)站中目標用戶群分析一般網(wǎng)站中目標用戶群分析門戶類網(wǎng)站：目標用戶群多門戶類網(wǎng)站：目標用戶群多專題類網(wǎng)站：目標用戶群單一、個性專題類網(wǎng)站：目標用戶群單一、個性旅游類網(wǎng)站：年輕、時尚一族旅游類網(wǎng)站：年輕、時尚一族平臺式網(wǎng)站：信息豐富，目標用

12、戶群多平臺式網(wǎng)站：信息豐富，目標用戶群多娛樂類網(wǎng)站：活潑的年輕人娛樂類網(wǎng)站：活潑的年輕人v達到達到“設(shè)計設(shè)計”目的目的5 5種方法種方法n書寫策劃書書寫策劃書n設(shè)計的設(shè)計的“4 4”種切入點種切入點n網(wǎng)頁內(nèi)容安排技巧網(wǎng)頁內(nèi)容安排技巧n廣告的廣告的“口號口號”n網(wǎng)站可信度網(wǎng)站可信度n網(wǎng)站策劃書的內(nèi)容：網(wǎng)站策劃書的內(nèi)容：背景介紹背景介紹市場分析市場分析建設(shè)目的及網(wǎng)站定位建設(shè)目的及網(wǎng)站定位技術(shù)解決方案技術(shù)解決方案內(nèi)容規(guī)劃內(nèi)容規(guī)劃頁面設(shè)計頁面設(shè)計流程及人工流程及人工網(wǎng)站維護網(wǎng)站維護發(fā)布與推廣發(fā)布與推廣n廣告的廣告的“口號口號”VI不能代替口號不能代替口號u口號出現(xiàn)在口號出現(xiàn)在BannerBanner里里u口號出現(xiàn)在口號出現(xiàn)在TitleTitle里里u口號出現(xiàn)在插畫里口號出現(xiàn)在插畫里選擇口號時需注意：選擇口號時需注意：u好的口號要清楚、有真實的東西。好的口號要清楚、有真實的東西。u不好的口號含混不清。不好的口號含混不清。u好的口號長度適中。好的口號長度適中。u不好的口號太籠統(tǒng)。不好的口號太籠統(tǒng)。u好的口號應該有個性、生動，有時候還很俏皮。好的