做者: ganzhijie 發表於 2010-09-01 13:11 原文連接 閱讀: 12 評論: 0html
Android的官方開發者博客發了一份幻燈片,介紹了一些Android UI設計的小貼士,Roger在這裏以看圖說話的形式發出來,有興趣的讀者就繼續往下翻吧。整個PPT共分5個部分,Part I 翻譯的是前兩個部分。程序員
做爲開發者,爲啥咱們要關心UI,前面的一堆統統能夠忽略掉,直接跳到最後一條。由於好的UI設計能夠幫助咱們賣出更多拷貝,賺到更多錢^_^設計模式
這個PPT 包含5個部分:框架
1>該作什麼,不應作什麼工具
2>設計哲學和考量佈局
3>你必須瞭解的 UI 框架特性學習
4>新的UI 設計模式測試
5>圖標和準則字體
Don’t:網站
1>不要照搬你在其它平臺的UI設計,應該讓用戶感受是在真正使用一個 Android 軟件,在你的商標顯示和平臺總體觀感之間作好平衡
2>不要過分使用模態對話框
3>不要使用固定的絕對定位的佈局
4>不要使用px單位,使用dp或者爲文本使用sp
5> 不要使用過小的字體
Do:
1> 爲高分辨率的屏幕建立資源(縮小總比放大好)
2> 須要點擊的元素要夠大
3> 圖標設計遵循 Android 的準則
4> 使用適當的間距(margins, padding)
5> 支持D-pad和trackball導航
6> 正確管理活動(activity)堆棧
7> 正確處理屏幕方向變化
8> 使用主題/樣式,尺寸和顏色資源來減小多餘的值
9>和視覺交互設計師合做!!!
設計哲學:
1> 乾淨而不過於簡單
2> 關注內容而非修飾
3> 保存一致,讓用戶容易投入其中,可附加少量變化
4> 使用雲端服務(存儲和同步用戶資料)來增強用戶體驗
優秀界面的設計準則:
1> 關注用戶
2> 顯示正確的內容
3> 給予用戶適當的回饋
4> 有章可循的行爲模式
5> 容忍錯誤
關注用戶:
1> 瞭解你的用戶(年齡,技能,文化,對你的應用的需求,使用的設備,什麼時候何地如何使用設備)
2> ‘用戶優先’的設計心態 (用戶一般是任務導向的行爲模式)
3> 更早,更頻繁的由真實用戶來測試
顯示正確的內容:
1> 最經常使用的操做須要最快被用戶看到而且可用
2> 不太經常使用的功能能夠放到菜單裏面
給予用戶適當的回饋:
1> 交互式的UI元素最少須要反映出4種不一樣的狀態 (default,disabled,focused,pressed)
2> 保證操做的結果是清晰可見的
3> 多給予用戶進度提示,可是不要干擾他們當前的操做
有章可循的行爲模式:
1> 行爲模式遵循用戶的指望(正確的操做活動堆棧,顯示用戶指望看到的信息和動做)
2> 使用合適的方式來增強功能可見性(可點擊的元素就應該看起來是能夠點擊的)
3> 若是用戶完成一項任務須要複雜的操做,從新思考你的設計!!!
容忍錯誤:
1> 只容許有意義的操做(適當禁用一些按鈕)
2> 儘可能減小不可回退的操做
3> 容許回退(undo)比使用肯定對話框更好(實際上,應該儘可能少用肯定對話框,它對用戶是一種干擾)
若是錯誤是可能發生的,那它就必定會發生。
設計考量:
1>屏幕的物理尺寸
2>屏幕密度
3> 屏幕的方向(豎向和橫向)
4>主要的UI交互方式(觸屏仍是使用D-pad/trackball)
5>軟鍵盤仍是物理鍵盤
6>瞭解不一樣設備之間的相異之處是很是重要的!
7>閱讀CDD,學習設備可能差別的地方
8>瞭解屏幕尺寸和密度分類
最新新聞:
· 微軟虛擬機服務工具3.0版發佈 免費下載(2010-09-27 14:59)
· Intel悄然發佈8款新品移動處理器(2010-09-27 14:58)
· 永中Office重組內鬥:創始人或另立公司(2010-09-27 14:49)
· 《華爾街日報》科技創新獎揭曉(2010-09-27 14:39)
· Twitter計劃將廣告平臺推廣至第三方應用(2010-09-27 14:35)