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

響應(yīng)式交互

響應(yīng)式交互能讓用戶信任,并且吸引他們。 當(dāng)用戶操作一個美觀且符合常理的應(yīng)用時,他們會感到滿意甚至很高興。那是一種經(jīng)過深思熟慮、有目的、非隨機(jī)的而且可以帶有輕微異想天開但不會讓人分心的交互。

在 material design 中,應(yīng)用是響應(yīng)式的并且渴望用戶操作的:

  • 觸摸,語音,鍵盤及鼠標(biāo)作為首要考慮的輸入方式。
  • 雖然 UI 元素是有形的,但是他們被限制在屏幕里面(電腦或者移動設(shè)備的屏幕),視覺元素和動效能減少這種割裂,讓用戶能夠立即感知自己的操作。

響應(yīng)式交互把一個應(yīng)用從簡單展現(xiàn)用戶所請求的信息,提升至能與用戶產(chǎn)生更強(qiáng)烈、更具體化交互的工具。

表層響應(yīng)

元素響應(yīng)

徑向響應(yīng)

表層響應(yīng)

接收到輸入事件,如點擊屏幕,系統(tǒng)會立即在交互的觸點上繪制出一個可視化的圖形讓用戶感知到:如在點擊屏幕時、使用麥克風(fēng)時,或者鍵盤輸入時,會出現(xiàn)類似于墨水?dāng)U散那樣的視覺效果形狀。

觸控漣漪是這種觸摸效果的核心視覺機(jī)制。在進(jìn)行觸摸事件時,設(shè)備能清晰而及時地讓用戶感知觸摸按鈕和語音輸入時的變化。

最佳范例

在輸入事件對應(yīng)的位置上,例如:在手指的點擊位置或者講話的時候,屏幕上麥克風(fēng)的圖標(biāo)位置會出現(xiàn)一個擴(kuò)散的視覺元素。

觸控漣漪-點擊/釋放

觸控漣漪-拖進(jìn)/拖出

元素響應(yīng)

和表層響應(yīng)的觸控漣漪一樣,每個元素本身也能做出交互響應(yīng),物體可以在觸控或點擊的時候浮起來,以表示該元素正處于激活狀態(tài)。用戶可以通過點擊、拖動來生成、改變元素或者直接對元素進(jìn)行處理。

最佳范例

以觸控點為原點展開新元素的動畫

當(dāng)用戶操作生成一個新元素時,元素的動畫應(yīng)該基于觸控點展開。

(上圖)可取

元素從觸控點展開時,通過視覺效果將元素與觸控點聯(lián)系起來。

(上圖)不可取

卡片元素從屏幕正中央出現(xiàn),用戶無法把觸控點與卡片元素聯(lián)系起來。

點擊浮動

當(dāng)卡片元素或可分離元素被激活時,應(yīng)該浮起以表明正處于激活狀態(tài)。

點擊浮動

徑向響應(yīng)

所有的用戶交互行為中都會有一個中心點,他們想通過該中心點來達(dá)到自己的目的。

作為用戶關(guān)注的中心點,應(yīng)該繪制一個明顯的視覺效果來讓用戶清晰地感知自己的輸入(觸摸屏幕、語音輸入等)。在用戶的操作中心點應(yīng)該形成一個像漣漪一樣逐漸發(fā)散開的徑向動效響應(yīng)。

所有輸入都有中心點,漣漪效果應(yīng)從觸控點、語音時屏幕上的語音圖標(biāo)、鍵盤輸入時具體的按鍵點擊位置上展開。

這些輸入動作產(chǎn)生時都應(yīng)該在中心點形成一個視覺上的關(guān)聯(lián),從中心點展開一連串動作產(chǎn)生的漣漪效果。

原文:Responsive Interaction 翻譯:7heaven 校對:KongZhen I

上一篇:Roboto 字體下一篇:準(zhǔn)則