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