北京網(wǎng)站建設(shè)多年網(wǎng)站建設(shè)經(jīng)驗,依托強大的服務(wù)優(yōu)勢,為您提供專業(yè)的北京網(wǎng)站建設(shè)服務(wù)
作者:鵬飛網(wǎng)絡(luò) 時間:2009-4-12 分類:北京網(wǎng)站建設(shè)
================北京鵬飛網(wǎng)絡(luò)--先建設(shè)網(wǎng)站后付款--不存在以下問題=========================
簡述網(wǎng)站建設(shè)的三個時期
摘要:隨著時代步伐的前進,時代的概念也在逐漸變化,第四媒體互聯(lián)網(wǎng)的迅速發(fā)展,使信息傳播業(yè)面臨一場變革,網(wǎng)站建設(shè)成為一個重要課題。本人通過對網(wǎng)站建設(shè)過程的分析,找出比較適合時代發(fā)展的網(wǎng)站建設(shè)理念。
一、建站前期
首先在做網(wǎng)站之前給要做的網(wǎng)站一定準確的定位,沒有方向的船哪邊的風都不會是順風。所以給網(wǎng)站定位,明確建站目地是第一步要做的。給網(wǎng)站做定位時,與同學(xué)進行討論,以便于能對網(wǎng)站的建設(shè)方向有一定的把握,同時比較好在網(wǎng)上收集一些資料,及時的了增加一些建站知識,結(jié)合到策劃中去。這樣才能很好建設(shè)一個好的網(wǎng)站。當然一般情況下是客戶提出要求,我們來完成,所以對于網(wǎng)站的目的與定位一般是由客戶給出的。
1、前期信息收集
在明確建站目的和網(wǎng)站定位以后,開始收集相關(guān)的意見,跟客戶的有關(guān)部門結(jié)合,跟客戶的實際情況相結(jié)合,這樣可以發(fā)揮網(wǎng)站的比較大作用。
調(diào)查一下究竟哪些人在訪問您的站點,以及他們?yōu)槭裁匆L問。新手或不定期上網(wǎng)的 Web 用戶與軟件開發(fā)商相比有非常不同的興趣和站點需要。使您的站點對訪問者來說有所幫助。
這一步是前期策劃中關(guān)鍵的一步,因為做網(wǎng)站一定是為客戶和用戶服務(wù)的,所以收集他們的意見和想法是必要的。這一步需要整理成文檔,形成對用戶興趣的調(diào)查報告,同時讓客戶有關(guān)部門配合提交一份本部門需要在網(wǎng)上開辟的欄目計劃書,需要有關(guān)部門一定要考慮充分,因為如果要把網(wǎng)站作為一個正式的站點來運營的話,所做的每一項欄目的設(shè)置都應(yīng)該是有規(guī)劃的,如果考慮不充分,會導(dǎo)致以后突如其來的新加內(nèi)容破壞網(wǎng)站的整體規(guī)劃和風格。當然這也并不意味著網(wǎng)站成形后是不許添加欄目的,只是在添加的過程中需要跟網(wǎng)站的情況結(jié)合著來,也比較好是當初策劃時考慮全面!
2、具體分欄目策劃
收集完客戶各部門的相關(guān)信息以后,對其進行整理,整理以后找出重點,根據(jù)重點以及客戶業(yè)務(wù)的側(cè)重點,結(jié)合網(wǎng)站定位來敲定網(wǎng)站的分欄目需要有哪幾項,可能開始時會因為欄目較多進而難以確定最終需要哪幾項,這又是一個討論的過程,需要團隊在一起把自己的意見說出來,一起反復(fù)比較,給定下來的內(nèi)容進行歸類,形成網(wǎng)站欄目的樹狀列表用以清晰表達站點結(jié)構(gòu)。
然后以同樣的方法,來討論二層欄目下的各個子欄目,對它進行歸類,并逐一確定每個二級分欄目的主頁面需要放哪些具體的東西,二級欄目下面的每個小欄目需要放哪些內(nèi)容,讓欄目負責人能夠很清楚的了解本欄目的每個細節(jié)和每個欄目,大家討論完以后,就應(yīng)由欄目負責人來按照討論過的結(jié)果寫欄目規(guī)劃書,欄目規(guī)劃書要求寫得詳細,具體。并有統(tǒng)一的格式,以備網(wǎng)站留檔,這次的策劃書只是第一版本,以后在制作的過程當中如果出現(xiàn)問題及時修改該策劃書,并且也需要留檔。
3、初步完成策劃書
策劃書設(shè)計到的具體內(nèi)容: 每個欄目的策劃書應(yīng)該是格式統(tǒng)一的。
第一,是欄目概述,其中包括欄目定位,欄目目的,服務(wù)對像,子欄目設(shè)置,首頁內(nèi)空,分頁內(nèi)容!這一部分起到一個索引的作用,讓領(lǐng)導(dǎo)看起來能對欄目有一個大概的整體把握和了解。
第二,欄目詳情。欄目詳情就是把每一個子欄目的具體情況描述一下,其中包括到各個子欄目的名稱,
欄目目的,(把子欄目的目的寫清楚)
服務(wù)對象,(用以明確欄目的發(fā)展方向,更好的為達到目的而做哪些具體內(nèi)容)
內(nèi)容介紹,(詳細說明本子欄目的具體內(nèi)容)
資料來源,(說明該欄目的內(nèi)容來源是什么,以保證欄目開展下去不會出現(xiàn)沒有內(nèi)容的情況)
實現(xiàn)方法,(講述實現(xiàn)這個欄目的具體方法)
有關(guān)問題,(欄目負責人在欄目的策劃過程當中想到的,目前尚未解決的問題)
重點提示(重點提示美工人員或編程人員需要注意的地方,或需要結(jié)合的地方,也可是欄目策劃人員對該子欄目在這些方面的良好建議)
第三,相關(guān)欄目,這一項是用以說明本欄目和其它欄目之間的結(jié)合,溝通,之所以要有這一項是想通過各個欄目之間的聯(lián)系,來加強網(wǎng)站的整體性。第四,參考網(wǎng)站,標明本欄目參考了哪些網(wǎng)站,或可以參考哪些網(wǎng)站。并一定要說明參考其它網(wǎng)站的哪些優(yōu)點,哪些地方是我們在網(wǎng)站建設(shè)過程當中應(yīng)該注意的。決不是只寫上一個網(wǎng)址就可以了!
第四,最后一項為附錄,用以記錄這個文檔的歷史修改過程,和改了哪些內(nèi)容。
雖然策劃書可能會比較煩瑣,不過,要知道策劃書是寫給我們自己的,不是為了讓別人看,這是我們網(wǎng)站在以后的建設(shè)過程中的一個依據(jù)。有了這個策劃書以后的工作我們可以很輕松的解決!具體設(shè)計制作(包括頁面設(shè)計,制作,編程)
4、進一步討論與改進
初步完成策劃書之后,需要讓欄目負責人把需要特殊處理的地方和設(shè)計人員講明!在設(shè)計頁面初設(shè)計人員一定要根據(jù)策劃書把每個欄目的具體位置和網(wǎng)站的整體風格確定下來,為了讓網(wǎng)站有整體感,應(yīng)該在網(wǎng)頁中放置一些貫穿性的元素,最終要拿出至少三種不同風格的方案,每種方案應(yīng)該考慮到客戶的整體形象,與客戶的精神相結(jié)合。設(shè)計方案拿出以后,由大家討論最終定稿,并完成策劃書。
二、建站中期
前期的工作完成之后,下一步的工作就是如何將所設(shè)計的內(nèi)容實現(xiàn),這是很重要的一個步驟。由制作人員負責實現(xiàn)網(wǎng)頁,并制作成模版。在這個過程實現(xiàn)的同事,欄目負責人應(yīng)該開始收集每個欄目的具體內(nèi)容并整理。模版制作完成后,由欄目負責人往每個欄目里面添加具體內(nèi)容。
、欧桨柑峁┡c選擇
就網(wǎng)頁設(shè)計的整體來看, 新設(shè)計的創(chuàng)造性達到什么程度, 取決于設(shè)計師的思維能力展開到什么程度。
一般來說,可以提供給客戶三類設(shè)計方案:
第一類是完全按照設(shè)計條件的要求, 提供的 "中規(guī)中矩" 方案, 完全可以適合網(wǎng)絡(luò)應(yīng)用需要, 雖在創(chuàng)意方面可能平淡一些, 但卻適應(yīng)一些持 "謹慎" 態(tài)度的客戶要求。
第二類是從 "降低成本" 的基點出發(fā), 提出的與現(xiàn)有設(shè)計相比能夠較大幅度降低新設(shè)計制造成本的方案, 其 "創(chuàng)意" 的特性表現(xiàn)在 "低成本" 方面, 不一定在外觀上有多少突破, 卻會使那些特別注重成本控制的客戶滿意。
第三類是根據(jù)自己的知識與經(jīng)驗, 大膽地脫離設(shè)計條件中現(xiàn)有技術(shù)的限制, 從采用客戶目前雖不具備、卻能夠?qū)崿F(xiàn)的新技術(shù)與新設(shè)計角度出發(fā), 提供出無論是界面設(shè)計還是技術(shù)工藝上都有較大創(chuàng)新特點的設(shè)計方案。對那些富冒險精神、敢于創(chuàng)新的客戶來說, 這類方案有極大的吸引力, 而且能夠成為市場效果良好的設(shè)計, 因此會引導(dǎo)客戶超越現(xiàn)有的認識能力, 向高水平的設(shè)計努力。
相對來說, 提供前兩類的方案保險系數(shù)較高, 也較易于達到一般客戶的要求,而第三類方案無論對企業(yè)還是設(shè)計師來說風險都會大許多, 所以我們需要看客戶需要的是那一種。
⑵風格定位與網(wǎng)絡(luò)形象設(shè)計
一個網(wǎng)站的內(nèi)容固然重要,但是如果沒有一個好看而吸引的外表,哪怕有著再好的內(nèi)容,有著再好的結(jié)構(gòu),相信整個網(wǎng)站的瀏覽效果也會大打折扣,瀏覽者的閱讀興致也會大減。就等于一個內(nèi)涵豐富但卻外表平庸的人在一個公共場所出現(xiàn),是難以引起別人的注意的一樣。人們稱互聯(lián)網(wǎng)經(jīng)濟為注意力經(jīng)濟,如何吸引大眾的注意力,除了內(nèi)容是一個重要的因素外,外觀也同樣起著舉足輕重的作用。
一個好的視覺設(shè)計,首先要有一個好的視覺效果。一個網(wǎng)站怎樣才算是有一個好的視覺效果?一個簡單的判別方法是,看她三眼:第一眼,看是否搶眼;第二眼,看是否順眼;第三眼,看是養(yǎng)眼。其實,這三眼就是網(wǎng)站給你的第一感覺。第一感覺很重要,瀏覽者能否接受這個網(wǎng)站,很大程度上,就看有否這種一見鐘情的感覺。如果答案都是Yes,那么,這個網(wǎng)站就是有一個很好的視覺效果了,相信瀏覽者也會耐著性子去看完你整個網(wǎng)站的。
那么怎樣才能有一個讓人一見傾心的視覺效果?首先要看整個頁面的顏色是否協(xié)調(diào),千萬不可給人刺眼的感覺;其次要看網(wǎng)頁上的的文字是否易于閱讀,文字太細、顏色太淺、頁面太長或超出屏幕寬度,都是有違網(wǎng)站設(shè)計的“美學(xué)原則”;再次要看圖片,圖片太大、太多、太模糊都會惹來瀏覽者的反感;最后要看“動”與“靜”是否配合得當,無節(jié)制地濫用Flash、動態(tài)GIF、滾動字幕等效果就會讓人眼花繚亂,但死氣沉沉,毫無生氣的頁面也會讓人感到乏味。
上面談到的VI設(shè)計僅僅是就一個頁面而言,VI設(shè)計的另一方面是看整個網(wǎng)站的所有頁面是否協(xié)調(diào)與一致。每個頁面都使用相同種排版方式、相同的背景色及近似的按鈕都能增加網(wǎng)頁一致性,樹立統(tǒng)一的風格。這是基本而有很重要的網(wǎng)站VI設(shè)計。
風格的形成主要依賴于版式設(shè)計,依賴于頁面的色調(diào)處理,還有圖片與文字的組合形式等。這些問題看似簡單,但往往需要主頁的設(shè)計和制作者具有一定的美術(shù)素質(zhì)和修養(yǎng)。
還有,動畫效果也不宜在主頁設(shè)計中濫用,特別是一些內(nèi)容比較嚴肅的主頁。在網(wǎng)頁設(shè)計中,畢竟主要依靠文字和圖片來傳播信息,它不是動畫片,更不是電視或電影。至于在主頁中適當鏈接一些影視作品,那是另外一回事。
、琼撁嬖O(shè)計規(guī)劃
我們在設(shè)計界面時,應(yīng)該注意這樣一個基本前提:在單獨的一頁界面上, 清楚地顯示這一頁的明確目的!只有容易理解的頁面,才能讓用戶知道該做什么并且從哪里入手。
這個基本前提,又被擴展為一系列的4個步驟:
、倜恳豁摻缑娴闹攸c在于完成一個單一的任務(wù);
、诮庹f并且陳述這項任務(wù);
、圩屍聊坏膬(nèi)容適合這項任務(wù);
④提供下一個任務(wù)的鏈接;
除了上面被列出了的4個步驟,我們還需要注意下列5個視覺設(shè)計原則來加強我們的界面:
①信息的層次:我們應(yīng)該清楚首先讓用戶看見什么信息和用戶第一步需要做什么。
、诮裹c和強調(diào):焦點和強調(diào)的原則在于優(yōu)先放置重點項目。一旦明確了中心的想法, 就應(yīng)該強調(diào)需要突出的單元,并使它獨立于其它單元。因為這些信息對用戶來說才是很重要的。
③結(jié)構(gòu)和平衡:結(jié)構(gòu)和平衡是2個很重要的視覺設(shè)計原則。沒有視覺單元的內(nèi)在結(jié)構(gòu)平衡,那么視覺設(shè)計將缺乏順序和意義,更重要地是結(jié)構(gòu)和平衡的缺乏使用戶很難楚清楚地理解界面。
、軉卧年P(guān)系:一個視覺的單元的放置能傳達特定的關(guān)系。例如, 如果在一個列表框和旁邊按鈕的位置將影響這個列表框,應(yīng)該說按鈕和列表框之間的空間的關(guān)系在那里。同樣, 空間的布局將傳達出視覺單元之間的交互關(guān)系。
⑤易于理解的流動性:這個原則強調(diào)一個簡單的意圖如何變得易于用戶理解和傳送。可讀性和流動性決定一個對話框或另外的接口部件的可用性設(shè)計。比如恰當?shù)膸椭崾竞拖乱徊降膶?dǎo)航連接等等。
、藜傻慕y(tǒng)一:所有視覺上的不同的部分,怎么一起在屏幕上工作?他們是否有一致的特征、風格、面貌?是否能持續(xù)的加深用戶的使用經(jīng)驗?
、染W(wǎng)站文化
網(wǎng)站的良好運營靠的是什么?靠技術(shù),肯定不是,因為技術(shù)的發(fā)展是一個相對的概念,不具有耐久性,缺乏凝聚力,如果僅僅靠這個,是不能維系整個網(wǎng)站發(fā)展的。網(wǎng)站其實就是企業(yè),只不過它是提供給自己的客戶以不同的產(chǎn)品,即以網(wǎng)頁的形式展現(xiàn)給他們?yōu)g覽、以交互的方式讓他們參與等等,既然網(wǎng)站是一個企業(yè)就不能回避一個問題,就是盈利的問題,如果只顧向網(wǎng)站投錢,作虧本生意,是那個網(wǎng)站都不愿意做的事情。所以網(wǎng)絡(luò)如果要給自己帶來回報,就必須以高標準來要求,這樣就不得不提升到網(wǎng)站文化的高度。
雖然現(xiàn)在的網(wǎng)站賴以競爭的本錢并不是靠的自己的文化,而是一些比如機遇、技術(shù)、條件等,但是現(xiàn)在并不能代表以后,隨著社會經(jīng)濟和網(wǎng)絡(luò)技術(shù)的發(fā)展,外部條件都不是問題,如果僅靠這些,網(wǎng)站之間的差別將變得很小,這樣網(wǎng)站生存的價值就會變小。所以要能夠在競爭中立于不敗之地,就應(yīng)該堅持以人為本,挖掘網(wǎng)站人的潛力,讓他們發(fā)揮自己的才能,使他們能夠不斷的超越自我,更好的凸現(xiàn)自己的價值。從而形成一種合力,使網(wǎng)站的發(fā)展形成一種良好的機制。
、稍诰W(wǎng)站設(shè)計過程中應(yīng)注意以下幾個問題:
、儆脩艚缑嬖夭灰恢隆@,同一個控件在不同的頁面上功能不同,或者同一個功能對應(yīng)幾個用戶界面控件。
、趯(dǎo)航欄位置不一致。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。
、鄄惶⒁饣蚋静蛔⒁饣镜膱D形設(shè)計原則。例如排版式樣、色彩和版面的設(shè)計。
、芟嚓P(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。
若要避免類似問題,我們在設(shè)計Web 頁時要有一個明確的流程。每個項目都是在一定的基礎(chǔ)上開始的。這時就會充分體現(xiàn)前期策劃工作的重要性,如果我們能夠認真扎實的完成前期的策劃工作,就可以避免上述問題的發(fā)生,所以前期的策劃工作十分重要。
網(wǎng)站設(shè)計應(yīng)該是同時進行的,這如何統(tǒng)籌是一個比較重要的問題。在上面所講述的過程進行的同時,網(wǎng)站的程序人員應(yīng)該正是處于開發(fā)程序的階段,如果實現(xiàn)的這個過程中出現(xiàn)什么問題編程人員應(yīng)和制作人員及時結(jié)合,以免程序開發(fā)完成后發(fā)現(xiàn)問題要進行大規(guī)模的返工。
三、建站后期
一個網(wǎng)站建設(shè)好之后應(yīng)該可以達到以下要求:
為您的觀眾提供所需的信息:使導(dǎo)航元素保持一致,并且確保對訪問率高的區(qū)域進行明顯的標記,是它們易于被找到。
使用清楚的消息:確保用戶了解此頁面的上下文,并且知道需要他們做些什么。如果在注冊過程中您要用戶輸入姓名,那么就直截了當?shù)卣f。不要讓訪問者自己計算什么,他們會感到沮喪,于是轉(zhuǎn)到其它更簡單的站點(例如您的競爭對手的站點。
保持一致性:雖然更改不同 Web 頁的外觀并不難,但這并不意味著您應(yīng)該這么做。將主要功能--例如返回“主頁”的鏈接或者執(zhí)行一個搜索--放在每頁的相同位置。在 microsoft.com 上,黑色全局導(dǎo)航工具欄的位置在四十多萬頁上都是一樣的。
使站點可用:牢記設(shè)計和測試站點的可用性。確保用戶可容易地執(zhí)行任務(wù)以獲得所需信息。估算任務(wù)時間和任務(wù)完成率,然后努力進行改善。如果新的設(shè)計沒有在這些方面獲得改善,那么就不要實施它。重新從草圖(或最初的計劃)開始并嘗試其它方法。
保持簡潔:說起來容易做起來難。嘗試征求反饋意見。有時新人可以很容易找到解決方案。
嘗試新的東西:不要害怕打破常規(guī),嘗試一些完全不同的東西。如果您不試試,永遠不會找到真正的答案。應(yīng)該在網(wǎng)頁中體現(xiàn)自己的創(chuàng)新能力,有自己創(chuàng)新的東西與思維。