【精品】網(wǎng)站設(shè)計(jì)的流程

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

2、戶(hù)明確網(wǎng)站主題、目標(biāo)用戶(hù)群、目的、明確網(wǎng)站主題、目標(biāo)用戶(hù)群、目的、設(shè)計(jì)風(fēng)格、布局等；采用的架構(gòu)、設(shè)計(jì)風(fēng)格、布局等；采用的架構(gòu)、開(kāi)發(fā)語(yǔ)言（開(kāi)發(fā)語(yǔ)言（asp/jsp/java/等等)、數(shù)據(jù)庫(kù)（數(shù)據(jù)庫(kù)（sql/my sql/oracle)等。等。網(wǎng)站架構(gòu)：架構(gòu)師網(wǎng)站架構(gòu)：架構(gòu)師功能開(kāi)發(fā)：開(kāi)發(fā)工程師（程序員）功能開(kāi)發(fā)：開(kāi)發(fā)工程師（程序員）設(shè)計(jì)參與人：網(wǎng)頁(yè)設(shè)計(jì)師設(shè)計(jì)參與人：網(wǎng)頁(yè)設(shè)計(jì)師所用軟件：所用軟件：ps/fw參與人：策劃人員（主）、參與人：策劃人員（主）、項(xiàng)目經(jīng)理、開(kāi)發(fā)工程師（輔）、項(xiàng)目經(jīng)理、開(kāi)發(fā)工程師（輔）、網(wǎng)頁(yè)設(shè)計(jì)師（輔）網(wǎng)頁(yè)設(shè)計(jì)師（輔）開(kāi)發(fā)參與人：開(kāi)發(fā)工程師、開(kāi)發(fā)參與人：開(kāi)發(fā)工程師、架構(gòu)師、項(xiàng)

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

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

5、兩個(gè)網(wǎng)站 箱包批發(fā)網(wǎng)箱包批發(fā)網(wǎng)lvlv網(wǎng)網(wǎng)【精品】網(wǎng)站設(shè)計(jì)的流程v操作步驟分析：操作步驟分析：n第一步：兩個(gè)網(wǎng)站的產(chǎn)品分析第一步：兩個(gè)網(wǎng)站的產(chǎn)品分析 箱包批發(fā)網(wǎng)：品種多、齊全。綜箱包批發(fā)網(wǎng)：品種多、齊全。綜合的大型電子商務(wù)網(wǎng)站。合的大型電子商務(wù)網(wǎng)站。lvlv網(wǎng)：專(zhuān)營(yíng)自身品牌產(chǎn)品的電子商務(wù)網(wǎng)站。網(wǎng)：專(zhuān)營(yíng)自身品牌產(chǎn)品的電子商務(wù)網(wǎng)站?！揪贰烤W(wǎng)站設(shè)計(jì)的流程箱包批發(fā)網(wǎng)：產(chǎn)品以裝飾品名稱(chēng)分類(lèi)，左側(cè)按各箱包批發(fā)網(wǎng)：產(chǎn)品以裝飾品名稱(chēng)分類(lèi)，左側(cè)按各個(gè)產(chǎn)品的品牌分類(lèi)。個(gè)產(chǎn)品的品牌分類(lèi)。n第二步：網(wǎng)站功能和結(jié)構(gòu)分析第二步：網(wǎng)站功能和結(jié)構(gòu)分析lvlv網(wǎng)：采用網(wǎng)：采用flashflash特特效，精致效，精致而多變。而

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

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

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

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

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

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

12、 (目標(biāo)用戶(hù)群目標(biāo)用戶(hù)群) )n目標(biāo)用戶(hù)群的概念目標(biāo)用戶(hù)群的概念是指接收并理解網(wǎng)站建設(shè)方通過(guò)網(wǎng)絡(luò)媒是指接收并理解網(wǎng)站建設(shè)方通過(guò)網(wǎng)絡(luò)媒介傳遞的信息個(gè)體。介傳遞的信息個(gè)體。 一般網(wǎng)站中目標(biāo)用戶(hù)群分析一般網(wǎng)站中目標(biāo)用戶(hù)群分析門(mén)戶(hù)類(lèi)網(wǎng)站：目標(biāo)用戶(hù)群多門(mén)戶(hù)類(lèi)網(wǎng)站：目標(biāo)用戶(hù)群多專(zhuān)題類(lèi)網(wǎng)站：目標(biāo)用戶(hù)群?jiǎn)我?、個(gè)性專(zhuān)題類(lèi)網(wǎng)站：目標(biāo)用戶(hù)群?jiǎn)我弧€(gè)性旅游類(lèi)網(wǎng)站：年輕、時(shí)尚一族旅游類(lèi)網(wǎng)站：年輕、時(shí)尚一族平臺(tái)式網(wǎng)站：信息豐富，目標(biāo)用戶(hù)群多平臺(tái)式網(wǎng)站：信息豐富，目標(biāo)用戶(hù)群多娛樂(lè)類(lèi)網(wǎng)站：活潑的年輕人娛樂(lè)類(lèi)網(wǎng)站：活潑的年輕人【精品】網(wǎng)站設(shè)計(jì)的流程v達(dá)到達(dá)到“設(shè)計(jì)設(shè)計(jì)”目的目的5 5種方法種方法n書(shū)寫(xiě)策劃書(shū)書(shū)寫(xiě)策劃書(shū)n設(shè)計(jì)的設(shè)

13、計(jì)的“4 4”種切入點(diǎn)種切入點(diǎn)n網(wǎng)頁(yè)內(nèi)容安排技巧網(wǎng)頁(yè)內(nèi)容安排技巧n廣告的廣告的“口號(hào)口號(hào)”n網(wǎng)站可信度網(wǎng)站可信度【精品】網(wǎng)站設(shè)計(jì)的流程n網(wǎng)站策劃書(shū)的內(nèi)容：網(wǎng)站策劃書(shū)的內(nèi)容：背景介紹背景介紹市場(chǎng)分析市場(chǎng)分析建設(shè)目的及網(wǎng)站定位建設(shè)目的及網(wǎng)站定位技術(shù)解決方案技術(shù)解決方案內(nèi)容規(guī)劃內(nèi)容規(guī)劃頁(yè)面設(shè)計(jì)頁(yè)面設(shè)計(jì)流程及人工流程及人工網(wǎng)站維護(hù)網(wǎng)站維護(hù)發(fā)布與推廣發(fā)布與推廣【精品】網(wǎng)站設(shè)計(jì)的流程n廣告的廣告的“口號(hào)口號(hào)”vi不能代替口號(hào)不能代替口號(hào)u口號(hào)出現(xiàn)在口號(hào)出現(xiàn)在bannerbanner里里u口號(hào)出現(xiàn)在口號(hào)出現(xiàn)在titletitle里里u口號(hào)出現(xiàn)在插畫(huà)里口號(hào)出現(xiàn)在插畫(huà)里選擇口號(hào)時(shí)需注意：選擇口號(hào)時(shí)需注意：u好的口號(hào)要清楚、有真實(shí)的東西。好的口號(hào)要清楚、有真實(shí)的東西?！揪贰烤W(wǎng)站設(shè)計(jì)的流程u不好的口號(hào)含混不清。不好的口號(hào)含混不清。u好的口號(hào)長(zhǎng)度適中。好的口號(hào)長(zhǎng)度適中。u不好的口號(hào)太籠統(tǒng)。不好的口號(hào)太籠統(tǒng)。u好的口號(hào)應(yīng)該有個(gè)性、生動(dòng)，有時(shí)候還很俏皮。