首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站策劃及網(wǎng)站設(shè)計(jì)?>?正文

網(wǎng)站策劃及網(wǎng)站設(shè)計(jì)

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

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

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


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

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

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

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

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

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

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

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

四、我們的網(wǎng)站互動(dòng)藝術(shù)的設(shè)計(jì)原則
在我們的設(shè)計(jì)師看來(lái),網(wǎng)頁(yè)設(shè)計(jì)是一種“體貼”的設(shè)計(jì),即要體貼企業(yè)的各項(xiàng)需求,同時(shí)還要替企業(yè)體貼其網(wǎng)絡(luò)用戶(hù)的各種需求。這一切建立在設(shè)計(jì)師對(duì)網(wǎng)絡(luò)使用的豐富經(jīng)驗(yàn)和對(duì)用戶(hù)的易用性的充分理解之上。在您能看到的新鮮、美觀、動(dòng)感的頁(yè)面的表層下,我們還遵循了網(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íng)運(yùn)的起點(diǎn), 設(shè)計(jì)時(shí)需要從系統(tǒng)上合理組織規(guī)劃和呈現(xiàn)這些信息,引導(dǎo)人流在網(wǎng)絡(luò)系統(tǒng)內(nèi)部的有效流動(dòng), 再通過(guò)系統(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)品,需要保證在使用方式和視覺(jué)呈現(xiàn)上的統(tǒng)一性;
2)結(jié)構(gòu)和導(dǎo)航的二維引導(dǎo):結(jié)構(gòu)和導(dǎo)航要模塊清晰,條理明確,跳轉(zhuǎn)方便,能讓用戶(hù)知道自己在網(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):通過(guò)鏈接來(lái)實(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)頁(yè)制作除了最基本的html文件之外,還有許多增加效果的方式,比如加入gif或flash動(dòng)畫(huà),加入dhtml層來(lái)實(shí)現(xiàn)鼠標(biāo)互動(dòng)的交互效果等。根據(jù)網(wǎng)站的不同目的,從整體系統(tǒng)上進(jìn)行設(shè)計(jì),作出技術(shù)區(qū)分。 技術(shù)有價(jià)值是因?yàn)樗苁刮覀兘M織信息更快,更直接,更直覺(jué)和更可交流。沒(méi)必要為了技術(shù)而技術(shù)。?

2、互動(dòng)性設(shè)計(jì)原則 ? ??
網(wǎng)站瀏覽的過(guò)程是在與瀏覽者的互動(dòng)操作下完成的, 這正是網(wǎng)絡(luò)的特性和引人之處.互動(dòng)滿(mǎn)足了網(wǎng)民的參與感,滿(mǎn)足了商家現(xiàn)時(shí)交易和反饋的需求,網(wǎng)絡(luò)設(shè)計(jì)必須發(fā)揮這種互動(dòng)性?xún)?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í)用,用戶(hù)就越喜歡,反饋也就越多。
3)形象的親和力: 設(shè)計(jì)貼近生活,有人情味會(huì)獲得更高的點(diǎn)擊率,因?yàn)橛脩?hù)可能無(wú)意識(shí)的在想"也許這個(gè)服務(wù)于我有關(guān)"。在網(wǎng)絡(luò)上,直觀比喻、動(dòng)作演示、人物襯托等方法能夠起到信息強(qiáng)化的作用,有較好的效果。
4)文字的鼓動(dòng)性:文字是視覺(jué)流程中傳達(dá)信息的重要因素,只有文字才能明確人的記憶。文字會(huì)從更深的心理層次對(duì)消費(fèi)者產(chǎn)生影響并使其發(fā)生態(tài)度轉(zhuǎn)變。信息的有效傳達(dá)不能單單依靠視覺(jué)形象。
5)感性訴求:緊緊把握住人情味這個(gè)要素,在商業(yè)運(yùn)作中淡化其商業(yè)氣息,使用戶(hù)自覺(jué)自愿接受所宣傳的產(chǎn)品和服務(wù)。
6)增加互動(dòng)性功能:利用互動(dòng)功能的優(yōu)勢(shì)來(lái)實(shí)現(xiàn)其他媒體所不能具備的在線(xiàn)服務(wù)功能,比如說(shuō):網(wǎng)絡(luò)調(diào)查、網(wǎng)上直播、網(wǎng)上發(fā)布,網(wǎng)上評(píng)選,網(wǎng)上訂貨等,吸引大家的興趣從而達(dá)到效果。
7)讓用戶(hù)參與:讓用戶(hù)有更多的發(fā)言權(quán)。當(dāng)用戶(hù)發(fā)現(xiàn)他們的觀點(diǎn)被珍視,被欣賞,或被稱(chēng)贊時(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ò)的圖形和頁(yè)面需要用HTTP超文本標(biāo)識(shí)語(yǔ)言來(lái)生成和傳輸,網(wǎng)絡(luò)上所有信息的傳達(dá)都是通過(guò)對(duì)文件的下載實(shí)現(xiàn),需要網(wǎng)民為此付出時(shí)間和金錢(qián);在目前網(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)來(lái)提高下載速度,特別是要保證屏首的迅速下載;此外,可更新模塊的相對(duì)獨(dú)立性也是cgi自動(dòng)發(fā)布程序傳輸文件的要求。


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


選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
?(配送雙線(xiàn)獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線(xiàn)時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
-----------------------------------------------------------------------------------------------------
傳誠(chéng)信北京網(wǎng)站建設(shè)網(wǎng)站:m.jzztb.org.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線(xiàn)

010-62199213

24小時(shí)咨詢(xún)熱線(xiàn)

139-1050-5354