小型軟體介面設計製作指南

來源:互聯網
上載者:User

  本文提供了小型軟體的通用介面設計製作的一些方法和原則,以及相關問題的解決方案。

  一:遵循一致的準則,確立標準並遵循

  無論是控制項使用,提示資訊措辭,還是顏色、視窗布局風格,遵循統一的標準,做到真正的一致。
  這樣得到的好處:

  1:使使用者使用起來能夠建立起精確的心裡模型,使用熟練了一個介面後,切換到另外一個介面能夠很輕鬆的推測出各種功能,語句理解也不需要費神理解
  2:降低培訓、支援成本,技術服務人員不會行費力逐個指導。
  3:給使用者統一感覺,不覺得混亂,心情愉快,支援度增加

  做法:

  項目組有經驗人士,確立UI規範:
  ·美工提供色調色彩配置,提供整體配色表
  ·介面控製程序人員、使用者體驗人員提出合理統一使用的控制項陳列庫。參考標準介面使用規範:

  控制項功能遵循行業標準,windows平台參見《Microsoft 使用者體驗》(MSDN中有,中文已經翻譯發行,項目組必須有一本)

  控制項樣式在允許的範圍內可以統一修改其樣式、色調
  參考其他軟體先進操作,提取對本項目有用的功能,以使用,絕對不能盲從,漫無目的。
  根據需要,設計特殊操作控制項,準則為:簡化操作、達到一定功能目的

  ·介面實施人員與美工商榷控制項可實現性,(如不實行此步驟,將會導致各自對對方工作不滿意,也會產生不一致的混亂)。重複疊代上述工作。
  ·建立合理化文檔《UI標準》描述上述規範,
  ·強行介面設計者理解之,並作為開發準則,
  ·SQA人員進行監控開發人員是否遵循,及時告誡開發人員。

  二:(Color)顏色使用恰當,遵循對比原則

  1:統一色調,針對軟體類型以及使用者工作環境選擇恰當色調:
  安全軟體,根據工業標準,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等

  2:如果沒有自己的系列介面,採用標準介面則可以少考慮此方面,做到與作業系統統一,讀取系統標準色表

  3:色盲、色弱使用者,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符,如"!","?"著重號,以及表徵圖等

  4:顏色方案也需要測試,常常由於顯示器、顯卡的問題,色彩表現每台機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試

  5:遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。

  6:整個介面色彩盡量少的使用類別不同的顏色

  itop色表
  具體標準參考美術學統計學術標準。
  色表的建設,對於美工在圖案設計、封裝設計上起著標準參考作用,對於程式介面設計人員設計控制項、表單調色起到有章可循的作用。

  三:(Resource)資源

  一個多姿多彩的人機互動介面,少不了精美的滑鼠游標、表徵圖以及指示圖片、底圖等。

  1:也需要遵循統一的規則,包括上述顏色表的建立,表徵圖的建立步驟也應該儘可能的形成標準,參考itop的outlookbar表徵圖設計標準
  2:有標準的表徵圖風格設計,有統一的構圖布局,有統一的色調、對比、色階,以及圖片風格
  3:底圖應該融於底圖,使用淺色, 低對比,盡量少的使用顏色。
  4:表徵圖、映像應該很清晰的表達出意思,遵循常用標準,或者使用者機器容易聯想的到物件,絕對不允許畫出預設奇妙的圖案。
  5:滑鼠游標樣式統一,盡量使用系統標準,杜絕出現重複的情況,例如某些軟體中一個手的形狀就有4鐘不同的樣子。

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.