鍍金池/ 教程/ Android/ 真實的動作
Snackbars 與 Toasts
選擇器
網格
紙片
色彩
手勢
內容選取
準則
導航過渡
進度和動態(tài)
概述
數據格式
搜索(Search)
Roboto 字體
副標題
Material 屬性
書寫
空狀態(tài)
按鈕
提示框(Dialogs)
開關
導航
單位和度量
列表
度量與邊框
真實的動作
改進的操作
底部動作條
加載圖片
卡片
工具提示(Tooltips)
菜單
設備
可達性
分隔線(Dividers)
高度和陰影
環(huán)境
抽屜式導航
響應式交互
Tabs
圖標
滾動時的技巧
更新記錄
錯誤
影像處理
設置
滑塊控件(Sliders)
列表控制
圖像
文本框
布局模板
雙向性
選擇控制器
調色板
自適應 UI
貼片集
數據表
滑動刷新
啟動屏幕
按鈕:浮動操作按鈕
打動用戶的細節(jié)
應用結構
有意義的轉場動畫
字體排版(Typography)
結構

真實的動作

感知一個物體有形的部分可以幫助我們理解如何去控制它。觀察一個物理的運動可以告訴我們它輕還是重,柔性還是剛性,小還是大。在 material design 設計規(guī)范中,動作不止是呈現著它美麗的一面,它還意味著在空間中的關系、功能以及在整個系統(tǒng)中的趨勢。

體積和重量(Mass and Weight)

物理世界中物體擁有質量,所以只有當施加給它們力量的時候才會移動,因此物體沒法在瞬間開始或者結束動作。動畫突然開始或者停止,或者在運動時突兀的變化方向,都會使用戶感到意外和不和諧的干擾。

最佳實踐(Best Practices)

material design 規(guī)范中,一個重要方面在于如何在“動作”完整的展現物體的各個真實的特性,譬如優(yōu)雅、簡約、美觀和神奇的無縫的用戶體驗,下面的動畫將幫助大家理解這些理念。

(上圖)可?。貉杆俚募铀俸推交臏p速會感到自然和愉快

(上圖)不可?。壕€性動作會感到機械,在結束和開始的時候生硬的速度變化意味著物體突然開始運動或停止,這是不貼合現實的。

特殊情況:進入和退出的場景

當一個物體進入這個場景時,請確保它在最高速度下移動,這個行為模擬了自然移動:一個人進入場景的時候,并不是從場景的邊緣開始走入的,而是從更遠的地方。當然,一個物體退出這個場景時,需要維持它的速度,緩慢的離開場景,逐漸的進入和緩慢的離開會把用戶的注意力吸引到這個動作上,在大多數情況下,這是你希望的效果。

(上圖)可取:小球在最大的速度下進入和退出場景,創(chuàng)造了一個確信的過渡效果。

(上圖)不可?。嚎焖龠M入和緩慢離開,不要讓用戶因速度變化轉移注意力。

需要做的調整(Making adjustments)

不是所有物體的移動方式是相同的,輕的/小的物體可能會更快的加速和減速,因為它們質量比較小,所以只需要施加給他們較少的力就可以。大的/重的物體可能花需要更多的時間來到達他的最高速度或者回到停止狀態(tài)。仔細琢磨如何將他們的動作應用到你的應用的UI元素中。

原文: Authentic Motion 翻譯: zhenbeiju 校對: Iceskysl

上一篇:菜單下一篇:列表