d表示距離,總大小是屏幕的寬度。F是幀數(shù),按30fps這個(gè)過程大約0.4秒。我們可以看出,趨勢(shì)上是一個(gè)先加速后減速的過程,它的背后定對(duì)應(yīng)某一函數(shù)曲線,而一般這種運(yùn)動(dòng)曲線可以應(yīng)用三角函數(shù)sin實(shí)現(xiàn),但這里它更像是sin的平方根(這個(gè)猜測(cè)應(yīng)該不準(zhǔn)確,還請(qǐng)了解iPhone SDK的同學(xué)指正)。
如果以上可以作為iPhone體驗(yàn)上優(yōu)雅的一個(gè)點(diǎn),那么iPhone優(yōu)秀的體驗(yàn)就是有這些點(diǎn)交織出的平面。我們將這部分工作更進(jìn)一步,來看一下iPhone的主界面交互。iPhone的主界面模擬了一個(gè)有彈簧卡扣裝置的物理表面。(想象每個(gè)屏幕后方都是一個(gè)半圓形凸起,有一個(gè)帶彈簧的探針壓在兩個(gè)屏幕中間的縫隙上)。它最大限度的貼近物理世界,去符合我們的經(jīng)典思維。
延伸一點(diǎn),如果你是Apple的交互設(shè)計(jì)師,會(huì)怎樣定義iPhone主界面的交互呢?“跟隨手指運(yùn)動(dòng),左右滑動(dòng)切換屏幕,邊緣處反彈”。如果是這樣的命題,我想工程師不可能做出我們今天可以感受到的Apple的用戶體驗(yàn)。我們排除掉點(diǎn)擊圖標(biāo),調(diào)整位置等等交互點(diǎn),單就手指切換屏幕一個(gè)操作來說:首先手指觸及屏幕,看上去屏幕會(huì)同步跟隨手指移動(dòng),這并不準(zhǔn)確,實(shí)際上手指移動(dòng)了一定距離后屏幕才開始隨動(dòng)(有iPhone的同學(xué)可以試用一下,android同理),這個(gè)距離在2mm左右,而后,左右滑動(dòng),滑動(dòng)就會(huì)切屏?也不盡然,要看手指離開屏幕時(shí)的瞬時(shí)速度,大于一個(gè)值會(huì)切換,此時(shí)屏幕按釋放時(shí)的速度加一個(gè)摩擦力繼續(xù)向前,到達(dá)邊緣反彈。如果小于這個(gè)值(靜止釋放時(shí)瞬時(shí)速度是0,也在此情況之中)要看當(dāng)前拖動(dòng)的屏幕是否超過屏幕寬度的二分之一,超過切屏,沒超過彈回,此時(shí)都是在釋放速度之上添加加一個(gè)加速度,到達(dá)邊緣返回。另外還要考慮在兩個(gè)最外側(cè)屏幕操作時(shí)行為有什么不同,以及釋放后屏幕仍在運(yùn)動(dòng)中時(shí)再次操作的屏幕行為。想必真正列下來將會(huì)是一個(gè)相當(dāng)復(fù)雜的流程圖。端木說到,他在Apple工作時(shí)并沒有交互設(shè)計(jì)師這個(gè)職位,工程師做了絕大部分工作,我們便越發(fā)的清楚原因在哪里。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)