2017年3月21日 星期二

UI Patterns

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)


沒有留言:

張貼留言