Android L 預覽版設計規范筆記

2 評論 22966 瀏覽 2 收藏 10 分鐘

Android L?預覽版設計規范筆記(一)—Material?設計風格

Google在I/O大會上公布了新一代Android——Android L,隨之也帶來了全新的設計規范。自從4.0推出設計規范后每一次Android版本升級都會或多或少對設計規范修改。本文是筆者學習新版設計規范的筆記,共分為兩章,第一章是 Material設計風格篇,第二章是推送通知初探。

AndroidL預覽版與當前的正式版Android KitKat 4.4.4相比,有三處明顯的不同:

  • 新風格
  • 新視圖部件
  • 新的自定義陰影和動畫API

Material 風格

新的設計風格可以自己定義頁面底色,自帶點擊后動畫效果和頁面過渡效果。下面兩圖為黑色風格和白色風格。

androidL-20140704-01

New Widgets

Android L預覽版中新增了兩個針對視圖優化的widgets

androidL-20140704-02

listView有了優化了動態效果性能和更易使用的RecyclerView。

androidL-20140704-03

新增的CardView可以顯示一些重要而又零碎的信息,并且視覺樣式上保持統一。

陰影

除了現有的X和Y屬性外,androdi L預覽版新增了Z屬性,利用這個新特性可以使頁面更加有層次:

控制陰影的大小,Z屬性可以使陰影變得更大更明顯。層次前后順序,Z屬性可以調整頁面各個元素間的前后順序。例如讓某個元素看起來在頁面的最前面。

動畫效果

Android L預覽版新增了支持自定義點擊反饋動畫、頁面狀態變化和頁面跳轉的API。

新的animations API包括:

  • 點擊反饋動畫
  • 隱藏或顯示動畫效果
  • 可以創建更自然的曲線動畫效果。
  • 支持在一個或多個頁面間切換的動畫效果。
  • 拖拽列表時的液態動畫效果。

點擊按鍵這一操作的反饋動畫有多種樣式,這些新版的SDK已經封裝好,可以按需調用。新的API還支持自定義動畫效果并且可以添加到自定義視圖中。

——————————————我是分割線—————————————-

Android L 預覽版設計規范筆記(二)—推送通知設計規范

AndroidL一個很大的變化是支持像iOS的鎖屏通知。不過在鎖屏時只會提示哪些應用推送了通知,而不會顯示通知的內容。

全新的L

在Android L預覽版中,通知的功能和視覺做了全面更新:

  • ?通知的設計是Material Design的重要組成部分。
  • 在鎖屏時可以顯示通知信息,但詳細內容不會顯示。
  • 對于較高優先級的通知,有一套獨立格式。
  • 云同步通知,如果在平板設備上撤銷了通知,手機上也會同步撤銷。
  • 從現在開始通知會支持顯示在Android Wear上。你可以用兩種方法使通知延續到Wear上。第一種:添加語音輸入方式撤銷通知,使用戶不需要手工輸入。第二種:針對wear適配應用。目的是保持良好一致性的用戶體驗。

通知的構成

這部分內容主要是介紹在不同設備上通知的基礎構成元素。

基本布局

最基本的,所有通知都有一個基礎設計布局,包括:

  • 應用圖標(Icon)-圖標來自應用本身的Icon,不同的圖標表示通知來自不同的應用。
  • 通知標題(Title)和額外的文字(Text)。
  • 時間戳(Timestamp)

Android L創建通知所用的Notification.Builder與舊版本Android通用,不會受版本影響,只有視覺上的差異。

androidL-20140704-04

右邊是Android Wear的通知樣式

擴展布局

通知的樣式有多種,可以顯示長消息的前幾行或直接顯示圖片。這種做法可以使用戶快速辨識信息。在某些情況下,可以允許用戶閱讀完整的信息,例如郵件。通知區域還可以單手操作使其擴大,例如下拉手勢。Android L有三種通知布局模板(文字、收件箱、圖片)。下圖是通知在手機和Wear上的區別。

androidL-20140704-05

androidL-20140704-05-3

可操作選項

早在Android Jelly Bean版本時,通知底部就支持了增加可選擇的功能,用戶不需要為了查看通知而打開應用。這種方式提升了使用效率,簡化了瀏覽通知的成本。

androidL-20140704-06

要明智的考慮增加哪些選項功能,增加太多反而用起來復雜,最好只提供最重要的選項。

恰當的通知選項最好包括以下特點:

  • 針對顯示的信息而言是必不可少的。
  • 可以讓用戶快速達到目的。

應當避免的選項:

  • 曖昧,讓用戶難以瞬間理解的。
  • 重復多余的(例如“閱讀”和“打開”)

通知選項最多為3個,每個選項要包含圖片和選項名稱。當通知添加了選項后可以擴展開,收到基礎通知時選項會隱藏起來,通過操作可以擴展通知顯示選項。

實際應用指南

盡顯個性

郵件或SNS的消息通知,可以在通知中顯示信息來源人的頭像,還可以附上詳細信息。例如下圖:

androidL-20140704-08

如何設置恰當的優先級

默認時,高優先級和最高優先級會打斷用戶,可能會導致用戶反感,比如正在聽音樂時被打斷肯定會罵娘,因此優先級的控制極為重要:

  • ?涉及到其他人
  • 與時間有關
  • 需要用戶馬上做出判斷和選擇

通知的優先級為LOW或MIN時不會明顯打斷用戶,這對用戶來說會是良好的體驗。許多的通知不需要用戶馬上處理。為了提示可以采用震動的方式,用戶需要的時候自然會去瀏覽信息。LOW和MIN的特點包括:

  • 不涉及其他人
  • 并不緊迫
  • 用戶如果感興趣,可以選擇在閑暇時瀏覽

androidL-20140704-09

通知收納

如果應用剛推送了一個通知,但之前還有另一個同類型但用戶未做處理的通知時要避免造成兩個同時存在。這時可以采用通知摘要的方式來進行同類收納。通知摘要可以提示用戶同一個應用的通知有多個。

androidL-20140704-10

androidL-20140704-11

也可以提供包含詳細信息的通知摘要,使用一個可擴展的通知,擴展開通知后可以看到部分或某一條信息的詳細內容。

androidL-20140704-12

好了,筆記今天先記到這里吧,后面的部分學習完再分享給大家。

文:量產型

source:早讀課

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!