UI Patterns
UI Patterns:UI 模式。
UI Patterns components
好的android 應用程式會遵循下面的UI Patterns。
Action Bar
Confirming and Acknowledging
Settings
Help
Selection
Action Bar(操作欄)
動作要簡單名顯易懂。
在不同APP之間支援一致導航列和 畫面轉換。
Reduces clutter by providing an action overflow for rarely used actions
APP要有空間放識別名稱。
Action Bar Components
App Icon:可以放logo或是品牌來代表APP。
View control:提供下來是選單,可以選擇不一樣的檔案或圖片。
Action buttons:可以讓使用者點選的動作。例如:搜尋。
Action overflow:海苔條。當Action buttons太多了,就會隱藏Action overflow裡面。使用者點選來會展開。
Confirming and Acknowledging
當使用者要點選一個動作,就用確認和承認(Confirming and Acknowledging)出現簡短訊息或對方方塊,來提醒使用者。
Confirming:當使用者要做一個動作,出現的對方方塊,讓使用者點選。
Acknowledging:系統所回覆訊息給使用者看。
Settings:使用者可以依自己喜歡的樣式做設定。
Placement of Settings
可以在右上方Action overflow或是左上方
Menu key(三條長線),可以找到Settings。
Help:當使用者使用APP遇到困難,可以查Help
,解決困難。
Placement of Help
可以在右上方Action overflow或是左上方
Menu key(三條長線),可以找到Help。
Selection
Android 3.0 version 之後,將長按手勢用來選取資料,把它放入Using Contextual Action Bar (CAB)。
Using Contextual Action Bar (CAB)
選擇CAB是在選取資料之後,蓋掉您的APP的目前Action Bar。
參考文獻
Android - UI Patterns
Android UI模式教程
5.ActionBar
【菜逼八學Android】標題功能表─ActionBar(1)
android - actionBar中的Overflow Menu(海苔條)出現的時機
使用 Android ActionBarCompat 製作導覽列 (1)
今天介紹Confirming & Acknowledging
選單鍵
Contextual Action Bar (CAB) in Android
[Android]關於ANDROID 4.X 多選的行為討論(CAB)
Android設計和開發系列第二篇:Action Bar(Design)
沒有留言:
張貼留言