網(wǎng)站策劃及網(wǎng)站設(shè)計(jì)發(fā)布者：本站     時(shí)間：2020-04-07 08:04:36

網(wǎng)絡(luò)的發(fā)展與成熟使網(wǎng)絡(luò)與其使用者之間的互動(dòng)、互利關(guān)系日趨明朗，這使其對(duì)界面設(shè)計(jì)的需求也不斷深入化、專業(yè)化。目前，國內(nèi)大多數(shù)網(wǎng)站的設(shè)計(jì)水準(zhǔn)仍然停留在為網(wǎng)站做一張好看的“皮”上面，這種觀念已經(jīng)不能適應(yīng)網(wǎng)絡(luò)與使用者之間頻繁接觸帶給用戶的心理感知，而elong擁有一支中國一流的設(shè)計(jì)團(tuán)隊(duì)，超前的設(shè)計(jì)意識(shí)和良好的服務(wù)精神，使其在用戶和客戶間擁有了較高的滿意度。

一、網(wǎng)站頁面風(fēng)格策劃
網(wǎng)站的頁面呈現(xiàn)風(fēng)格首先是該企業(yè)形象的一部分，是企業(yè)的CIS（企業(yè)視覺形象識(shí)別系統(tǒng)）在網(wǎng)絡(luò)上的延伸；對(duì)于還沒有完善的企業(yè)視覺形象識(shí)別系統(tǒng)的企業(yè)，網(wǎng)站的風(fēng)格也要符合該企業(yè)對(duì)網(wǎng)站的多方面定位，換句話說，就是要為其“量身定做 ”。這樣做的好處是：a.維護(hù)（提升）企業(yè)形象;b.利用網(wǎng)絡(luò)優(yōu)勢(shì)推廣企業(yè)形象；c.以其鮮明的特色和適宜的風(fēng)格配合應(yīng)用與服務(wù)為該企業(yè)在網(wǎng)絡(luò)空間拓展用戶群；d.為企業(yè)贏得更多商機(jī)；e.給了用戶更方便及時(shí)的回饋空間以及良好的心理感受。

二、網(wǎng)站形象的搭建
企業(yè)網(wǎng)站形象的搭建更接近于傳統(tǒng)的建筑設(shè)計(jì)，除了付與其美觀、有特色的建筑外觀之外，更要注重其結(jié)構(gòu)的合理性和居住的舒適性。反映在網(wǎng)頁上，我們要求我們的設(shè)計(jì)人員必須熟知網(wǎng)絡(luò)設(shè)計(jì)的特性；對(duì)目標(biāo)網(wǎng)站的結(jié)構(gòu)、導(dǎo)航以及商業(yè)意圖都有深刻的理解和體會(huì)；掌握目標(biāo)用戶群的網(wǎng)絡(luò)使用習(xí)慣；懂得并有能力做出符合以上條件的設(shè)計(jì)。


三、我們的網(wǎng)站制作流程
我們的業(yè)務(wù)人員在和客戶溝通之后，會(huì)同相關(guān)人員制定出網(wǎng)站制作白皮書，白皮書內(nèi)容包括（產(chǎn)品設(shè)計(jì)目的、背景資料、產(chǎn)品功能概述、客戶對(duì)網(wǎng)站設(shè)計(jì)風(fēng)格要求、進(jìn)度安排等），限時(shí)在1-3個(gè)工作日以內(nèi)（視站點(diǎn)規(guī)模而定）。
召集相關(guān)人員如市場(chǎng)、設(shè)計(jì)、程序人員，根據(jù)白皮書開會(huì)討論產(chǎn)品，得出最終的可操作性文檔及網(wǎng)站樹形圖。限時(shí)在1-3個(gè)工作日以內(nèi)（視站點(diǎn)規(guī)模而定）。
設(shè)計(jì)師根據(jù)制定出的文檔設(shè)計(jì)網(wǎng)站首頁，在大多數(shù)情況下，在得到竟標(biāo)前，我們不提供任何圖形設(shè)計(jì)方案。在特殊情況下，設(shè)計(jì)部至多設(shè)計(jì)2-3個(gè)首頁。但是公司不支持在初級(jí)竟標(biāo)時(shí)設(shè)計(jì)圖形方案。在此階段，設(shè)計(jì)部只設(shè)計(jì)圖形以及相關(guān)多媒體設(shè)計(jì)。當(dāng)沒有多媒體設(shè)計(jì)時(shí)，提交圖形設(shè)計(jì)即可，不提供html文件。限時(shí)在1-2個(gè)工作日以內(nèi)（視站點(diǎn)規(guī)模而定）。

由業(yè)務(wù)人員提交給客戶審核，并請(qǐng)客戶提出意見，我們按照客戶要求進(jìn)行改善，直到客戶滿意為止。客戶需要在打印稿上簽字同意設(shè)計(jì)風(fēng)格與創(chuàng)意。在此以后，如果客戶要求重新設(shè)計(jì)制作，客戶需要承擔(dān)重新制作編程的成本費(fèi)用。
設(shè)計(jì)師將所有的頁面設(shè)計(jì)出來，并提交客戶簽字認(rèn)可。在此以后，如果客戶要求重新設(shè)計(jì)制作，客戶需要承擔(dān)重新制作編程的成本費(fèi)用。限時(shí)在3-10個(gè)工作日以內(nèi)（視站點(diǎn)規(guī)模而定）。

只有在客戶最圖形設(shè)計(jì)滿意以后，設(shè)計(jì)人員才把客戶滿意的網(wǎng)站設(shè)計(jì)最終稿交給HTML部門進(jìn)行制作并附上網(wǎng)站需求計(jì)劃，并按照客戶的網(wǎng)站功能要求聯(lián)系網(wǎng)站后臺(tái)程序制作人員進(jìn)行程序設(shè)計(jì)。Html人員需根據(jù)設(shè)計(jì)圖稿認(rèn)真，合理的進(jìn)行網(wǎng)頁制作，并確保網(wǎng)頁在不同瀏覽器上的兼容性。限時(shí)在3-10個(gè)工作日以內(nèi)（視站點(diǎn)規(guī)模而定）。

html完工后，交由原設(shè)計(jì)師審核，查看文件是否與設(shè)計(jì)原圖有所出入。限時(shí)1-2個(gè)工作日。
設(shè)立專門項(xiàng)目負(fù)責(zé)人全程監(jiān)控設(shè)計(jì)的過程，及時(shí)與后臺(tái)技術(shù)溝通，調(diào)整和掌握實(shí)施的完成。其中各項(xiàng)細(xì)節(jié)需基本符合最終版本的白皮書概念。視項(xiàng)目的大小來規(guī)定設(shè)計(jì)完成的時(shí)間。

將完整無誤的html分類交由后臺(tái)技術(shù)部處理，數(shù)據(jù)庫的交到數(shù)據(jù)庫專門人員，模板交到模板人員。限時(shí)從最長的5-10個(gè)工作日以內(nèi)（兩周）到3個(gè)工作日不等。
10、技術(shù)部將新網(wǎng)站模板和后臺(tái)的使用方法完全教給客戶的相關(guān)人員使用。限時(shí)在1個(gè)工作日內(nèi)。

11、公司內(nèi)部測(cè)試。檢查網(wǎng)站兼容性等方面問題，相關(guān)設(shè)計(jì)人員開始設(shè)計(jì)網(wǎng)站推廣的banner 和button 。限時(shí)3個(gè)工作日以內(nèi)。
業(yè)務(wù)人員最后將完成的全部網(wǎng)站內(nèi)容交給客戶審閱，根據(jù)客戶的意見與技術(shù)部協(xié)調(diào)進(jìn)行程序、功能的改進(jìn)，在此過程中不應(yīng)該再涉及頁面風(fēng)格與創(chuàng)意的改變。如果在此階段仍需要改變?cè)O(shè)計(jì)風(fēng)格與創(chuàng)意，客戶需要承擔(dān)重新制作編程的成本費(fèi)用。

13、正式推出。技術(shù)部將客戶確定后的網(wǎng)頁發(fā)布到相應(yīng)網(wǎng)址。業(yè)務(wù)人員需要客戶簽字同意發(fā)布在指定網(wǎng)址上的網(wǎng)站設(shè)計(jì)。在此以后，如果客戶要求重新設(shè)計(jì)制作，客戶需要承擔(dān)重新制作編程的成本費(fèi)用。

外部測(cè)試。我們會(huì)定期通過各部門綜合針對(duì)產(chǎn)品進(jìn)行透徹分析，并進(jìn)行系統(tǒng)的網(wǎng)友調(diào)查，根據(jù)回饋意見進(jìn)一步調(diào)整，并考慮可延伸性。并定期提供給客戶相關(guān)資料。

四、我們的網(wǎng)站互動(dòng)藝術(shù)的設(shè)計(jì)原則
在我們的設(shè)計(jì)師看來，網(wǎng)頁設(shè)計(jì)是一種“體貼”的設(shè)計(jì)，即要體貼企業(yè)的各項(xiàng)需求，同時(shí)還要替企業(yè)體貼其網(wǎng)絡(luò)用戶的各種需求。這一切建立在設(shè)計(jì)師對(duì)網(wǎng)絡(luò)使用的豐富經(jīng)驗(yàn)和對(duì)用戶的易用性的充分理解之上。在您能看到的新鮮、美觀、動(dòng)感的頁面的表層下，我們還遵循了網(wǎng)絡(luò)互動(dòng)藝術(shù)的“系統(tǒng)性”、“互動(dòng)性”、“傳輸性”、“適應(yīng)性”的設(shè)計(jì)原則。以下是對(duì)這四項(xiàng)原則的具體闡述：

1、系統(tǒng)性設(shè)計(jì)原則
網(wǎng)絡(luò)以大量的信息流作為營運(yùn)的起點(diǎn), 設(shè)計(jì)時(shí)需要從系統(tǒng)上合理組織規(guī)劃和呈現(xiàn)這些信息,引導(dǎo)人流在網(wǎng)絡(luò)系統(tǒng)內(nèi)部的有效流動(dòng), 再通過系統(tǒng)上對(duì)互動(dòng)操作的有效引導(dǎo),最后將人流轉(zhuǎn)化為物流,進(jìn)而轉(zhuǎn)變?yōu)橘Y金流,這是網(wǎng)絡(luò)設(shè)計(jì)的根本原則和終極目的。系統(tǒng)性原則包括以下幾方面要求：
1）整體性:網(wǎng)站作為一個(gè)產(chǎn)品,需要保證在使用方式和視覺呈現(xiàn)上的統(tǒng)一性；
2）結(jié)構(gòu)和導(dǎo)航的二維引導(dǎo)：結(jié)構(gòu)和導(dǎo)航要模塊清晰，條理明確，跳轉(zhuǎn)方便，能讓用戶知道自己在網(wǎng)站上所處的位置，并自由進(jìn)入想去的地方；
3）流量的引導(dǎo)：有目的有系統(tǒng)的引導(dǎo)流動(dòng)的方向，確定方式以及停留位置，引導(dǎo)信息流產(chǎn)生人流，進(jìn)一步需要將人流引導(dǎo)向最有可能產(chǎn)生物流和資金流的地方；
4）鏈接的有效引導(dǎo)：通過鏈接來實(shí)現(xiàn)目標(biāo)網(wǎng)站的導(dǎo)航以及流量，充分考慮網(wǎng)民的使用經(jīng)驗(yàn)，強(qiáng)化重要鏈接以有效引導(dǎo)流向；
5）確定技術(shù)實(shí)現(xiàn)方式：網(wǎng)頁制作除了最基本的html文件之外,還有許多增加效果的方式,比如加入gif或flash動(dòng)畫,加入dhtml層來實(shí)現(xiàn)鼠標(biāo)互動(dòng)的交互效果等。根據(jù)網(wǎng)站的不同目的，從整體系統(tǒng)上進(jìn)行設(shè)計(jì)，作出技術(shù)區(qū)分。 技術(shù)有價(jià)值是因?yàn)樗苁刮覀兘M織信息更快,更直接,更直覺和更可交流。沒必要為了技術(shù)而技術(shù)。 

2、互動(dòng)性設(shè)計(jì)原則     
網(wǎng)站瀏覽的過程是在與瀏覽者的互動(dòng)操作下完成的, 這正是網(wǎng)絡(luò)的特性和引人之處.互動(dòng)滿足了網(wǎng)民的參與感,滿足了商家現(xiàn)時(shí)交易和反饋的需求,網(wǎng)絡(luò)設(shè)計(jì)必須發(fā)揮這種互動(dòng)性優(yōu)勢(shì)?；?dòng)性原則包括以下幾方面要求：

1）召喚感:網(wǎng)絡(luò)設(shè)計(jì)必須具有召喚感,能夠吸引瀏覽者的點(diǎn)擊行動(dòng),提高點(diǎn)擊率; 一個(gè)網(wǎng)站可以是一個(gè)完全的交流媒介,它最大的特點(diǎn)就是交互性。
2）導(dǎo)航系統(tǒng)：在網(wǎng)站上最基本，最簡(jiǎn)單的交互式區(qū)域就是導(dǎo)航系統(tǒng)。導(dǎo)航系統(tǒng)越直觀，越實(shí)用，用戶就越喜歡，反饋也就越多。
3）形象的親和力: 設(shè)計(jì)貼近生活，有人情味會(huì)獲得更高的點(diǎn)擊率，因?yàn)橛脩艨赡軣o意識(shí)的在想"也許這個(gè)服務(wù)于我有關(guān)"。在網(wǎng)絡(luò)上，直觀比喻、動(dòng)作演示、人物襯托等方法能夠起到信息強(qiáng)化的作用，有較好的效果。
4）文字的鼓動(dòng)性:文字是視覺流程中傳達(dá)信息的重要因素，只有文字才能明確人的記憶。文字會(huì)從更深的心理層次對(duì)消費(fèi)者產(chǎn)生影響并使其發(fā)生態(tài)度轉(zhuǎn)變。信息的有效傳達(dá)不能單單依靠視覺形象。
5）感性訴求：緊緊把握住人情味這個(gè)要素，在商業(yè)運(yùn)作中淡化其商業(yè)氣息，使用戶自覺自愿接受所宣傳的產(chǎn)品和服務(wù)。
6）增加互動(dòng)性功能：利用互動(dòng)功能的優(yōu)勢(shì)來實(shí)現(xiàn)其他媒體所不能具備的在線服務(wù)功能，比如說：網(wǎng)絡(luò)調(diào)查、網(wǎng)上直播、網(wǎng)上發(fā)布，網(wǎng)上評(píng)選，網(wǎng)上訂貨等，吸引大家的興趣從而達(dá)到效果。
7）讓用戶參與：讓用戶有更多的發(fā)言權(quán)。當(dāng)用戶發(fā)現(xiàn)他們的觀點(diǎn)被珍視，被欣賞，或被稱贊時(shí)，他們都會(huì)因擁有感而繼續(xù)使用這個(gè)網(wǎng)站。
8）簡(jiǎn)潔性: 網(wǎng)絡(luò)設(shè)計(jì)的界面需要簡(jiǎn)潔而可操作,界面友好, 網(wǎng)絡(luò)設(shè)計(jì)需要有效引導(dǎo)互動(dòng)操作,盡量減少瀏覽者不必要的行動(dòng)和負(fù)擔(dān)。
9.  及時(shí)更新：網(wǎng)絡(luò)設(shè)計(jì)需要保證內(nèi)容的即時(shí)更新，以增強(qiáng)瀏覽者的參與性。信息更新快，這是讓網(wǎng)民建立信任的前提。

3、傳輸性設(shè)計(jì)原則
網(wǎng)站的瀏覽以獲取某些信息或?qū)崿F(xiàn)某種功能為目的;而網(wǎng)絡(luò)的圖形和頁面需要用HTTP超文本標(biāo)識(shí)語言來生成和傳輸,網(wǎng)絡(luò)上所有信息的傳達(dá)都是通過對(duì)文件的下載實(shí)現(xiàn)，需要網(wǎng)民為此付出時(shí)間和金錢;在目前網(wǎng)速依然不十分理想的情況下,有效率的傳達(dá)信息仍然是網(wǎng)絡(luò)設(shè)計(jì)的核心。傳輸性原則包括以下幾方面要求：
1）網(wǎng)站設(shè)計(jì)需要保證信息高效準(zhǔn)確的傳輸。
2）降低文件大小:保證傳輸性的第一個(gè)原則就是降低文件的大小,文件的大小由兩個(gè)因素決定,一是圖片的大小,另一個(gè)是html源代碼的大小;因此網(wǎng)絡(luò)設(shè)計(jì)要盡量提高圖片的使用效率,并且要確保制作的方便性。
3）結(jié)構(gòu)的相對(duì)獨(dú)立性：需要在設(shè)計(jì)上盡量增強(qiáng)各功能模塊的相對(duì)獨(dú)立性以形成橫向的獨(dú)立表格，利用瀏覽器的下載特點(diǎn)來提高下載速度，特別是要保證屏首的迅速下載；此外，可更新模塊的相對(duì)獨(dú)立性也是cgi自動(dòng)發(fā)布程序傳輸文件的要求。


4）空間有效性：設(shè)計(jì)需要合理利用空間，特別是首屏空間；需要在不使瀏覽者感到繁雜混亂的情況下，盡可能傳達(dá)有效信息；要有重點(diǎn)的抓住瀏覽者的視線，讓其停留，從瀏覽變?yōu)殚喿x。