用戶輸入(User Input)
Touch, voice, mouse, and keyboard are all equally important input methods.
觸摸锋八、語(yǔ)音幔亥、鼠標(biāo)和鍵盤(pán)是同等重要的輸入方式颓屑。
UI elements appear tangible, even though they are behind a layer of glass (the device screen). To bridge that gap, visual and motion cues acknowledge input immediately and animate in ways that look and feel like direct manipulation.
盡管隔著屏幕,UI元素看上去是可以觸摸的几苍。通過(guò)視覺(jué)和動(dòng)效的暗示,讓用戶感覺(jué)輸入是直接操縱以及能夠立即得到響應(yīng)的。
表層的響應(yīng)(Surface Reaction)
理解:內(nèi)容層面的響應(yīng)阻逮,在點(diǎn)擊(press and release)或拖拽時(shí)(drag in and out)產(chǎn)生漣漪(ripple)效果。除了點(diǎn)擊操作秩彤,在語(yǔ)音輸入時(shí)也通過(guò)麥克風(fēng)圖標(biāo)上產(chǎn)生漣漪表達(dá)正在輸入叔扼,還包括鍵盤(pán)的輸入等事哭。
元素的響應(yīng)(Material Reaction)
理解:material元素層面的響應(yīng),如卡片在被點(diǎn)擊時(shí)被提起(lift)到動(dòng)態(tài)高度偏移時(shí)在視覺(jué)上有陰影的變化瓜富。另外在展開(kāi)或收起一個(gè)material元素時(shí)鳍咱,應(yīng)該從輸入源位置開(kāi)始展開(kāi)或收起到該位置,使得響應(yīng)動(dòng)效與用戶的操作產(chǎn)生關(guān)聯(lián)与柑。
輻射狀的響應(yīng)(Radial Reaction)
理解:漣漪的動(dòng)效來(lái)自水墨暈開(kāi)的效果谤辜,輸入的位置最先產(chǎn)生漣漪,并展開(kāi)到更遠(yuǎn)的位置价捧。