top col 不能 技術 修改 ui界面 一個 簡化 機器

UI界面用戶體驗設計原則與規範

--安陽師範學院互聯網+應用技術學院UI設計方向講師 黃艷芳
1：應該遵循的基本原則
無論是控件使用，提示信息措辭，還是顏色、窗口布局風格，遵循統一的標準，做到真正的一致。
這樣得到的好處：
1：使用戶使用起來能夠建立起精確的心裏模型，使用熟練了一個界面後，切換到另外一個界面能夠很輕松的推測出各種功能，語句理解也不需要費神理解
2：降低培訓、支持成本，支持人員不會行費力逐個指導。
3：給用戶統一感覺，不覺得混亂，心情愉快，支持度增加
做法：
項目組有經驗人士，確立UI規範：
美工提供色調配色方案，提供整體配色表
界面控制程序人員、用戶體驗人員提出合理統一使用的控件庫。參考標準界面使用規範：

控件功能遵循行業標準，windows平臺參見《Microsoft 用戶體驗》
控件樣式在允許的範圍內可以統一修改其樣式、色調
參考其他軟件先進操作，提取對本項目有用的功能，以使用，絕對不能盲從，漫無目的。
根據需要，設計特殊操作控件，準則為：簡化操作、達到一定功能目的
界面實施人員與美工商榷控件可實現性,(如不實行此步驟，將會導致各自對對方工作不滿意，也會產生不一致的混亂)。重復疊代上述工作。
建立合理化文檔《UI標準》描述上述規範，
強行界面設計者理解之，並作為開發準則，
SQA人員進行監控開發人員是否遵循，及時告誡開發人員。
2：(Color)顏色使用恰當，遵循對比原則：
1：統一色調，針對軟件類型以及用戶工作環境選擇恰當色調：
如：安全軟件，根據工業標準，可以選取×××，綠色體現環保，藍色表現時尚、紫色表現浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等
2：如果沒有自己的系列界面，采用標準界面則可以少考慮此方面，做到與操作系統統一，讀取系統標準色表
3：色盲、色弱用戶，即使使用了特殊顏色表示重點或者特別的東西，也應該使用特殊指示符，?quot;!，?著重號，以及圖標等
4：顏色方案也需要測試，常常由於顯示器、顯卡的問題，色彩表現每臺機器都不一樣，應該經過嚴格測試，不同機器進行顏色測試
5：遵循對比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍色文字以白色背景容易識別，而在紅色背景則不易分辨，原因是紅色和藍色沒有足夠反差，而藍色和白色反差很大。除非特殊場合，杜絕使用對比強烈，讓人產生憎惡感的顏色。
6：整個界面色彩盡量少的使用類別不同的顏色
itop色表
具體標準參考美術學統計學術標準。 色表的建設，對於美工在圖案設計、包裝設計上起著標準參考作用，對於程序界面設計人員設計控件、窗體調色起到有章可循的作用。
3：(Resource)資源
一個多姿多彩的人機交互界面，少不了精美的鼠標光標、圖標以及指示圖片、底圖等。
1：也需要遵循統一的規則，包括上述顏色表的建立，圖標的建立步驟也應該盡可能的形成標準，參考itop的outlookbar圖標設計標準
2：有標準的圖標風格設計，有統一的構圖布局，有統一的色調、對比度、色階，以及圖片風格
3：底圖應該融於底圖，使用淺色, 低對比，盡量少的使用顏色。
4：圖標、圖像應該很清晰的表達出意思，遵循常用標準，或者用戶機器容易聯想的到物件，絕對不允許畫出莫名奇妙的圖案。
5：鼠標光標樣式統一，盡量使用系統標準，杜絕出現重復的情況，例如某些軟件中一個手的形狀就有4鐘不同的樣子。

UI界面用戶體驗設計原則與規範