網站設計書怎麼寫

一個網站的成功與否與建站前的網站規劃有着極為重要的關係。

在建立網站前應明確建設網站的目的，確定網站的功能，確定網站規模、投入費用，進行必要的市場分析等。只有詳細的規劃，才能避免在網站建設中出現的很多問題，使網站建設能順利進行。

網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能，並根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到計劃和指導的作用，對網站的內容和維護起到定位作用。

網站規劃書出應該儘可能涵蓋網站規劃中的各個方面，網站規劃書的寫作要科學、認真、實事求是。 網站規劃書包含的內容如下： 一、建設網站前的市場分析 1、相關行業的市場是怎樣的，市場有什麼樣的特點，是否能夠在互聯網上開展公司業務。

2、市場主要競爭者分析，競爭對手上網情況及其網站規劃、功能作用。 3、公司自身條件分析、公司概況、市場優勢，可以利用網站提升哪些競爭力，建設網站的能力（費用、技術、人力等）。

二、建設網站目的及功能定位 1、為什麼要建立網站，是為了宣傳產品，進行電子商務，還是建立行業性網站？是企業的需要還是市場開拓的延伸？ 2、整合公司資源，確定網站功能。根據公司的需要和計劃，確定網站的功能：產品宣傳型、網上營銷型、客户服務型、電子商務型等。

3、根據網站功能，確定網站應達到的目的作用。 4、企業內部網（Intranet）的建設情況和網站的可擴展性。

三、網站技術解決方案 根據網站的功能確定網站技術解決方案。 1、採用自建服務器，還是租用虛擬主機。

2、選擇操作系統，用unix,Linux還是Window2000/NT。分析投入成本、功能、開發、穩定性和安全性等。

3、採用系統性的解決方案（如IBM,HP）等公司提供的企業上網方案、電子商務解決方案？還是自己開發。 4、網站安全性措施，防黑、防病毒方案。

5、相關程序開發。如網頁程序ASP、JSP、CGI、數據庫程序等。

四、網站內容規劃 1、根據網站的目的和功能規劃網站內容，一般企業網站應包括：公司簡介、產品介紹、服務內容、價格信息、聯繫方式、網上定單等基本內容。 2、電子商務類網站要提供會員註冊、詳細的商品服務信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關幫助等。

3、如果網站欄目比較多，則考慮採用網站編程專人負責相關內容。 注意：網站內容是網站吸引瀏覽者最重要的因素，無內容或不實用的信息不會吸引匆匆瀏覽的訪客。

可事先對人們希望閲讀的信息進行調查，並在網站發佈後調查人們對網站內容的滿意度，以及時調整網站內容。 五、網頁設計 1、網頁設計美術設計要求，網頁美術設計一般要與企業整體形象一致，要符合CI規範。

要注意網頁色彩、圖片的應用及版面規劃，保持網頁的整體一致性。 2、在新技術的採用上要考慮主要目標訪問羣體的分佈地域、年齡階層、網絡速度、閲讀習慣等。

3、制定網頁改版計劃，如半年到一年時間進行較大規模改版等。 六、網站維護。

XX網站建設方案

第一章 前言

在INTERNET迅速普及的今天，擁有自己的網站是一個企業或部

門進行形象宣傳的重要方式，也是同外界交流合作、尋找商機的一個重要途徑。互聯網的發展大大提高了各類信息活動發佈的速度和可選擇空間，新型的商務信息通道其優越性顯而易見。XX公司服務作為一家知名度很高的家政服務公司，其網上形象的樹立、宣傳、案例展示等都顯得極為重要。現通過利用互聯網覆蓋面廣、信息容量大、傳遞速度快的特點，建立網站首頁以公司簡介、服務項目、服務宗旨、家政常識、加盟合作、聯繫我們等相關內容資訊的網站，把網站建設成為面向社會各界宣傳的窗口與客户勾通、交流的紐帶。網站的色彩與整體佈局，突出其作為一個大型服務行業網站應有的大氣、典雅、清新的特色。同時將提升整個網站的功能性，加強祥和家政項目宣傳力度，提高綜合服務的能力，同時可進行網上展示、網上宣傳、網上諮詢等一系列信息服務等。同時通過留言、郵件等功能，加大與社會各界的隨時交流與溝通。

網站內容

首頁：以一幅富於創意，符合XX公司特徵的FLASH動畫作為過渡頁，同時在動畫上設置進入網站的按鈕，分別進入網站的首頁面，再根據XX公司服務網站的具體欄目來設計首頁的風格及佈局，確保各個欄目位置合理，點擊方便，一目瞭然。

XX公司簡介：主要為XX公司服務的簡介，系統全面介紹XX公司服務的一些具體情況，樹立企業形象。

服務項目：主要是向客户展示公司的具體業務服務項目。使客户對公司的服務有一個具體的瞭解。

服務宗旨：我們打動客户，客户尋找我們 ，這是我們的優勢，也可以通過以往的服務宗旨來了解。金文網絡公司將根據貴公司提供案例進行實景拍攝，或由我公司資深美工給你設計出精美居家、商業案例。

加盟合作：向有意向加盟的單位詳細介紹加盟的一些信息。

家政常識：向你的客户介紹一些家政服務的知識。

聯繫我們：列出XX公司的地址、電話、郵箱等便於你的客户和你們聯繫。

這個只是用於備案而已，不要注重太多的實質性內容，好看即可。如：

XX網站建設方案書

一、網站建設目的及功能定位 XX有限公司網站的建設目標是：建成優秀的設計業內專業網站，展示公司形象，服務於公司日常運營。通過公司網站展示公司服務範圍和優秀案例，讓客户能夠了解本公司，能夠對感興趣的服務作詳細瞭解，並通過網站提交反饋信息。

二、網站整體框架規劃 網站整體為標題型框架設有： 關於XX 設計服務 設計案例 最新動態 人才招聘 聯繫我們

三、網站技術解決方案 根據網站的功能確定網站技術解決方案：服務器採用租用XX主機，選用XX操作系統，單月流量8GB，併發連接數150個，能支持PHPv4.3/v5.2/v5.3, HTML, WAP, PERL5, CGI-bin等開發語言：數據庫採用：MySQL5.1.48(20M)、SQLite v2.8.14，本參數能夠滿足本公司的網站正常運行。

UI的發展和現狀書籍名稱：《藝術的故事》作 者： 貢布里希 （Sir E.H.Gombrich） 內容簡介 ：從最早的洞窟繪畫到當今的實驗藝術的發展歷程，闡明藝術史是各種傳統不斷迂迴、不斷改變的歷史，每一件作品在這歷史中都既回顧過去又導向未來。

書籍名稱：《西方美術簡史》作 者： 亨德里克・房龍內容簡介 ：以優美的文字、清晰的思路講述了西方美術史的發展軌跡與幕後精髓。美術視覺設計平面構成書籍名稱：《平面設計法則》作 者： 米爾曼內容簡介 ：對學**設計的學生來説是一個一站式的資源庫，既是有趣的基礎教程，同時也是深入設計領域實踐的“入門讀物”。

書籍名稱：《平面設計視覺詞典》作 者： 加文·安布羅斯 /哈里斯內容簡介 ：旨在對平面設計中容易混淆的一些專業詞彙予以區別和解釋，比如斜線和斜體的區別，重印、套印、翻轉的區別等。美術繪畫書籍名稱：《視覺與繪畫》作 者： 諾曼・佈列遜 內容提要：本書對西方美術史極為閉塞與自滿的研究現狀作了尖鋭的理論批評，強調從繪畫圖像的社會性及其作為符號的獨特角度、從歷史與人文學科當代發展的角度拓展研究視野。

書籍名稱：《素描與視覺思維》作 者： 吳國榮 內容簡介 ：本書對古代到現代源遠流長的素描傳統，作重新的審視和選擇；對不斷更新發展的各設計專業需求共同本質因素的探究和設計類基礎素描教學和實踐作了系統的梳理和思考。色彩構成書籍名稱：《設計配色基礎》作 者： 視覺設計研究所 內容簡介 ：幫助讀者瞭解配色的整體效果以及有關配色的基礎知識，講解了營造畫面氛圍的方法，以及如何利用色彩給人的感受來表達主題。

書籍名稱：《藝術設計的色彩構成》作 者： 朝倉直巳 內容簡介 ：雖然這書是很老了但畢竟學問這東西萬變不裏其宗！不得不承認日本人教學方面的書比中國人嚴謹很多。版式設計書籍名稱：《版面設計的原理》作 者： 伊達千代 內容簡介 ：以條理分明的章節及淺顯易懂的文字，有層次地説明設計的各個環節。

作者從建立條理、添加變化、強調重點、設計技巧和設計中的色彩幾個方面將自己實際操作經驗與心得全部記錄下來。書籍名稱：《柵格系統與版式設計》作 者： 金伯利·伊拉姆 內容簡介 ：本書中展示的設計超越了簡單的功能主義和簡約主義的教條，使得版式設計成為一種真正的動態傳達方式。

字體設計書籍名稱：《文字設計的原理》作 者： 伊達千代 / 內藤孝彥 內容簡介 ：作者彙集多年來的經驗，運用大量實際案例，有層次的逐步展開文字設計的各個重要因素，從認識文字、文字與意象、易於閲讀的文字組合、在設計中如何強調文字，以及文字在排版中的運用。 書籍名稱：《商業字體設計》作 者： 許瀚文內容簡介 ：作者走遍陸港台日、歐洲，跟世界各地的字體設計師、文字設計師交流，並每天工作、學**、不斷反思反省下所蒸餾出的想法。

交互設計用户體驗設計書籍名稱：《破繭成蝶-用户體驗設計師》作 者： 劉津/李月內容簡介 ：一本很實在的書，基本從入門給我們講述了什麼是用户體驗，書中融入了寶貴的職業經驗和專業思考，對於交互設計師、視覺設計師、用户研究員等具有一定參考價值和借鑑意義。交互設計原則與規範書籍名稱：《簡約至上：交互設計四策略》作 者： Giles Colborne 內容簡介 ：一本凝鍊至極、耐人尋味、圖文並茂的好書。

簡化設計，提升易用性。創造出卓而不羣、歷久彌新的用户體驗。

書籍名稱：《認知與設計：理解UI設計準則》作 者： Jeff Johnson 內容簡介 ：把設計準則與其核心的認知學和感知科學高度統一起來，從認知和心理學角度剖析交互設計本質，介紹如何將最新的認知 學成果應用到交互設計中。設計心理學書籍名稱：《設計心理學》作 者： Donald Norman 內容簡介 ：幫我們找到了這些問題的關鍵，即產品設計忽略了使用者在一定情境中的真實需求，甚至違背了認知學原理。

設計思想書籍名稱：《點石成金》作 者： 史蒂夫·克魯克 內容簡介 ：這本書短小精悍，語言輕鬆詼諧，書中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及包含大量信息的圖表，使枯燥的設計原理變得平易近人。書籍名稱：《設計中的設計》作 者： 原研哉 內容簡介 ：以謙虛但同時尖鋭的目光尋找設計被需要的所在，並將自己精確地安置在他的意圖能夠被賦予生命的地方。

書籍名稱：《寫給大家看的設計書》作 者： 威廉姆斯，Robin Williams內容簡介 ：以其簡潔明快的風格，將優秀設計所必須遵循的這4 個基本原則及其背後的原理通俗易懂地展現在讀者面前。本書包含大量的示例，讓你瞭解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。

當然一切還是行動起來最靠譜看到網上和周圍有很多人都在討論如何學UI設計、UI設計的職業前景怎麼樣之類的話題。不得不説現在UI這個職業確實需求很大有很多人想要學**和從事相關的工作。

設計是一門需要沉澱的技藝，卻恰巧遇見了日新月異的互聯網文化。只有知識與實踐的努力才能成就一個出類拔萃的UI設計師。

網站策劃書參考 網站總策劃 首先在做網站之前給要做的網站一定準確的定位，沒有方向的船哪邊的風都不會是順風。

所以給網站定位，明確建站目地是第一步要做的。給網站做定位時，與公司決策層人士共同討論，以便於讓上層領導能對網站的發展方向有一定的把握，同時最好調動公司其他部門一起參於討論，及時從公司立場提出好的見意，結合到策劃中去。

一個公司的好壞與部門之間工作結合的是否緊密是有着很大關係的！ 前期信息收集 在明確建站目的和網站定位以後，開始收集相關的意見，跟公司其他部門結合，跟公司的實際情況結合，這樣可以發揮網站的最大作用。 這一步是前期策劃中最為關鍵的一步，因為做網站一定是為公司服務的，所以收集其他部門的意見和想法是最為必要的，這一步需要整理成文檔，可以讓其他部門配合提交一份本部門需要在網上開闢的欄目計劃書，這份計劃書呢，一定要考慮充分，因為如果要把網站做為一個正式的站點來運營的話，所做的每一項欄目的設置都應該是有規劃的，如果考慮不充分會導至以後突如其來的新加內容破壞網站的整體規劃和風格，這也並不意味着網站成形後是不許添加欄目的，只是在添加的過程中需要跟網站的情況結合着來，也最好是當初策劃時考慮全面！具體分欄目策劃 收集完其它各部門的相關信息以後，對其進行整理，整理以後找出重點，根據重點以及公司業務的側重點，結合網站定位來敲定網站的分欄目需要有哪幾項，可能開始時會因為欄目較多進而難以確定最終需要哪幾項，這又是一個討論的過程，需要大家在一起把自己的意見説出來，一起反覆比較，給定下來的內容進行歸類，形成網站欄目的樹狀列表用以清淅表達站點結構。

然後以同樣的方法，來討論二層欄目下的子欄目，對它進行歸類，並逐一確定每個二級分欄目的主頁面需要放哪些具體的東西，二級欄目下面的每個小欄目需要放哪些內容，讓欄目負責人能夠很清楚的瞭解本欄目的每個細節和每個欄目，大家討論完以後，就應由欄目負責人來按照討論過的結果寫欄目規劃書，欄目規劃書要求寫得詳細，具體。並有統一的格式，以備網站留檔，這次的策劃書只是第一版本，以後在製作的過程當中如果出現問題及時修改該策劃書，並且也需要留檔。

策劃書要求有電子版和書面版兩份。 下面就是需要説一下策劃書設計到的具體內容。

每個欄目的策劃書應該是格式統一的。 第一，是欄目概述，其中包括欄目定位，欄目目的，服務對像，子欄目設置，首頁內空，分頁內容！這一部分起到一個索引的作用，讓領導看起來能對欄目有一個大概的整體把握和了解。

第二，為欄目詳情。欄目詳情就是把每一個子欄目的具體情況描述一下，其中包括到各個子欄目的名稱，欄目目的，（把子欄目的目的寫清楚） 服務對像，（用以明確欄目的發展方向，更好的為達到目的而做哪些具體內容） 內容介紹，（詳細説明本子欄目的具體內容） 資料來源，（説明該欄目的內容來源是什麼，以保證欄目開展下去不會出現沒有內容的情況） 實現方法，（講述實現這個欄目的具體方法） 有關問題，（欄目負責人在欄目的策劃過程當中想到的，目前尚未解決的問題） 重點提示（重點提示美工人員或編程人員需要注意的地方，或需要結合的地方，也可是欄目策劃人員對該子欄目在這些方面的良 好見意） 第三，相關欄目，這一項是用以説明本欄目和其它欄目之間的結合，溝通，之所以要有這一項是想通過各個欄目之間的聯繫，來加強網站的整體性。

第四，參考網站，標明本欄目參考了哪些網站，或可以參考哪些網站。並一定要説明參考其它網站的哪些優點，哪些地方是我們在建設過程當中應該注意的。

決不是隻寫上一個網址就可以了！ 第四，最後一項為附錄，用以記錄這個文檔的歷史修改過程，和改了哪些內容。 好了，策劃書的內容格式就這麼多了，可能會覺得多了些繁鎖了些，不過，要知道策劃書是寫給我們自己的，不是為了讓別人看，而是我們網站在以後的建設過程中的一個依據。

有了這個策劃書以後的工作我們可以很輕鬆的解決！ 具體設計製作（包括頁面設計，製作，編程） 再接下來，需要做的就是讓頁面設計人員跟根每個欄目的策劃書來設計頁面，重申一下，在設計之前應該讓欄目負責人把需要特殊處理的地方和設計人員講明！在設計頁面時設計人員一定要根據策劃書把每個欄目的具體位置和網站的整體風格確定下來，為了讓網站有整體感，應該在網頁中放置一些貫穿性的元素，最終要拿出至少三種不風格的方案，每種方案應該考慮到公司的整體形象，與公司的精神相結合。設計方案拿出以後，由大家討論定稿。

設計完成下一步是實現，由製作人員負責實現網頁，並製作成模版。在這個過程實現的同事，欄目負責人應該開始收集每個欄目的具體內容並整理。

模版製作完成後，由欄目負責人往每個欄目裏面添加具體內容。 網站的建設計應該是同時進行的，這如何統籌是一個比較重要的問題。

在上面所講述的過程進行的同時，網站的程序人員應該正是處於開發程序的階段，如果實現的這個過程中出現什麼問題編程人員應和製作人員及時結合，以免程序開發完。