工作任務網(wǎng)站設計流程知識——網(wǎng)站設計的基礎也是全局的掌控

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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