工作任務(wù)網(wǎng)站設(shè)計(jì)流程知識——網(wǎng)站設(shè)計(jì)的基礎(chǔ)也是全局的掌控

1、共二十四頁共二十四頁第一節(jié) 人才(rnci)的重要性學(xué)習(xí)目標(biāo)了解與客戶的業(yè)務(wù)溝通了解網(wǎng)站素材收集了解測試并上傳網(wǎng)站了解網(wǎng)站的更新與維護(hù)理解網(wǎng)站的需求分析理解確定網(wǎng)站類型理解確定網(wǎng)站的目標(biāo)群體理解網(wǎng)站風(fēng)格定位理解確定網(wǎng)站內(nèi)容理解制作網(wǎng)頁效果。理解優(yōu)化和切割網(wǎng)頁掌握書寫網(wǎng)站策劃書掌握簽訂網(wǎng)站合同掌握網(wǎng)站的業(yè)務(wù)流程設(shè)計(jì)掌握規(guī)劃網(wǎng)站欄目與目錄結(jié)構(gòu)網(wǎng)站版式與布局設(shè)計(jì)的創(chuàng)新網(wǎng)頁的色彩搭配的創(chuàng)新共二十四頁（一）與客戶(k h)的業(yè)務(wù)溝通一、前期(qinq)業(yè)務(wù)工作獲得業(yè)務(wù)在比較正規(guī)的網(wǎng)絡(luò)公司一般是由專門的業(yè)務(wù)員去完成的，確認(rèn)訂單后就由網(wǎng)頁設(shè)計(jì)人員去設(shè)計(jì)網(wǎng)站，再由網(wǎng)頁制作人員完成網(wǎng)頁編程。這也不表示網(wǎng)頁設(shè)計(jì)人

2、員不和客戶進(jìn)行溝通，實(shí)際上，小規(guī)模的公司往往是設(shè)計(jì)人員就是兼職業(yè)務(wù)人員。而且，設(shè)計(jì)人員參與用戶的溝通往往能夠提出更專業(yè)意見，容易讓客戶取得信任，也比較容易把握客戶的真正意圖。共二十四頁一、前期(qinq)業(yè)務(wù)工作（二）書寫網(wǎng)站(wn zhn)策劃書1、背景介紹背景介紹寫在網(wǎng)站策劃書的開頭，有時(shí)也寫作“前言”或“概述”，一般是介紹互聯(lián)網(wǎng)情況、本公司背景、實(shí)力等內(nèi)容。開頭應(yīng)該簡練、醒目，給閱讀者氣勢恢宏和誠懇的感覺。2、市場分析：市場分析部分常寫明相關(guān)行業(yè)的市場特點(diǎn)、現(xiàn)狀、前景，自己與競爭對手相比自我剖析和市場優(yōu)勢等。網(wǎng)站策劃書3、建站目的及網(wǎng)站定位這部分應(yīng)該說明為什么要建立網(wǎng)站，以及根據(jù)網(wǎng)站的功

3、能，確定網(wǎng)站應(yīng)達(dá)到的目的和作用等內(nèi)容。網(wǎng)站的基本項(xiàng)目也可以在這部分給予介紹，如域名、網(wǎng)址、往后咱的標(biāo)志、網(wǎng)站的口號等。而網(wǎng)站目標(biāo)用戶分析如果不放在市場分析部分也可以放在這里。4、技術(shù)解決方案網(wǎng)站的技術(shù)解決方案是由它預(yù)計(jì)的網(wǎng)站功能決定的，大型網(wǎng)站的技術(shù)實(shí)現(xiàn)描述是非常重要的問題，小型網(wǎng)站可以寫的簡略些。網(wǎng)站的技術(shù)解決方案主要包括網(wǎng)站開發(fā)使用的軟硬件環(huán)境、網(wǎng)站運(yùn)營方式、采用的程序開發(fā)語言種類、網(wǎng)站的安全措施等。共二十四頁一、前期(qinq)業(yè)務(wù)工作（二）書寫(shxi)網(wǎng)站策劃書5、內(nèi)容規(guī)劃網(wǎng)站的內(nèi)容規(guī)劃主要有欄目安排和網(wǎng)站結(jié)構(gòu)設(shè)計(jì)兩方面。不同性質(zhì)的客戶有不同的內(nèi)容設(shè)置。網(wǎng)站的內(nèi)容規(guī)劃將密切的關(guān)系到

4、今后網(wǎng)站的設(shè)計(jì)與制作，尤其與網(wǎng)站導(dǎo)航規(guī)劃、欄目劃分、分頁設(shè)置等內(nèi)容聯(lián)系緊密。6、頁面設(shè)計(jì)頁面設(shè)計(jì)很大程度上意味著目標(biāo)網(wǎng)頁的美術(shù)設(shè)計(jì)，一般要寫明頁面信息分部、格局規(guī)劃、VIS系統(tǒng)、廣告規(guī)范等。網(wǎng)站策劃書7、流程及人工流程即網(wǎng)頁的開發(fā)實(shí)踐進(jìn)度表，包括網(wǎng)站建設(shè)實(shí)踐的計(jì)劃、網(wǎng)站所需崗位及崗位設(shè)置等，這一部分內(nèi)容使客戶能夠方便的判斷此項(xiàng)目的資金投入及可行性。8、網(wǎng)站維護(hù)網(wǎng)站維護(hù)包括軟硬件維護(hù)、內(nèi)容維護(hù)、廣告維護(hù)等內(nèi)容。9、發(fā)布與推廣網(wǎng)站的后期工作，如網(wǎng)站宣傳、推廣方案，還包括公關(guān)、廣告活動(dòng)及費(fèi)用等內(nèi)容。共二十四頁一、前期(qinq)業(yè)務(wù)工作（三）簽訂(qindng)網(wǎng)站合同1、合同雙方的權(quán)利義務(wù)要明確要

5、確定哪些是承建方的義務(wù)、哪些是委托方的義務(wù)，以及雙方要求對方提供哪些相應(yīng)的協(xié)助的權(quán)利。而且對于雙方各自的義務(wù)部分，必須相當(dāng)明確地作出說明，以免在履行合同時(shí)產(chǎn)生不必要的糾紛。2、網(wǎng)站建設(shè)的完成如需要合作完成時(shí)，則需對合作的相關(guān)內(nèi)容作出約定如果承建方在工作中需要和委托方或者第三方進(jìn)行合作，就必須清晰說明這種合作的流程，方式和要求。3、對項(xiàng)目建設(shè)工作流程與時(shí)間進(jìn)度需作出說明 合同必須說明項(xiàng)目開展的工作流程，對每個(gè)流程環(huán)節(jié)的完成時(shí)間要說明。4、網(wǎng)站建設(shè)的質(zhì)量要求盡量具體與細(xì)化 網(wǎng)站建設(shè)質(zhì)量主要指網(wǎng)站頁面設(shè)計(jì)，制作與網(wǎng)站程序的質(zhì)量；對于網(wǎng)站功能性程序來說，應(yīng)對功能作出詳細(xì)的說明。5、制訂出合適的網(wǎng)站承建

6、費(fèi)用支付標(biāo)準(zhǔn)和支付方式支付標(biāo)準(zhǔn)、支付方式共二十四頁二、網(wǎng)站設(shè)計(jì)(shj)流程需求分析素材收集確定網(wǎng)站類型確定目標(biāo)群體設(shè)計(jì)業(yè)務(wù)流程定位網(wǎng)站風(fēng)格確定網(wǎng)站內(nèi)容規(guī)劃網(wǎng)站欄目設(shè)計(jì)版式與布局確定色彩搭配共二十四頁網(wǎng)站需求(xqi)分析是網(wǎng)站制作整個(gè)流程的第一步，也是非常重要的一步，只有先明確網(wǎng)站的需求(xqi)才能進(jìn)行下一步工作。網(wǎng)站需求分析主要來源于市場調(diào)研、準(zhǔn)確的說是需求調(diào)研。需求調(diào)研就是需求的采集過程，需要充分了解用戶需求、業(yè)務(wù)內(nèi)容和業(yè)務(wù)流程，是進(jìn)一步進(jìn)行需求分析的前提條件。二、網(wǎng)站設(shè)計(jì)(shj)流程（一）網(wǎng)站的需求分析小提示：需求分析不是設(shè)計(jì)師自己的揣測和決定，它是一個(gè)循序漸進(jìn)的過程，不會(huì)一步到位

7、。期間設(shè)計(jì)師應(yīng)該不斷和客戶溝通，并且能夠把客戶凌亂不完整，甚至不正確的需求進(jìn)行正確的分析、歸納、總結(jié)。共二十四頁（1）是客戶提供（2）設(shè)計(jì)師主動(dòng)(zhdng)索要（3）搜索引擎網(wǎng)站上尋找二、網(wǎng)站設(shè)計(jì)(shj)流程（二）網(wǎng)站素材收集小提示：規(guī)模比較大或者資質(zhì)比較深的客戶一般會(huì)提供相關(guān)素材，如網(wǎng)站Logo、標(biāo)準(zhǔn)色、相關(guān)文字檔案、電子資料等，資料收集比較方便。但一些小公司，幾乎沒有什么自己特色的素材，反而還會(huì)要求設(shè)計(jì)師幫助設(shè)計(jì)Logo、標(biāo)準(zhǔn)色，一旦網(wǎng)站運(yùn)行成功，也許就直接沿用設(shè)計(jì)師的成果了。小知識：什么是Logo和標(biāo)準(zhǔn)色？Logo和標(biāo)準(zhǔn)色是企業(yè)“CIS （Corporate Identity Sys

8、tem）企業(yè)形象識別系統(tǒng)”設(shè)計(jì)的一部分。共二十四頁按語種(y zhn)分類，主要有：簡體（繁體）中文網(wǎng)站、英文網(wǎng)站、其他語言網(wǎng)站等。按所有者分類，主要有：政府網(wǎng)站、企業(yè)網(wǎng)站、個(gè)人網(wǎng)站、學(xué)校網(wǎng)站等。按行業(yè)分類，主要有：農(nóng)林牧副漁等（太多了，呵呵）。按網(wǎng)站作用分類，主要有：咨詢信息網(wǎng)站、搜索引擎網(wǎng)站、電子商務(wù)網(wǎng)站、交友聊天網(wǎng)站、軟件下載網(wǎng)站、娛樂游戲網(wǎng)站。按開發(fā)語言分類，主要有：靜態(tài)（HTML）網(wǎng)站 、動(dòng)態(tài)（ASP、JSP、PHP、.NET、XML等）網(wǎng)站。按網(wǎng)站規(guī)模分類，主要有：大型網(wǎng)站、中型網(wǎng)站、小型網(wǎng)站。按網(wǎng)站運(yùn)行的操作系統(tǒng)分類，主要有：Windows平臺、Linux平臺、Unix網(wǎng)站等二、

9、網(wǎng)站(wn zhn)設(shè)計(jì)流程（三）確定網(wǎng)站類型共二十四頁用戶(yngh)習(xí)慣和特點(diǎn)，他們的需求二、網(wǎng)站(wn zhn)設(shè)計(jì)流程（四）確定網(wǎng)站的目標(biāo)群體共二十四頁網(wǎng)站的業(yè)務(wù)流程是指各類業(yè)務(wù)角色通過網(wǎng)站完成某項(xiàng)任務(wù)的一系列行為活動(dòng)。不同的網(wǎng)站、網(wǎng)站不同頁面都會(huì)有不同的角色，因此也會(huì)有相應(yīng)的業(yè)務(wù)流程，每一類角色參與活動(dòng)時(shí)的入口和流程都有所不同，網(wǎng)站設(shè)計(jì)人員可以通過邏輯圖與示意圖簡要明確 進(jìn)行描述，而各類業(yè)務(wù)角色則需要通過網(wǎng)站上具體功能與導(dǎo)航來完成。網(wǎng)站業(yè)務(wù)流程設(shè)計(jì)是否完善與合理，直接影響網(wǎng)站功能的發(fā)揮與工作效率，所以(suy)網(wǎng)站業(yè)務(wù)流程也是網(wǎng)站建設(shè)成功與否的一個(gè)重要因素。二、網(wǎng)站(wn zhn)設(shè)

10、計(jì)流程（五）網(wǎng)站的業(yè)務(wù)流程設(shè)計(jì)共二十四頁網(wǎng)站風(fēng)格是指網(wǎng)站的藝術(shù)格調(diào)和藝術(shù)形式給訪問者的綜合感受(gnshu)。網(wǎng)站風(fēng)格能夠讓瀏覽者區(qū)別不同類型的網(wǎng)站、同類型的不同網(wǎng)站區(qū)別開來。優(yōu)秀的網(wǎng)站風(fēng)格設(shè)計(jì)能夠讓人眼前一亮，并且銘記在心。因此在設(shè)計(jì)網(wǎng)頁的時(shí)候，要根據(jù)網(wǎng)站的定位設(shè)計(jì)出具有獨(dú)特風(fēng)格的頁面。還要注意的是網(wǎng)站頁面的風(fēng)格要統(tǒng)一，切忌雜亂無章，二、網(wǎng)站設(shè)計(jì)(shj)流程（六）網(wǎng)站風(fēng)格定位共二十四頁通常網(wǎng)站的內(nèi)容直接來源于客戶提供的資料，如果資料不夠豐富也可以參考同類網(wǎng)站，但切忌不能抄襲、切忌雷同。同時(shí)，不管多與少，客戶提供的內(nèi)容素材是需要設(shè)計(jì)師去整理和選擇的，但要把握一個(gè)(y )原則：網(wǎng)站的內(nèi)容并不是

11、越多越好，而要精挑細(xì)選、恰到好處，突出重點(diǎn)、簡潔明了的表現(xiàn)主題思想。二、網(wǎng)站設(shè)計(jì)(shj)流程（七）確定網(wǎng)站內(nèi)容共二十四頁網(wǎng)站的欄目其實(shí)就是網(wǎng)站內(nèi)容的大綱索引，因此規(guī)劃網(wǎng)站欄目的規(guī)程(guchng)實(shí)際上是細(xì)化網(wǎng)站內(nèi)容的過程，一個(gè)網(wǎng)站欄目一般就是一個(gè)專欄網(wǎng)站。設(shè)置網(wǎng)站欄目和目錄時(shí)要注意網(wǎng)站重點(diǎn)內(nèi)容要突出，有輕重緩急之分，方便訪問者瀏覽方便。同時(shí)，規(guī)劃網(wǎng)站欄目還為在設(shè)計(jì)過程中文件目錄的設(shè)置提供了參考，也是導(dǎo)航欄的設(shè)計(jì)依據(jù)，還可以作為日后網(wǎng)站導(dǎo)航圖。為了使日后網(wǎng)站的設(shè)計(jì)和建設(shè)有法可依，開可以制定一個(gè)網(wǎng)站的結(jié)構(gòu)示意圖。在機(jī)構(gòu)示意圖中需要明確每一級欄目及其相應(yīng)的子目錄（二級目錄）和分支，并去定其相關(guān)內(nèi)

12、容。二、網(wǎng)站設(shè)計(jì)(shj)流程（八）規(guī)劃網(wǎng)站欄目與目錄結(jié)構(gòu)共二十四頁頁面尺寸受顯示器大小及顯示器分辨率限制，頁面無法(wf)突破顯示器的顯示，而其瀏覽器也將占去不少空間，因此，網(wǎng)頁的橫向?qū)挾纫话闶枪潭ǖ?，而縱向高度卻不是固定的，因?yàn)橛脩魹g覽器的工具欄數(shù)量是可以增減的。二、網(wǎng)站(wn zhn)設(shè)計(jì)流程（九）網(wǎng)站版式與布局設(shè)計(jì)小知識：第一屏第一屏是指，打開一個(gè)網(wǎng)站頁面，在不拖動(dòng)瀏覽器的滾動(dòng)條的情況下，能夠看到的網(wǎng)頁頁面部分。一般分辨率為800600時(shí)網(wǎng)頁顯示尺寸為780428；分辨率為1024768時(shí)網(wǎng)頁顯示尺寸為1007600；小知識：網(wǎng)頁設(shè)計(jì)一般不推薦頁面橫向延伸，而是縱向延伸，即橫向不出現(xiàn)滾

13、動(dòng)條。需要注意的是，第一屏是吸引瀏覽者的“第一面”，除非網(wǎng)站內(nèi)容能夠吸引瀏覽者繼續(xù)向下滾動(dòng)網(wǎng)頁繼續(xù)觀看，否則頁面長度不要超過三屏。1、頁面尺寸：共二十四頁矩形代表穩(wěn)定、正式、規(guī)則，是很多正式的政府、學(xué)校、咨詢類網(wǎng)站頁面結(jié)構(gòu)的首選，也是最常用的；圓形代表團(tuán)結(jié)(tunji)、安全、和諧、溫軟等，大多使用于時(shí)尚網(wǎng)站；三角形有著力量、權(quán)威、穩(wěn)固等含義，一些商業(yè)網(wǎng)網(wǎng)站喜歡采用這種頁面結(jié)構(gòu)；菱形代表這平衡、和諧、公平，是交友、娛樂網(wǎng)站的常見布局。二、網(wǎng)站設(shè)計(jì)(shj)流程（九）網(wǎng)站版式與布局設(shè)計(jì)2、頁面結(jié)構(gòu)：共二十四頁網(wǎng)頁版式就是將網(wǎng)頁大致分為幾個(gè)區(qū)域。網(wǎng)頁版式有以下幾種叫法：（1）按“上下左右”分：左右

14、型、左中右型、上下、上中下等；（2）按“欄式”分：通欄、兩欄、三欄、四欄等；（3）按“字形”分：“同字形”“廠字形”“口字形”等（4）其他類型(lixng)：標(biāo)題正文型、封面型、Flash型二、網(wǎng)站(wn zhn)設(shè)計(jì)流程（九）網(wǎng)站版式與布局設(shè)計(jì)3、網(wǎng)頁版式：共二十四頁也稱為頁眉，是頁面最頂端的位置，是最容易吸引瀏覽者注意力的部分，因此常常(chngchng)放置網(wǎng)站的名稱、標(biāo)志、代表性圖片、廣告語等。其中，標(biāo)志通常放在頁頭的左端，當(dāng)然同時(shí)也是頁面的左上方。二、網(wǎng)站設(shè)計(jì)(shj)流程（九）網(wǎng)站版式與布局設(shè)計(jì)4、頁頭與頁頭呼應(yīng)，頁腳是在頁面的最低端，通常放置版權(quán)信息和聯(lián)系方式，有的還出現(xiàn)制作信息

15、和簡單的導(dǎo)航條。5、頁腳：導(dǎo)航是網(wǎng)站重要的信息目錄鏈接， 相當(dāng)于書籍的目錄，一般是細(xì)細(xì)內(nèi)容的核心項(xiàng)目。網(wǎng)站導(dǎo)航通常有橫向和縱向兩種，表現(xiàn)形式上有文字、圖像、動(dòng)畫等，也可以是多種表現(xiàn)形式的組合。導(dǎo)航通常在頁面頂端或左側(cè)。6、導(dǎo)航形式：共二十四頁利用色彩的本身的特質(zhì)，色塊的面積、形狀、色彩間的比例關(guān)系，產(chǎn)生視覺的對比、落差，使瀏覽者產(chǎn)生心理(xnl)變化和反應(yīng)。討論網(wǎng)頁色彩要從以下幾個(gè)概念入手：標(biāo)準(zhǔn)色： 企業(yè)CIS中，代表企業(yè)形象的標(biāo)準(zhǔn)色彩。主色：網(wǎng)頁中面積最大的、出現(xiàn)次數(shù)最多的顏色，在整個(gè)網(wǎng)頁的色彩配置中起主導(dǎo)作用，掌控著整個(gè)頁面的色彩氛圍。主色通常就是標(biāo)準(zhǔn)色。輔色：面積較小，是主色的搭配，起強(qiáng)

16、調(diào)或俯沖、調(diào)和作用，通常是比較醒目突出的顏色背景色：背景色的主要作用是烘托頁面的主體，也是增加網(wǎng)頁空間感的重要手段。二、網(wǎng)站設(shè)計(jì)(shj)流程（十）確定網(wǎng)頁的色彩搭配共二十四頁任務(wù)(rn wu)小結(jié)共二十四頁謝謝(xi xie)！共二十四頁內(nèi)容摘要第一節(jié) 人才的重要性。網(wǎng)站(wn zhn)的內(nèi)容規(guī)劃主要有欄目安排和網(wǎng)站(wn zhn)結(jié)構(gòu)設(shè)計(jì)兩方面。網(wǎng)站(wn zhn)建設(shè)質(zhì)量主要指網(wǎng)站(wn zhn)頁面設(shè)計(jì)，制作與網(wǎng)站(wn zhn)程序的質(zhì)量。支付標(biāo)準(zhǔn)、支付方式。按語種分類，主要有：簡體（繁體）中文網(wǎng)站(wn zhn)、英文網(wǎng)站(wn zhn)、其他語言網(wǎng)站(wn zhn)等。按所有者分類，主要有：政府網(wǎng)站(wn zhn)、企業(yè)網(wǎng)站(wn zhn)、個(gè)人網(wǎng)站(wn zhn)、學(xué)校網(wǎng)站(wn zhn)等。按網(wǎng)站(wn zhn)作用分類，主要有：咨詢信息網(wǎng)站(w