思拓界面設計指南

目第一 引 前 設計說 概念和定 第二 用戶界面設計規(guī) 通用原 控件位置拖放原 控件大小與一致性原 界面簡潔性原 色彩、圖像協(xié)調統(tǒng)一原 向導使用原 系統(tǒng)響應時 及時幫助用 出錯信息和警 充分利用版面空 適當留 推薦使用基于div的css來進行布 數據顯示集 分辨率適 合理使用HTML標 保證樣式(CSS)與布局結構的完全分 對頁面代碼進行適當排 第三 界面設計工作流 結構設計(StructureDesign 交互設計 ctive 第四 產品界面設計流 界面評 使用界 第五 小結與展 小 錯誤！未定義書簽展 錯誤！未定義書簽第一章引言詞：WEB界面B/S結構UIUE用戶界面用戶體驗前界面美觀、操作簡易、成本低是評價B/S系統(tǒng)優(yōu)劣成敗的關鍵。參考了一GUI樣式表：CSSCascadingStyleSheet的縮寫。譯作「層疊樣式表單」。是用于(增強)UE用戶體驗：UserExperience，是指用戶體驗，用戶體驗這個概念的提出非常重要，UI第二章用戶界面設計規(guī)范VisualStudio通過在開發(fā)上拖曳控件的方式為創(chuàng)建用戶界面提供了非常簡便的控件位置拖放原則重要的元素應當定位在這里。比一條重要的數據信息，它的標題欄應當安排放在能被控件大小與一致性原則致性的外觀將體現(xiàn)應用程序的協(xié)調性。如果缺乏一致性就會使界面而無序，這樣的界便，甚至還會使用戶覺得應用程序不可靠。VisualBasic提供的控件豐富多樣，每一種都能界面簡潔性原則體上有太多的控件會導致界面雜亂無章，給尋找字段或者控件帶來不便或者。因此，VisualStudio提供了幾個工具，以便讓控件的間距、排列和尺寸的調整變得非常容易。水平間距、垂直間距、在窗體、排列、按相同大小制作等而可以使用有的界面或幾個的窗體來顯示所有的信息，也可以使用附加的控件，色彩、圖像協(xié)調統(tǒng)一原則致。如果可能的話，最好堅持標準的16色的調色板，圖像的理解也不一樣。帶有表示各種功能圖標的，是一種很有用的界面組成，但如果不能很容易地識別圖標所表示的功能，反而會事與愿違。在設計圖標時，應查看向導使用原則導必須用在固定處理流程中，并且處理流程應該不少于3個處理步驟。系統(tǒng)響應時間及時幫助用戶常用的幫助有兩種：聯(lián)機幫助和。聯(lián)機幫助是設計在系統(tǒng)軟件中，用戶可以直接選擇與所要執(zhí)行操作相關的。通過集成幫助可以縮短用戶獲得幫助的時間，增加界面的友。在系統(tǒng)建好，通過用戶一段時間的使用，反應出來的一些問題的出錯信息和警告顯示版式的設計充分利用版面空間適當留推薦使用基于div的css來進行布局頁面布局推薦使用基于DIV＋CSS的方式以獲取更大的靈活性以及增強代碼的可讀數據顯示集中分辨率適應系統(tǒng)必備通用功能功功能說明桌 注銷用戶session，并退出到登錄窗口退出 注銷用戶session,并關閉IE窗口必須顯示“研制開發(fā)：大唐思拓 ”，并到公司每個產品的登錄界面和桌面banner區(qū)域的系統(tǒng)標識及背景可配置，統(tǒng)一在web.config配置文件中增加4個自定義屬性LoginLogoImage（登錄界面Logo、LoginBackground（登錄界面背景、DesktopLogoImage（桌面Logo、DesktopBackground(桌面banner背景)來定義不同使用單位的個性化。數據時間長的操作都需要提供進度提示信息，AJAX頁面裝載是也是如此，提示web.configSystemTitle來定義頁面Title要顯示的信息。對程序員編寫頁面時的要求合理使用HTML標記HTML提供了十分豐富的，每個都有它各自的含義。在頁面設計的時候，除HTMLHTML語言標記。不應該為了完成任務而HTML標記。下面列出幾個應該在具體情況下予以使用的標記。thtd然后再給指定class屬性。表格名稱(或說明)。位于表格上方，針對表格的說明或者表格的名稱信息應該使用caption標記標識，而不是額外使用其他容器來表現(xiàn)，更不是直接書寫文字或者放在tableh1到h6標記中的一h1到h6中的哪個，相關產品的設計說明中會給出規(guī)定。應該依照上面保證樣式(CSS)與布局結構的完全分離頁面設計的時候應該力求僅用樣式表來實現(xiàn)頁面格式全部控制，廢棄如<font>才能保證僅僅使用css文件來控制界面的外觀與布局。對頁面代碼進行適當排版 第三章界面設計分類結結構設計交互設計視覺設計結構設計也成概念設計（oncepual Design，是界面設計的骨架。通過對用戶研究和任務分析，制定出產品的整體架構。基于紙質的的低保真原型（Prooype）可提供用戶測試并進行完善。在結構設計中， 體系的邏輯分類和交互設計(Inctive允許工作中斷。例如用寫新的時候，收到或 界面色彩要求構減少短期的負擔。讓計算機幫助，例：