一、 介面現狀分析（1）介面外觀的橫向、縱向比較
第一套介面色調柔和，親和力較強，但長時間**會較快失去新鮮感；
第二套介面色彩反差大，對視神經的刺激能保持較長時間的新鮮感；
longhorn的介面色彩單純明快。
略......
三套介面風格設計比較表：
1）明度
2）純度
3）對比度
4）介面質感
5）優點
6）缺點
小節：新改版的介面風格一定要有更強更持久的生命力，在傳統的風格基礎上有超前的設計理念，作為依附微軟作業系統longhorn而生存的應用型軟體，介面外觀更應該參考longhorn的風格設計體系，和它的風格特徵同步發展。
（2）硬體、軟體環境分析
我們的產品定位......
介面的解析度最低要滿足800*600的使用者，以1024*786為基準進行設計，介面的整體布局要適應更高解析度的擴充效果。
小節：登入、關於介面盡量圖形化，突出品牌特色。介面以1024解析度為基準進行設計，同時滿足800解析度，在更高解析度下的整體外觀也要協調，布局合理。
二、 介面設計的主要因素
（1）設計環境
技術環境：受web和gui不同的技術結構和傳統風格的限制，介面外觀會稍有不同。設計時要求盡量保證控制項外觀的一致性，企業資訊門戶的基本技術框架是由portlet組成，等同於gui容器控制項的概念，所以，如果能保證門戶的portlet和gui的容器在外觀上一致，就很大程度上保證了web和gui產品外觀的一致性。
業務環境：portlet裡面所展示的內容是使用者完全可以自定義的，而這些內容大部分是gui產品的內容，如果內容所呈現的外觀差異大，就會引起使用者視覺理解上的混淆，所以portlet所展示的內容外觀必須和gui的內容保持一致。另，portlet裡面的內容是千變萬化的，在進行容器設計時一定要注意簡潔清爽，方便使用者定製和檢視。
產品特性：資訊門戶是web產品，在設計主介面時要適當體現web特色，如：增加動畫效果的或flash，介面結構更為簡潔，框架容易擴充。gui的外觀設計相對來說更加嚴謹，間距要盡量小，以最大限度展示業務內容為目的，要具有成熟穩重、簡潔大方的gui產品風格特徵。
小節：資訊門戶的portlet和gui的容器外觀保持一致，並且是最簡潔有效的色彩和造型；業務內容所呈現的外觀在門戶和gui裡都必須保持絕對一致；web的控制項外觀盡量和gui的保持一致；資訊門戶主介面的設計要適當體現web產品特性。
（2）目標使用者心理
操作使用：色彩的基本作用是區分功能模組和對業務流程進行視覺導向。所以，色彩的應用要有遠近層次感，體現導向功能；對於功能模組的區分，色系的應用依據規範的理論基礎，如：藍色系表示選中、編輯；黃色系表示警示、註明；綠色系表示通過、安全。色彩的選用首先要保證這兩方面功能的實現，在此基礎上再考究色彩之間的美觀協調性。
感觀享受：美觀是產品銷售過程中提高競爭力的策略之一，同時也可以保持使用者對產品的新鮮感，並提高使用者使用產品的忠誠度。所以，外觀的整體設計要有超前意識，設計靈感**於使用者但要高於使用者。讓他們在繁忙工作的同時得到心靈上的享受。
小節：色彩的基本作用是區分功能模組，對業務流程進行視覺導向；色彩的選用首先要保證這兩方面功能的實現，在此基礎上再考究色彩之間的美觀協調性；設計靈感**於使用者但要高於使用者，提高使用者的欣賞水平並保持相當長時間的新鮮感和忠誠度。
三、 品牌應用
略......
小節：輔助形沿用天空和大海，但沒有「形態」只有「神韻」，宣傳一種企業文化精神。
四、 典型介面描述
安裝、登入、關於典型介面的設計要體現「天高任鳥飛、海闊任魚游」的意境。亮藍色色系為主，加很少亮的橙色做對比呼應，介面的感覺要輕靈通透、有活力、質感要強，整體外觀給人要有耳目一新的觸動感；
嚮導、資訊提示介面亮藍色系為主，但背景要求清爽簡潔，設計的圖形化符號表意要明確，造型
要美觀，由於表意的載體元素（如：資訊提示的問號）要遵循通用性原則，但為了突出產品特色，在元素的造型上建議設計為立體效果，這樣會有讓人過目不忘的新穎感。
小節：把天空大海的「神韻」融入典型介面中；建議圖形符號處理為立體效果，加強外觀設計的新穎感。
五、 主介面描述
gui主介面：色彩主要集中在介面上部（選單欄、工具欄、頁籤），藍色為主色調，色彩的明度、純度、飽和度要較高；下面操作區的顏色以白色為主，配淺灰色和少量其它顏色，色調簡潔明快；上下色調形成較強反差，以刺激使用者的視覺感觀，保持較長時間的新鮮感，使用者的感官享受重點體現在上面部分。主操作區域，包括樹選單、報表、容器等控制項，背景色調為淺灰漸進色系，要有明確的視覺導向和模組區別功能，稍鮮豔的藍色系、黃色系、綠色繫起畫龍點睛的作用，用色要有理由，有明確的業務需求**。
資訊門戶主介面：和gui外觀原則上保持一致，不同的地方：資訊門戶的框架和業務層次相對簡單，色系的應用在gui基礎上更簡潔，但圖案（圖示）元素的色彩可以更豐富美觀。資訊門戶主介面的主要功能特徵為：各功能模組或產品的入口！要體現靈活，易用，易看的特性。介面色彩和結構的可擴充套件性要重點考慮。
小節：介面色調單純，簡潔明快，上下部分行形成較強反差。gui介面風格原則上和門戶保持一致，門戶的用色相對gui更為簡潔。整套介面的用色原則為：亮灰色為主，應用於背景色（65％），藍色體現設計亮點和品牌特色（23％），黃色、綠色為輔助色，主要應用於業務需求（10％），其它彩色做點綴（2％）。
六、 圖示設計描述
（1）顏色：亮灰色系為主（45％），藍色系為輔（35％），綠色、黃色（15％），其它彩色 （5％）。亮灰色（白色）為主的應用，使圖示在不同背景色下都能適應，並保證一定的認知度和美觀性。
（2）造型：gui的工具欄圖示平面化，結構簡潔，單元元素最多2－3個；系統圖示和個性化設定圖示立體化，大小為32*32，色彩更豐富細膩；工作流圖示的色彩和造型完全為表意服務，平面和立體都可以，根據表意需要進行設計；樹圖示，首先是要區別類別，其次是表意，表示不同類業務的圖示造型和色彩差異要稍大。所有圖示單元元素和色彩的應用要遵循一定的業務規範，要有章可循。
（3）質感：大部分圖示是不透明的實體，無鋸齒，光滑圓潤，有層次感；特殊的大圖示可以設計得更有特色，體現藝術和美觀特性。
小節：小圖示為平面造型，用色簡潔，單元元素最多不能超過3個。工具欄和工作流圖示造型為表意服務，樹圖示表意為造型服務，側重點不同。所有圖示單元元素和色彩的應用要遵循一定的內部規範。亮灰色系為主（45％），藍色系為輔（35％），綠色、黃色（15％），其它彩色（5％）做點綴。
詳細設計說明書
詳細設計說明書 1 引言 1.1 編寫目的 闡明編寫詳細設計說明書的目的，指明讀者物件。1.2 專案背景 應包括專案的 和主管部門等。1.3 定義 列出本文件中所用到的專門術語的定義和縮寫詞的願意。1.4 參考資料 列出有關資料的作者 標題 編號 發表日期 出版單位或資料 專案經核准的計畫任務書 合...
詳細設計說明書
1 引言 1.1 編寫目的 說明編寫這份詳細設計說明書的目的，指出預期的讀者。1.2 背景 說明 a 待開發軟體系統的名稱 b 本專案的任務提出者 開發者 使用者和執行該程式系統的計算中心。1.3 定義 列出本檔案中用到專門術語的定義和外文首字母組詞的原片語。1.4 參考資料 列出有關的參考資料，如...
詳細設計說明書
1 引言 1 1編寫目的 說明編寫這份詳細設計說明書的目的，指出預期的讀者。1 2背景 說明 a 待開發軟體系統的名稱 b 本專案的任務提出者 開發者 使用者和執行該程式系統的計算中心。1 3定義 列出本檔案中用到專門術語的定義和外文首字母組詞的原片語。1 4參考資料 a 本專案的經核准的計畫任務書...