【精品】網(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è)計”的方法的方法 【精品】網(wǎng)站設(shè)計的流程建設(shè)網(wǎng)站的流程建設(shè)網(wǎng)站的流程通通過過未未通通過過通通過過 業(yè)務(wù)接洽業(yè)務(wù)接洽 項目簽單項目簽單繼續(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è)務(wù)員、項目經(jīng)理、參與人：業(yè)務(wù)員、項目經(jīng)理、程序員、策劃人員、網(wǎng)頁設(shè)程序員、策劃人員、網(wǎng)頁設(shè)計師計師參與人：業(yè)務(wù)員、客戶參與人：業(yè)務(wù)員、客

2、戶明確網(wǎng)站主題、目標用戶群、目的、明確網(wǎng)站主題、目標用戶群、目的、設(shè)計風(fēng)格、布局等；采用的架構(gòu)、設(shè)計風(fēng)格、布局等；采用的架構(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)師、項

3、目經(jīng)理架構(gòu)師、項目經(jīng)理設(shè)計參與人：網(wǎng)頁設(shè)計師、設(shè)計參與人：網(wǎng)頁設(shè)計師、業(yè)務(wù)員、客戶業(yè)務(wù)員、客戶開發(fā)參與人：架構(gòu)師、開發(fā)工程師開發(fā)參與人：架構(gòu)師、開發(fā)工程師設(shè)計參與人：網(wǎng)站制作人員設(shè)計參與人：網(wǎng)站制作人員所用軟件：所用軟件：dw/fl/ ps/fw參與人：開發(fā)工程師、制作人員參與人：開發(fā)工程師、制作人員參與人：測試工程師參與人：測試工程師參與人：項目經(jīng)理參與人：項目經(jīng)理未未通通過過【精品】網(wǎng)站設(shè)計的流程v網(wǎng)頁設(shè)計的原則網(wǎng)頁設(shè)計的原則n統(tǒng)一、連貫、分割、對比、和諧。統(tǒng)一、連貫、分割、對比、和諧。n在原則指引下，建站前要做準備工作在原則指引下，建站前要做準備工作。創(chuàng)作前的準備工作創(chuàng)作前的準備工作 與

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

5、兩個網(wǎng)站 箱包批發(fā)網(wǎng)箱包批發(fā)網(wǎng)lvlv網(wǎng)網(wǎng)【精品】網(wǎng)站設(shè)計的流程v操作步驟分析：操作步驟分析：n第一步：兩個網(wǎng)站的產(chǎn)品分析第一步：兩個網(wǎng)站的產(chǎn)品分析 箱包批發(fā)網(wǎng)：品種多、齊全。綜箱包批發(fā)網(wǎng)：品種多、齊全。綜合的大型電子商務(wù)網(wǎng)站。合的大型電子商務(wù)網(wǎng)站。lvlv網(wǎng)：專營自身品牌產(chǎn)品的電子商務(wù)網(wǎng)站。網(wǎng)：專營自身品牌產(chǎn)品的電子商務(wù)網(wǎng)站?！揪贰烤W(wǎng)站設(shè)計的流程箱包批發(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特特效，精致效，精致而多變。而

6、多變。右邊多國右邊多國語言選擇，語言選擇，使用方便。使用方便?！揪贰烤W(wǎng)站設(shè)計的流程n第三步：兩個網(wǎng)站的商品針對的消費人群分析第三步：兩個網(wǎng)站的商品針對的消費人群分析l中低檔消費人群。中低檔消費人群。n第四步：兩個網(wǎng)站的設(shè)計風(fēng)格分析第四步：兩個網(wǎng)站的設(shè)計風(fēng)格分析l傳統(tǒng)風(fēng)格傳統(tǒng)風(fēng)格 flashflash多媒體多媒體高端消費人群高端消費人群【精品】網(wǎng)站設(shè)計的流程v目標用戶群不同和網(wǎng)站產(chǎn)品不同，目標用戶群不同和網(wǎng)站產(chǎn)品不同，設(shè)計風(fēng)格也隨之不同。設(shè)計風(fēng)格也隨之不同?！揪贰烤W(wǎng)站設(shè)計的流程v講解：理論知識（如何明確網(wǎng)站主題）講解：理論知識（如何明確網(wǎng)站主題）n對于題材選擇的建議對于題材選擇的建議主題要小

7、而精主題要小而精目標不要太濫或太高目標不要太濫或太高n網(wǎng)頁形式是為突出主題服務(wù)的網(wǎng)頁形式是為突出主題服務(wù)的交換箱包批發(fā)網(wǎng)和交換箱包批發(fā)網(wǎng)和lvlv網(wǎng)的設(shè)計形式是不可取的。網(wǎng)的設(shè)計形式是不可取的?！揪贰烤W(wǎng)站設(shè)計的流程v講解：理論知識（如何分析行業(yè)資料）講解：理論知識（如何分析行業(yè)資料）n行業(yè)資料分析包括：行業(yè)資料分析包括： 宣傳冊：公司對外宣傳的載體，宣傳冊：公司對外宣傳的載體，vivi的一部分。的一部分。宣傳冊展示宣傳冊展示 【精品】網(wǎng)站設(shè)計的流程電視廣告電視廣告vi設(shè)計設(shè)計行業(yè)背景行業(yè)背景 n行業(yè)資料分析是設(shè)計進行前的重要步驟。行業(yè)資料分析是設(shè)計進行前的重要步驟。 n行業(yè)知識積累不夠，在網(wǎng)

8、站分析時，就只能行業(yè)知識積累不夠，在網(wǎng)站分析時，就只能看見表面，流于形式。看見表面，流于形式。 洗發(fā)水廣告洗發(fā)水廣告 手機廣告手機廣告 電腦廣告電腦廣告 廚房用品廣告廚房用品廣告【精品】網(wǎng)站設(shè)計的流程vi設(shè)計設(shè)計uvi含義：視覺識別（含義：視覺識別（visual identity）: : 以標志、標準字、標準色為核心展開的完整的、系統(tǒng)以標志、標準字、標準色為核心展開的完整的、系統(tǒng)的視覺表達體系。將企業(yè)理念、企業(yè)文化、服務(wù)內(nèi)容、的視覺表達體系。將企業(yè)理念、企業(yè)文化、服務(wù)內(nèi)容、企業(yè)規(guī)范等抽象概念轉(zhuǎn)換為具體符號，塑造出獨特的企業(yè)規(guī)范等抽象概念轉(zhuǎn)換為具體符號，塑造出獨特的企業(yè)形象。企業(yè)形象。uvi內(nèi)容

9、：基本要素系統(tǒng)和應(yīng)用系統(tǒng)內(nèi)容：基本要素系統(tǒng)和應(yīng)用系統(tǒng) vi設(shè)計設(shè)計【精品】網(wǎng)站設(shè)計的流程v通過上面的案例了解網(wǎng)頁設(shè)計的主題，主題的不通過上面的案例了解網(wǎng)頁設(shè)計的主題，主題的不同導(dǎo)致網(wǎng)頁的設(shè)計風(fēng)格不同。同導(dǎo)致網(wǎng)頁的設(shè)計風(fēng)格不同。1 1）沒有確定網(wǎng)站主題的作品容易出現(xiàn)什么問題？沒有確定網(wǎng)站主題的作品容易出現(xiàn)什么問題？2 2）是不是明確了網(wǎng)站主題就能做好網(wǎng)頁呢？）是不是明確了網(wǎng)站主題就能做好網(wǎng)頁呢？答案是否定的。下面通過實例給大家講解目標用戶群。答案是否定的。下面通過實例給大家講解目標用戶群?！揪贰烤W(wǎng)站設(shè)計的流程v案例分析案例分析n目標用戶群的不同，導(dǎo)航和頁面設(shè)計不同。目標用戶群的不同，導(dǎo)航和頁面

10、設(shè)計不同。v涉及的知識點：涉及的知識點：n3 3個網(wǎng)站的目標用戶群個網(wǎng)站的目標用戶群網(wǎng)站對比網(wǎng)站對比 【精品】網(wǎng)站設(shè)計的流程v講解：目標用戶群講解：目標用戶群n百業(yè)人才網(wǎng)導(dǎo)航按照不同行業(yè)分類，百業(yè)人才網(wǎng)導(dǎo)航按照不同行業(yè)分類，8 8類不同類不同目標用戶群；頁面綠色清新、淡雅；布局功能目標用戶群；頁面綠色清新、淡雅；布局功能模塊明確。模塊明確。分類分類有針對有針對“營銷營銷”人員的，有針對人員的，有針對“五金五金”行業(yè)的行業(yè)的【精品】網(wǎng)站設(shè)計的流程n中華英才網(wǎng)導(dǎo)航按照內(nèi)容、用戶經(jīng)驗值不同的中華英才網(wǎng)導(dǎo)航按照內(nèi)容、用戶經(jīng)驗值不同的目標用戶群分類；頁面以藍色為主；頁面重點目標用戶群分類；頁面以藍色為主

11、；頁面重點突出導(dǎo)航中的重點內(nèi)容。突出導(dǎo)航中的重點內(nèi)容。按經(jīng)驗值不同的目標用戶群分類。按經(jīng)驗值不同的目標用戶群分類。比如：比如：“獵頭服務(wù)獵頭服務(wù)”是針對較大發(fā)展的人。是針對較大發(fā)展的人。 “校園招聘校園招聘”是針對畢業(yè)學(xué)生是針對畢業(yè)學(xué)生【精品】網(wǎng)站設(shè)計的流程n智聯(lián)招聘網(wǎng)導(dǎo)航按照用戶不同身份分類，智聯(lián)招聘網(wǎng)導(dǎo)航按照用戶不同身份分類， 同時按照行業(yè)分類，針對多種目標用戶群；頁面以同時按照行業(yè)分類，針對多種目標用戶群；頁面以藍色為主；布局根據(jù)網(wǎng)站側(cè)重點不同來分配內(nèi)容。藍色為主；布局根據(jù)網(wǎng)站側(cè)重點不同來分配內(nèi)容。經(jīng)驗值分類經(jīng)驗值分類行業(yè)分類行業(yè)分類【精品】網(wǎng)站設(shè)計的流程v講解：理論知識講解：理論知識(

12、 (目標用戶群目標用戶群) )n目標用戶群的概念目標用戶群的概念是指接收并理解網(wǎng)站建設(shè)方通過網(wǎng)絡(luò)媒是指接收并理解網(wǎng)站建設(shè)方通過網(wǎng)絡(luò)媒介傳遞的信息個體。介傳遞的信息個體。 一般網(wǎng)站中目標用戶群分析一般網(wǎng)站中目標用戶群分析門戶類網(wǎng)站：目標用戶群多門戶類網(wǎng)站：目標用戶群多專題類網(wǎng)站：目標用戶群單一、個性專題類網(wǎng)站：目標用戶群單一、個性旅游類網(wǎng)站：年輕、時尚一族旅游類網(wǎng)站：年輕、時尚一族平臺式網(wǎng)站：信息豐富，目標用戶群多平臺式網(wǎng)站：信息豐富，目標用戶群多娛樂類網(wǎng)站：活潑的年輕人娛樂類網(wǎng)站：活潑的年輕人【精品】網(wǎng)站設(shè)計的流程v達到達到“設(shè)計設(shè)計”目的目的5 5種方法種方法n書寫策劃書書寫策劃書n設(shè)計的設(shè)

13、計的“4 4”種切入點種切入點n網(wǎng)頁內(nèi)容安排技巧網(wǎng)頁內(nèi)容安排技巧n廣告的廣告的“口號口號”n網(wǎng)站可信度網(wǎng)站可信度【精品】網(wǎng)站設(shè)計的流程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ā)布與推廣【精品】網(wǎng)站設(shè)計的流程n廣告的廣告的“口號口號”vi不能代替口號不能代替口號u口號出現(xiàn)在口號出現(xiàn)在bannerbanner里里u口號出現(xiàn)在口號出現(xiàn)在titletitle里里u口號出現(xiàn)在插畫里口號出現(xiàn)在插畫里選擇口號時需注意：選擇口號時需注意：u好的口號要清楚、有真實的東西。好的口號要清楚、有真實的東西?！揪贰烤W(wǎng)站設(shè)計的流程u不好的口號含混不清。不好的口號含混不清。u好的口號長度適中。好的口號長度適中。u不好的口號太籠統(tǒng)。不好的口號太籠統(tǒng)。u好的口號應(yīng)該有個性、生動，有時候還很俏皮。