【文章內(nèi)容簡介】 武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案13四、頁面設計原則 網(wǎng)站的界面設計、關于站點統(tǒng)一規(guī)格167。頁面寬度：建議采用 760 pixels 的內(nèi)容寬度，以保證 800x600 pixels 以上分辨率的用戶瀏覽的最佳效果。167。文案標準：建議參照用戶的視覺習慣，研究采用規(guī)范的字體、字號、行距、間距，并針對用戶在不同功能頁面上的瀏覽習慣，設計不同的文字處理方案。需要注意的是，站點上的文字標準最好不要多于四套以上，過于復雜將會適得其反。167。標準頭、尾：建議規(guī)范各級頁面的標準頭與標準尾，以方便在站點增加欄目與臨時頁面時，不會破壞站點的整體風格。、關于訪客在頁面上的視覺流程 第一落點——頁面上最想突出的板塊?？赡苁菆D片新聞、公告欄、俱樂部里的推薦內(nèi)容?？刹捎么髨D、動態(tài)大色塊、金屬立體等設計手段達到目的。第二落點——導航。導航長期存在于標準頭里，不能太花哨，重復出現(xiàn)造成用戶視覺厭倦，更不能太不起眼，失去了導航必備的召映力。第三落點——內(nèi)容。慢慢瀏覽具體內(nèi)容。要求易于閱讀。第四落點——其他。有意弱處理的信息。例如：次要的說明文字、閱讀時才會發(fā)現(xiàn)的相關功能等。 系統(tǒng)性原則1. 整體性：保證在使用方式和視覺呈現(xiàn)上的一致性和統(tǒng)一性；2. 結構和導航的二維引導：結構和導航要模塊清晰，條理明確，跳轉方便，能讓用戶知道自己在網(wǎng)站上所處的位置，并自由進入想去的地方；我們首先要對信息進行打包分類，確定一個信息結構的樹狀圖，然后再根據(jù)樹狀圖確定首頁，次級頁面，終級頁面的內(nèi)容及其展示方式和鏈接關系。同時需要注意會員和非會員之間引導的差異和區(qū)別，為會員提供武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案14更加深層的安排和計劃；3. 流量的引導：有目的有系統(tǒng)的引導流動的方向，確定方式以及停留位置，引導信息流產(chǎn)生人流，進一步需要將人流引導向最有可能產(chǎn)生物流和資金流的地方；滿足信息傳達的全部要求，使信息傳達分主次，分長短進行。應該對欄目的設想和策劃作為流量引導主要依據(jù)；4. 鏈接的有效引導：通過鏈接來實現(xiàn)網(wǎng)站的導航以及流量，充分考慮用戶、網(wǎng)民的使用特點，強化重要鏈接以有效引導流向；主要鏈接不超過五至十個，避免太多的自由選擇將淹沒和混淆使用者，明確什么才是重要的引導；5. 確定技術實現(xiàn)方式：根據(jù)網(wǎng)站的建立目的和發(fā)展方向，對動態(tài)效果進行良好的控制，比如：GIF 動畫或 FLASH 動畫，加入 javascript 腳本來實現(xiàn)鼠標互動的交互效果等。避免因為太多的效果增大下載速度，造成違反建站目的相反效果。 互動性原則瀏覽 AAA 公司網(wǎng)站的過程是在瀏覽者的互動操作下完成的，互動滿足了訪問者的參與感，也會滿足網(wǎng)站發(fā)布信息、收集反饋的需求，我們將在網(wǎng)站設計上充分發(fā)揮這種互動性優(yōu)勢；主要體現(xiàn)在各種功能操作上，對項目有關的各項功能作出合理的、科學的操作條件、操作方式、流程的策劃，我們將會在視覺設計上注重的呈現(xiàn)和引導。網(wǎng)站互動性原則應符合以下幾方面：1. 召喚感：網(wǎng)絡設計具有召喚感，能吸引瀏覽者點擊行動，提高點擊率；2. 導航系統(tǒng)：用最基本、最簡單的結合交互式特性的區(qū)域，熟悉的網(wǎng)絡用戶尤其需要和導航系統(tǒng)進行聯(lián)系從而獲得他們想得到的信息，所以我們會用簡單美觀和直觀的設計導航系統(tǒng)；3. 形象的親和力：利用形象帶用戶進入一個想象空間，激發(fā)瀏覽者的一種潛在需求，從而進一步激發(fā)用戶的參與和接納服務的欲望；4. 文字的鼓動性：根據(jù)用戶對廣告的接觸程序 AIDA，由圖象引發(fā)用戶的訴求興趣，由文字引發(fā)用戶的訴求欲望；5. 感性訴求：緊緊把握住人情味這個要素，特別是在瀏覽 AAA 公司網(wǎng)站時，要在商業(yè)運武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案15作中淡化其商業(yè)氣息，增加網(wǎng)站的親切感是尤其重要的；6. 增加互動性功能：利用互動功能的優(yōu)勢來實現(xiàn)其他媒體所不能具備的在線服務功能，比如說：表單提交、網(wǎng)上反饋等，從吸引大家的興趣到讓用戶無法脫離網(wǎng)絡來實現(xiàn)部分權益，最終達到建站的效果；7. 簡潔性：網(wǎng)絡設計的界面簡潔而可操作，界面友好，網(wǎng)絡設計需要有效引導互動操作，減少瀏覽者不必要的行動和負擔；8. 及時更新：在合作協(xié)議所約定的原則下，保證內(nèi)容的即時更新，以增強瀏覽者的參與性。 傳輸性原則網(wǎng)站的瀏覽以獲取某些信息或實現(xiàn)某種功能為目的；而網(wǎng)絡的圖形和頁面需要用 HTTP超文本標識語言來生成和傳輸，網(wǎng)絡上所有信息的傳達都是通過對文件的下載實現(xiàn)，需要網(wǎng)民為此付出時間和金錢；在中國網(wǎng)民撥號上網(wǎng)使用的調(diào)制解調(diào)器速率較低的情況下，有效率的傳達信息是網(wǎng)絡設計的核心；一切的設計和制作都得以保證頁面的傳輸性為前提。網(wǎng)站傳輸性原則應符合以下幾方面要求：1. 網(wǎng)站設計需要保證信息高效準確的傳輸；2. 降低文件大?。罕ＷC傳輸性的第一個原則就是降低文件的大小，文件的大小由兩個因素決定，一是圖片的大小，另一個是 html 源代碼的大?。灰虼司W(wǎng)絡設計要盡量提高圖片的使用效率，并且要確保制作的方便性；3. 結構的相對獨立性：需要在設計上盡量增強各功能模塊的相對獨立性以形成橫向的獨立表格，利用瀏覽器的下載特點來提高下載速度，特別是要保證首頁的迅速下載；此外，可更新模塊的相對獨立性也是 jsp 自動發(fā)布程序傳輸文件的要求(模板式自動維護，維護操作更加簡單、管理方便)；4. 空間有效性：設計需要合理利用空間，特別是首頁空間；需要在不使瀏覽者感到繁雜混亂的情況下，盡可能傳達有效信息；要有重點的抓住瀏覽者的視線，讓其停留，從瀏覽變?yōu)殚喿x。武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案16 適應性設計原則網(wǎng)絡是在動態(tài)更新中迅速成長，是在不同的軟硬件環(huán)境下被瀏覽的，網(wǎng)絡設計需要滿足這種動態(tài)環(huán)境的適應性；網(wǎng)絡的內(nèi)容需要自動發(fā)布，甚至有相當部分的內(nèi)容是由訪問者發(fā)布的，在數(shù)量和內(nèi)容上有很大的不確定性，網(wǎng)絡設計需要保證在各種狀態(tài)下顯示的美觀性；網(wǎng)站適應性原則應符合以下幾方面要求：1. 可更新性: 設計應該保證內(nèi)容動態(tài)發(fā)布更新的方便性以及在各種更新范圍內(nèi)的顯示效果；2. 可兼容性：頁面的呈現(xiàn)效果取決于瀏覽器對 html 語言的解釋：瀏覽器有多種版本，應該對網(wǎng)絡的瀏覽環(huán)境作出明確的規(guī)定。設計應該在主流平臺，瀏覽器，色彩層次和顯示屏大小的情況下，有較好的顯示狀態(tài)，在其他要求情況下可以正常瀏覽；3. 可發(fā)展性：網(wǎng)絡設計需要迅速對情況的變化做出相應調(diào)整，需要在網(wǎng)站欄目和內(nèi)容的有進一步發(fā)展時, 為產(chǎn)品的制作，運作和市場等各方面都提供方便；五、網(wǎng)站制作流程及步驟 網(wǎng)站制作流程市場部人員在和客戶溝通之后，會同相關人員制定出網(wǎng)站制作方案，方案內(nèi)容包括（網(wǎng)站設計目的、網(wǎng)站總體規(guī)劃、系統(tǒng)功能概述、客戶對網(wǎng)站設計風格要求、進度安排等） 。 招集相關人員如市場、設計、程序人員，根據(jù)方案開會討論，得出最終的可操作性文檔及網(wǎng)站樹形圖。 頁面設計師根據(jù)制定出的文檔設計網(wǎng)站首頁，設計部至多設計 23 個首頁。 在市場部人員簽訂網(wǎng)站制作合同后,網(wǎng)頁制作部開始按照客戶確認的方案制作頁面,在 首頁及鏈接頁面完成后,由市場部人員提交給客戶審核，并請客戶提出意見，我們按照客戶要求進行改善，直到客戶滿意為止?？蛻粜枰诖蛴「迳虾炞滞庠O計風格與創(chuàng)意。 設計師將所有的頁面設計出來，并提交客戶簽字認可。只有在客戶對頁面設計滿意以后，設計人員才把客戶滿意的網(wǎng)站設計最終稿制作成 HTML 格式，并按照客戶的網(wǎng)站功能要求聯(lián)系網(wǎng)站后臺程序制作人員進行程序設計。武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案17 由簽訂合同的市場人員負責此項目全程監(jiān)控設計的過程，及時與后臺技術溝通，調(diào)整和掌握實施的完成。其中各項細節(jié)需基本符合最終版本的方案概念。視項目的大小來規(guī)定設計完成的時間。 技術部將武漢 AAA 公司網(wǎng)網(wǎng)站模板和后臺的使用方法完全教給客戶的相關人員使用。限時在 1 個工作日內(nèi)。 公司內(nèi)部測試。檢查網(wǎng)站兼容性等方面問題，限時 1 個工作日以內(nèi)。 網(wǎng)站解決方案我們可以提供一攬子解決方案，從網(wǎng)站的規(guī)劃，網(wǎng)站的設計，到網(wǎng)站的建設，再到網(wǎng)站內(nèi)容的更新系統(tǒng)，直至提供網(wǎng)站維護及網(wǎng)站功能的擴充。 網(wǎng)站建設步驟網(wǎng)站規(guī)劃網(wǎng)站規(guī)劃 網(wǎng)站設計網(wǎng)站設計 網(wǎng)站維護網(wǎng)站維護網(wǎng)站內(nèi)容網(wǎng)站內(nèi)容更新系統(tǒng)更新系統(tǒng)網(wǎng)站建設網(wǎng)站建設 網(wǎng)站升級網(wǎng)站升級網(wǎng)站設計和建設網(wǎng)站設計和建設網(wǎng)站系統(tǒng)設計和結構設計 網(wǎng)站系統(tǒng)設計和結構設計網(wǎng)頁設計和制作數(shù) 后據(jù) 臺庫 程、 序功 的能 開模 發(fā)塊 和和 制其 作他網(wǎng)站信息發(fā)布系統(tǒng)網(wǎng)站更新系統(tǒng)搜索引擎注冊維護人員培訓武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案18六、開發(fā)規(guī)范對武漢 AAA 公司網(wǎng)網(wǎng)站的建設，我們將嚴格按照軟件開發(fā)的國際標準和行業(yè)標準進行，并通過科學的軟件項目管理來保證項目開發(fā)能夠高質量的、快速的進行。 制定技術文檔的規(guī)范 編制高質量的技術文檔規(guī)范是一整套指導性文件，也是一整套技術法規(guī)，是技術人員進行業(yè)務活動的行為準則。規(guī)范對作業(yè)文檔的內(nèi)容、格式和技術要求等都作了明確的規(guī)定，便于雙方互相理解和溝通。根據(jù)規(guī)范可以統(tǒng)一系統(tǒng)開發(fā)的有關想法，使有關人員的相互理解和協(xié)作變得更為容易。軟件文檔是軟件產(chǎn)品的重要組成部分，一方面，文檔的開發(fā)需投入相當大的工作量，另一方面，對于開發(fā)人員、管理人員以及用戶都是非常重要的資料。我們擁有一整套文檔的編寫規(guī)范：工作評價表、操作手冊、測試分析報告、測試計劃、概要設計說明書、編程規(guī)范、開發(fā)進度月報、考勤表、可行性研究、文檔編寫規(guī)范、詳細設計說明書、項目管理流程、項目開發(fā)計劃、項目開發(fā)總結報告、需求說明書、用戶手冊，用以指導、管理開發(fā)人員的工作；同時，幫助客戶學習、掌握整個系統(tǒng)的設計思想，實現(xiàn)手段等。 文檔種類文檔類型各項目組可以根據(jù)自己的實際情況進行分類，下面列舉的是項目組必須提交的文檔類型。文檔類對項目各階段所要求提供的所有文檔。武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案19管理類各種編寫規(guī)范、人員分工、下達的任務書。紀要類每次會議的會議紀要。 制度類項目管理組頒布的各項規(guī)章制度。 資料類項目中需要使用的資料。 文檔存放規(guī)則建議各項目所產(chǎn)生的文檔將分別存放于文檔開發(fā)庫、文檔受控庫和產(chǎn)品庫中，以下將對這三個庫的組成結構進行進一步描述，以達到使項目組所有成員了解項目的文檔存放結構，并嚴格遵守。 文檔開發(fā)庫文檔開發(fā)庫目錄下建立了項目組成員的姓名目錄，項目組成員的所有提交件和需要評審的文檔全部存放在個人目錄下；項目管理組要求項目組成員每周進行的工作小結一律提交在工作小結目錄下。 文檔受控庫文檔受控庫中存放所有經(jīng)過討論和評審的文檔，凡是進入文檔受控庫的文檔不允許任意修改，修改手續(xù)請參見各項目組制定的《配置管理計劃》的相關章節(jié)。文檔受控庫下設兩個文件，其中 為受控庫中所有文檔的索引，項目組成員只要根據(jù)該文當中的鏈接查閱相應的文檔，不必知道文檔的具體存放位置； 文檔為項目組產(chǎn)生的所有文檔的編號。文檔開發(fā)庫項目組成員姓名工作小結武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案20文檔受控庫下設 4 個目錄，其中：模板目錄存放項目組需要產(chǎn)生的文檔的相應模板，建議項目組成員使用該目錄下的模板編寫文檔，以便保證文檔風格的統(tǒng)一，同時遵守《文檔編寫規(guī)范》的要求。公告目錄存放項目組為所有成員發(fā)布的通知類信息，如聯(lián)系方法、機房設備配置等。技術文檔目錄下又根據(jù)項目的不同階段需要產(chǎn)生的技術文檔進行了詳細的分類，以便管理。項目管理目錄下根據(jù)項目管理的不同需要設立了不同的目錄。 詳盡的測試為了保證測試工作的進行，成立一個獨立于開發(fā)小組的測試小組，進行確認測試。測試小組的主要任務是揭露開發(fā)設計中的錯誤。我們的步驟是：文檔受控庫技術文檔公告項目管理模板 相關規(guī)范開發(fā)計劃需求書概要設計詳細設計測試手冊規(guī)范制度會議紀要質量與配置考勤任務與總結項目控制計劃武漢萬網(wǎng)捷訊數(shù)碼技術有限公司 網(wǎng)站方案21 程序安裝測試對程序安裝說明進行測試，用一套和實際環(huán)境完全相同的數(shù)據(jù)，根據(jù)程序安裝說明進行配置和安裝，如果安裝不成功，則提交測試分析報告退回，否則，繼續(xù)下面的測試。 對程序進行重點測試對程序進行重點測試，對由程序員提出程序的重點和易出錯的部分進行重點測試，共進行多輪測試（我們一般進行三輪測試），每一輪都提交測試分析報告