【精品】網(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)站的用戶目標(biāo)群會(huì)確定網(wǎng)站的用戶目標(biāo)群v會(huì)使用會(huì)使用5 5種達(dá)到種達(dá)到“設(shè)計(jì)設(shè)計(jì)”的方法的方法 【精品】網(wǎng)站設(shè)計(jì)的流程建設(shè)網(wǎng)站的流程建設(shè)網(wǎng)站的流程通通過過未未通通過過通通過過 業(yè)務(wù)接洽業(yè)務(wù)接洽 項(xiàng)目簽單項(xiàng)目簽單繼續(xù)開發(fā)繼續(xù)開發(fā)網(wǎng)站整合網(wǎng)站整合網(wǎng)站測(cè)試網(wǎng)站測(cè)試網(wǎng)站發(fā)布網(wǎng)站發(fā)布提交方案提交方案開發(fā)和設(shè)計(jì)開發(fā)和設(shè)計(jì)寫網(wǎng)站策劃書寫網(wǎng)站策劃書溝通溝通參與人：業(yè)務(wù)員、項(xiàng)目經(jīng)理、參與人：業(yè)務(wù)員、項(xiàng)目經(jīng)理、程序員、策劃人員、網(wǎng)頁設(shè)程序員、策劃人員、網(wǎng)頁設(shè)計(jì)師計(jì)師參與人：業(yè)務(wù)員、客戶參與人：業(yè)務(wù)員、客

2、戶明確網(wǎng)站主題、目標(biāo)用戶群、目的、明確網(wǎng)站主題、目標(biāo)用戶群、目的、設(shè)計(jì)風(fēng)格、布局等；采用的架構(gòu)、設(shè)計(jì)風(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è)計(jì)參與人：網(wǎng)頁設(shè)計(jì)師設(shè)計(jì)參與人：網(wǎng)頁設(shè)計(jì)師所用軟件：所用軟件：ps/fw參與人：策劃人員（主）、參與人：策劃人員（主）、項(xiàng)目經(jīng)理、開發(fā)工程師（輔）、項(xiàng)目經(jīng)理、開發(fā)工程師（輔）、網(wǎng)頁設(shè)計(jì)師（輔）網(wǎng)頁設(shè)計(jì)師（輔）開發(fā)參與人：開發(fā)工程師、開發(fā)參與人：開發(fā)工程師、架構(gòu)師、項(xiàng)

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

4、客戶有效的溝通與客戶有效的溝通分析行業(yè)資料分析行業(yè)資料尋訪相關(guān)網(wǎng)站尋訪相關(guān)網(wǎng)站匯總目標(biāo)用戶群的特征匯總目標(biāo)用戶群的特征新網(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通過通過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)：專營自身品牌產(chǎn)品的電子商務(wù)網(wǎng)站。網(wǎng)：專營自身品牌產(chǎn)品的電子商務(wù)網(wǎng)站。【精品】網(wǎng)站設(shè)計(jì)的流程箱包批發(fā)網(wǎng)：產(chǎn)品以裝飾品名稱分類，左側(cè)按各箱包批發(fā)網(wǎng)：產(chǎn)品以裝飾品名稱分類，左側(cè)按各個(gè)產(chǎn)品的品牌分類。個(gè)產(chǎn)品的品牌分類。n第二步：網(wǎng)站功能和結(jié)構(gòu)分析第二步：網(wǎng)站功能和結(jié)構(gòu)分析lvlv網(wǎng)：采用網(wǎng)：采用flashflash特特效，精致效，精致而多變。而

6、多變。右邊多國右邊多國語言選擇，語言選擇，使用方便。使用方便?！揪贰烤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)用戶群不同和網(wǎng)站產(chǎn)品不同，目標(biāo)用戶群不同和網(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)頁形式是為突出主題服務(wù)的網(wǎng)頁形式是為突出主題服務(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í)，就只能看見表面，流于形式。看見表面，流于形式。 洗發(fā)水廣告洗發(fā)水廣告 手機(jī)廣告手機(jī)廣告 電腦廣告電腦廣告 廚房用品廣告廚房用品廣告【精品】網(wǎng)站設(shè)計(jì)的流程vi設(shè)計(jì)設(shè)計(jì)uvi含義：視覺識(shí)別（含義：視覺識(shí)別（visual identity）: : 以標(biāo)志、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色為核心展開的完整的、系統(tǒng)以標(biāo)志、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色為核心展開的完整的、系統(tǒng)的視覺表達(dá)體系。將企業(yè)理念、企業(yè)文化、服務(wù)內(nèi)容、的視覺表達(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通過上面的案例了解網(wǎng)頁設(shè)計(jì)的主題，主題的不通過上面的案例了解網(wǎng)頁設(shè)計(jì)的主題，主題的不同導(dǎo)致網(wǎng)頁的設(shè)計(jì)風(fēng)格不同。同導(dǎo)致網(wǎng)頁的設(shè)計(jì)風(fēng)格不同。1 1）沒有確定網(wǎng)站主題的作品容易出現(xiàn)什么問題？沒有確定網(wǎng)站主題的作品容易出現(xiàn)什么問題？2 2）是不是明確了網(wǎng)站主題就能做好網(wǎng)頁呢？）是不是明確了網(wǎng)站主題就能做好網(wǎng)頁呢？答案是否定的。下面通過實(shí)例給大家講解目標(biāo)用戶群。答案是否定的。下面通過實(shí)例給大家講解目標(biāo)用戶群?！揪贰烤W(wǎng)站設(shè)計(jì)的流程v案例分析案例分析n目標(biāo)用戶群的不同，導(dǎo)航和頁面設(shè)計(jì)不同。目標(biāo)用戶群的不同，導(dǎo)航和頁面

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

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

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

13、計(jì)的“4 4”種切入點(diǎn)種切入點(diǎn)n網(wǎng)頁內(nèi)容安排技巧網(wǎng)頁內(nèi)容安排技巧n廣告的廣告的“口號(hào)口號(hào)”n網(wǎng)站可信度網(wǎng)站可信度【精品】網(wǎng)站設(shè)計(jì)的流程n網(wǎng)站策劃書的內(nèi)容：網(wǎng)站策劃書的內(nèi)容：背景介紹背景介紹市場(chǎng)分析市場(chǎng)分析建設(shè)目的及網(wǎng)站定位建設(shè)目的及網(wǎng)站定位技術(shù)解決方案技術(shù)解決方案內(nèi)容規(guī)劃內(nèi)容規(guī)劃頁面設(shè)計(jì)頁面設(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)在插畫里口號(hào)出現(xiàn)在插畫里選擇口號(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)長度適中。好的口號(hào)長度適中。u不好的口號(hào)太籠統(tǒng)。不好的口號(hào)太籠統(tǒng)。u好的口號(hào)應(yīng)該有個(gè)性、生動(dòng)，有時(shí)候還很俏皮。