一区二区三区日_色又黄又爽18禁免费网站_日本三级吃奶头添泬无码苍井空_久久av在线影院_亚洲精品乱码久久久久久久久久久久_夫妇交换性三中文字幕_亚洲天天做日日做天天欢毛片_国产成人综合怡春院精品_99re在线视频观看_日韩久久成人

×

4006-234-116

13681552278

手機(jī)版

公眾號(hào)

天晴創(chuàng)藝網(wǎng)站建設(shè)公司。主要為北京天津全國(guó)各地提供網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),歡迎大家咨詢。您的IP地址是:137.175.88.153。今天是:,,(),,現(xiàn)在是:1:03:08 AM,

網(wǎng)站APP設(shè)計(jì)該學(xué)習(xí)蘋果哪些交互設(shè)計(jì)哲學(xué)

作者:天晴創(chuàng)藝發(fā)布時(shí)間:10/28/2019 12:13:32 PM瀏覽次數(shù):12269文章出處:網(wǎng)頁(yè)制作

蘋果是一家為數(shù)不多以設(shè)計(jì)驅(qū)動(dòng)的公司。
如今,當(dāng)我們談?wù)撈甬a(chǎn)品設(shè)計(jì)、談?wù)撈鹩脩趔w驗(yàn),總是離不開蘋果,它所堅(jiān)持的設(shè)計(jì)哲學(xué)是對(duì)細(xì)節(jié)和質(zhì)量的極致追求。下面,我就帶大家看看 Apple 在交互方面做的努力。
01. 動(dòng)態(tài)的觸控區(qū)域
Apple 為了解決在移動(dòng)設(shè)備上輸入本文的問(wèn)題,采用了一種流暢并且對(duì)用戶友好的解決方案:基于預(yù)測(cè)輸入系統(tǒng),擴(kuò)大虛擬鍵盤的有效觸控區(qū)域。
網(wǎng)站交互設(shè)計(jì)
紅色塊為點(diǎn)擊區(qū)域
例如,the 和 this 這兩個(gè)單詞。當(dāng)你按下“th”的時(shí)候,系統(tǒng)預(yù)測(cè)下一個(gè)字母可能是 e 或 i,從而動(dòng)態(tài)增加這兩個(gè)字母的點(diǎn)擊范圍,以此提高輸入的命中率。
當(dāng)然,視覺上你看不到按鈕尺寸的變化。指尖之上,一切都在無(wú)形之中。
02. 音效觸覺反饋
在現(xiàn)實(shí)世界中,音效、觸感和視覺能很自然的保持協(xié)調(diào),因?yàn)槿咧g有著很自然的關(guān)系。蘋果在數(shù)字世界也極力保持著這種體驗(yàn)。
網(wǎng)站交互設(shè)計(jì)
Taptic Engine 線性震動(dòng)馬達(dá)
得益于 Taptic Engine 線性震動(dòng)馬達(dá),讓 iPhone 有了觸覺上的反饋。
閃光燈
iPhone X 鎖屏上的閃光燈是一個(gè)非常高級(jí)別的觸覺體驗(yàn)例子。手電筒圖標(biāo)會(huì)根據(jù)手指觸碰的壓力而變化,讓你知道系統(tǒng)正在響應(yīng)操作,同時(shí)也告訴你需要再用力些。
當(dāng)力度一旦達(dá)到平面廣告,系統(tǒng)會(huì)有個(gè)短震動(dòng),告訴你可以松手了,松手后還有一個(gè)成功的震動(dòng)反饋。這像不像現(xiàn)實(shí)世界的老式拉線燈動(dòng)作?
網(wǎng)站交互設(shè)計(jì)
iPhone X 鎖屏狀態(tài)閃光燈
鬧鐘
另外,在鬧鐘應(yīng)用中,當(dāng)你調(diào)節(jié)輪盤時(shí),會(huì)有持續(xù)的機(jī)械震動(dòng)反饋,且音效是自行車鏈條轉(zhuǎn)動(dòng)的齒輪聲。快速撥動(dòng)輪盤時(shí)2018最賣力宣傳的兩個(gè)小程序:國(guó)務(wù)院辦公廳+萬(wàn)達(dá),視覺上還會(huì)有一個(gè)物理的慣性力,直到力竭停止。
網(wǎng)站交互設(shè)計(jì)
鬧鐘應(yīng)用
至此,音效、觸感、視覺三者渾然一體,達(dá)到了精準(zhǔn)的協(xié)同表現(xiàn)。
03. 終點(diǎn)與手勢(shì)意圖
在 FaceTime 視頻通話中,屏幕角落有一個(gè)小的播放窗口代表著自己。這個(gè)浮動(dòng)的小窗口,它就可以被移到屏幕任意的4個(gè)角落,這些角落叫做手勢(shì)的終點(diǎn)。
網(wǎng)站交互設(shè)計(jì)
滑動(dòng)與拖動(dòng)
你可以拖動(dòng)浮窗到角落,但這樣需要跨過(guò)半個(gè)屏幕,非常麻煩。
因此,蘋果基于預(yù)測(cè)動(dòng)量這一概念,捕獲滑動(dòng)的動(dòng)量和速度。用戶只需輕量級(jí)的滑動(dòng)投擲,即可將浮窗到達(dá)預(yù)測(cè)位置。蘋果把這個(gè)叫做,終點(diǎn)和手勢(shì)意圖一致。
04. 利用行為線索 
蘋果是如果教你使用手勢(shì)交互的?
在 Safari 瀏覽器中,每個(gè)標(biāo)簽頁(yè)的左上角都有個(gè)X圖標(biāo),當(dāng)你點(diǎn)擊圖標(biāo)時(shí),標(biāo)簽頁(yè)會(huì)向左滑出,表示它被關(guān)閉了。這就暗示,除了點(diǎn)擊圖標(biāo),還可以采用左滑操作來(lái)關(guān)閉標(biāo)簽頁(yè)。
網(wǎng)站交互設(shè)計(jì)
Safari 瀏覽器
這就是通過(guò)行為動(dòng)畫線索,用其中一個(gè)方式去教另一個(gè)操作方式。
網(wǎng)站交互設(shè)計(jì)
向上滑動(dòng)解鎖
05. 物理曲線動(dòng)畫
為什么蘋果系統(tǒng)的過(guò)渡動(dòng)畫看起來(lái)很舒服?
因?yàn)樘O果大量采用了現(xiàn)實(shí)世界的物理特性:慣性、彈性、重力、阻力。和觸控一樣,蘋果把交互動(dòng)畫放在了極高的位置。
網(wǎng)站交互設(shè)計(jì)
Apple Music
Apple Music 模態(tài)彈窗的動(dòng)畫曲線設(shè)計(jì)非常嚴(yán)謹(jǐn)。在屏幕底欄有個(gè)迷你播放器,點(diǎn)擊它,可以查看播放詳情。由于點(diǎn)擊這一操作沒有任何動(dòng)量,所以蘋果用了100%阻尼來(lái)確保它不會(huì)過(guò)沖。
但你如果下拉關(guān)閉模態(tài)彈窗時(shí),向下的方向就有了動(dòng)量,因此蘋果用了80%阻尼來(lái)獲得一些彈性和擠壓。可以看到上面這個(gè)動(dòng)畫,最后底欄會(huì)有微彈效果。
06. 如無(wú)必要, 勿增實(shí)體
2017年,蘋果發(fā)布了 iPhone X,由 Face ID 取代了 Touch ID,確立了新的人機(jī)交互解鎖方式。
但劉海的工業(yè)設(shè)計(jì),被用戶瘋狂吐槽。有沒有別的辦法呢?前蘋果首席設(shè)計(jì)官喬納森•艾維曾評(píng)價(jià)oppo的升降式攝像頭設(shè)計(jì):“這是一個(gè)好的 idea,但我們永遠(yuǎn)不會(huì)這么做”。確實(shí),如無(wú)必要,勿增實(shí)體。這并不符合蘋果公司追求簡(jiǎn)潔和一體化的設(shè)計(jì)理念。
網(wǎng)站交互設(shè)計(jì)
Face ID 解鎖
雖說(shuō)丑,但 Face ID 還是有黑科技的。在劉海中有一顆紅外攝像頭,業(yè)界一般用850nm波長(zhǎng)的,但這個(gè)波段很容易受陽(yáng)光影響。那蘋果是怎么解決的呢?
它收購(gòu)了一家相機(jī)傳感器公司 InVisage,這家公司的量子薄膜技術(shù),可以讓動(dòng)態(tài)范圍增加3倍,一舉將紅外攝像頭的波長(zhǎng)提升到了 940nm,這才讓 iPhone 在強(qiáng)烈的太陽(yáng)光下能夠正常面容識(shí)別。
07. 重新定向
在使用設(shè)備中,用戶的操作是一直在改變的,所以交互的中間過(guò)程,同樣需要重新定向。
網(wǎng)站交互設(shè)計(jì)
上滑與多任務(wù)后臺(tái)
比如,在點(diǎn)開App的過(guò)程中,突然意識(shí)到我實(shí)際上想要打開多任務(wù)后臺(tái),這時(shí)交互手勢(shì)是可以并行的,不必等到App完全打開,就可以向上滑動(dòng),這個(gè)過(guò)程就是重新定向。
即使已經(jīng)進(jìn)行了操作,也可改變意圖,輕松取消操作,始終讓界面掌控在用戶的控制之下。
總結(jié)
當(dāng)你需要的時(shí)候,它永遠(yuǎn)能及時(shí)響應(yīng)。當(dāng)你滑動(dòng)操作時(shí)候,它永遠(yuǎn)能理解你的意圖,并且給你最自然的觸覺反饋。為用戶創(chuàng)造一系列的愉悅體驗(yàn),這也許就是蘋果的設(shè)計(jì)哲學(xué)。

(鄭重聲明:本文版權(quán)歸原作者網(wǎng)易資深設(shè)計(jì)師阿洋所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán)涂料網(wǎng)頁(yè)設(shè)計(jì),請(qǐng)聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請(qǐng)聯(lián)系我們修改。)

文章來(lái)源:網(wǎng)頁(yè)制作

文章標(biāo)題:網(wǎng)站APP設(shè)計(jì)該學(xué)習(xí)蘋果哪些交互設(shè)計(jì)哲學(xué)

文本地址:http://www.yoyoenglish.cn/info_1547.html

收藏本頁(yè)】【打印】【關(guān)閉

本文章Word文檔下載:word文檔下載 網(wǎng)站APP設(shè)計(jì)該學(xué)習(xí)蘋果哪些交互設(shè)計(jì)哲學(xué)

用戶評(píng)論

客戶評(píng)價(jià)

專業(yè)的網(wǎng)站建設(shè)、響應(yīng)式、手機(jī)站微信公眾號(hào)開發(fā)

© 2010-2022 北京天晴創(chuàng)藝科技有限公司 版權(quán)所有 京ICP備16050845號(hào)-2   

關(guān)注公眾號(hào) 關(guān)注公眾號(hào)

進(jìn)入手機(jī)版 進(jìn)入手機(jī)版

主站蜘蛛池模板: 耒阳市| 安达市| 乾安县| 延长县| 巨鹿县| 南开区| 满城县| 清涧县| 鸡西市| 景东| 青河县| 临颍县| 思茅市| 柳林县| 桃江县| 于田县| 扎鲁特旗| 涞源县| 厦门市| 安义县| 枣庄市| 永嘉县| 龙胜| 集贤县| 闽清县| 和顺县| 焦作市| 赤峰市| 鄄城县| 绥化市| 鸡西市| 建宁县| 汉寿县| 定安县| 江北区| 遂溪县| 昌吉市| 华蓥市| 澎湖县| 莒南县| 海原县|