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