自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

蘋果的擬物化設(shè)計(jì)?

原創(chuàng)
移動(dòng)開發(fā) Android 移動(dòng)應(yīng)用
蘋果的擬物化設(shè)計(jì)?如果你是蘋果的忠實(shí)用戶對(duì)于這些設(shè)計(jì)你絕對(duì)不會(huì)陌生,所謂擬物化設(shè)計(jì)就是根據(jù)產(chǎn)品自身特點(diǎn),通過(guò)模擬真實(shí)世界已有的物品,使用這樣的設(shè)計(jì)方式可以使產(chǎn)品的外觀和行為接近現(xiàn)實(shí)生活中的事物,用戶能夠更快的理解它們的運(yùn)行方式,使用起來(lái)也就越簡(jiǎn)單。51CTO觀察員傻蛋老師將向51CTO的讀者介紹蘋果的擬物化設(shè)計(jì)之路。最牛傻蛋新浪微博:http://weibo.com/zuiniuwang

【51CTO專稿】豪華的皮革縫合,一個(gè)你幾乎能感覺(jué)到的細(xì)木紋,老式麥克風(fēng)……如果你是蘋果的忠實(shí)用戶對(duì)于這些設(shè)計(jì)你絕對(duì)不會(huì)陌生,所謂擬物化設(shè)計(jì)就是根據(jù)產(chǎn)品自身特點(diǎn),通過(guò)模擬真實(shí)世界已有的物品,營(yíng)造身臨其境的交互方式,使產(chǎn)品的設(shè)計(jì)更富有品質(zhì)和情感,使用這樣的設(shè)計(jì)方式可以使產(chǎn)品的外觀和行為接近現(xiàn)實(shí)生活中的事物,用戶能夠更快的理解它們的運(yùn)行方式,使用起來(lái)也就越簡(jiǎn)單。但是使用擬物化設(shè)計(jì),在給大家?guī)?lái)親切感的同時(shí),也常常會(huì)讓大家覺(jué)得困惑,因?yàn)橛袝r(shí)候你常常會(huì)發(fā)現(xiàn)很多設(shè)計(jì)是在為了擬物而擬物,帶來(lái)了很多不一致的操作體驗(yàn)。

談?wù)剷臼降臄M物設(shè)計(jì)

我們會(huì)發(fā)現(xiàn)在蘋果的原生應(yīng)用中大量的使用了書本翻頁(yè)的擬物化設(shè)計(jì),比如iBook、備忘錄、通訊錄、日歷和提醒事項(xiàng)這幾個(gè)應(yīng)用。進(jìn)入最具代表性的ibook,會(huì)出現(xiàn)一個(gè)模仿真實(shí)世界的木質(zhì)的書架(如下圖)上面會(huì)擺放著我們經(jīng)常讀到的圖書。

點(diǎn)擊我們要閱讀的圖書,一本酷似紙質(zhì)書的界面出現(xiàn)了,在我們翻頁(yè)的時(shí)候書頁(yè)甚至可以跟隨我們手指的移動(dòng)而移動(dòng),翻頁(yè)時(shí)候的動(dòng)畫以及文字角度和陰影也會(huì)發(fā)生相應(yīng)的變換。iBook的經(jīng)典設(shè)計(jì)方式被很多第三方程序、和不同平臺(tái)的程序盡相模仿,比如在安卓平臺(tái)上就有很多類似的程序,但是要么就是書本翻頁(yè)的流暢性不夠,就是動(dòng)畫或者陰影的變換不自然,或者不跟手,首先這種翻頁(yè)的算法就有一定的實(shí)現(xiàn)難度,書頁(yè)托起的位置,陰影的變換和相應(yīng)的動(dòng)畫都需要大量的運(yùn)算,同時(shí)由于安卓平臺(tái)在安卓上硬件的不統(tǒng)一和先天對(duì)UI動(dòng)畫處理的弱勢(shì),就決定了使用這種設(shè)計(jì)并不會(huì)帶來(lái)很好的用戶體驗(yàn),還有可能還會(huì)帶來(lái)相反的效果。其實(shí)我們?nèi)绻屑?xì)體驗(yàn)iBook,我們必須在右下角的一個(gè)區(qū)域內(nèi)才能拖動(dòng)書頁(yè),時(shí)常會(huì)因?yàn)槭种笡](méi)有進(jìn)入這個(gè)區(qū)域想翻頁(yè)時(shí)卻沒(méi)有響應(yīng),同時(shí)我們?cè)谕蟿?dòng)的時(shí)候總是會(huì)有半秒鐘左右的延時(shí),原創(chuàng)iBook尚且如此,何況其他應(yīng)用?

我們?cè)龠M(jìn)入備忘錄,黑色真皮的外殼,左邊是白色背景的備忘目錄,右邊卻是帶有棕褐色皮邊兒的以及泛著不均勻黃色的(或者是為了模仿故意做舊)橫格紙,像極了一個(gè)皮質(zhì)筆記本,看起來(lái)真是有一種情切感。但是我們應(yīng)該如何翻頁(yè)呢?奇怪的是我們不能像iBook一樣通過(guò)觸碰右下角通過(guò)手勢(shì)翻頁(yè),只能按右下方的左右箭頭來(lái)翻頁(yè),而且這次的翻頁(yè)過(guò)程我們是不能夠控制的,這無(wú)疑造成了用戶操作體驗(yàn)上的不一致性。

再來(lái)看看更奇怪的這個(gè)是通訊錄應(yīng)用,一本書的模樣,但是令我們驚奇的雖然這是一本書的模樣,但是完全不具備翻頁(yè)的功能,左邊是聯(lián)系人列表,右邊是聯(lián)系人詳細(xì)信息,所有的操作都在這兩頁(yè)上完成。其實(shí)就操作體驗(yàn)來(lái)說(shuō),對(duì)于聯(lián)系人類型應(yīng)用,列表式的設(shè)計(jì)最符合用戶的操作習(xí)慣,用戶可以很輕松的滾動(dòng)列表來(lái)查找聯(lián)系人信息。但何必非得設(shè)計(jì)成擬物成一本書的外觀呢?這對(duì)于用戶來(lái)說(shuō)其實(shí)又造成了一種困惑。下次我們?cè)儆龅筋愃频某绦蚴遣皇嵌家仍囋嚹懿荒軘M物式的翻頁(yè),然后再嘗試別的的操作?

Game Center

我們?cè)賮?lái)看看Game Center , 整個(gè)Game Center的界面類似于一個(gè)大的賭桌,每一個(gè)游戲像一個(gè)撲克牌一樣放在賭桌上,但首先我的疑問(wèn)是對(duì)于大部分用戶來(lái)說(shuō),他們有沒(méi)有見過(guò)真正賭桌呢?有沒(méi)有在賭桌上真正的操作呢?對(duì)于不熟悉賭桌的用戶來(lái)說(shuō)會(huì)覺(jué)得是把一堆圖標(biāo)毫無(wú)次序的擺放在那里,然后不知所云。我在微博上做過(guò)調(diào)查,有些人會(huì)認(rèn)為這是個(gè)臺(tái)球桌,在臺(tái)球桌上放一堆卡片代表著什么呢?而且就Game Center的配色方案來(lái)說(shuō),筆者認(rèn)為他和整合IOS系統(tǒng)淡雅的風(fēng)格格不入也不夠簡(jiǎn)潔和一目了然,第一次進(jìn)入這個(gè)內(nèi)置應(yīng)用,簡(jiǎn)直在懷疑這是不是蘋果的設(shè)計(jì)。

蘋果擬物化設(shè)計(jì)之路?

 在蘋果,擬物化的設(shè)計(jì)理念是斯科特•福斯特爾(Scott Forstall)一直倡導(dǎo)的,而他本人也已確定將于明年離開蘋果,目前暫為蒂姆•庫(kù)克(Tim Cook)的顧問(wèn)。福斯托爾傾其所有和喬布斯一起致力于研發(fā)擬物化設(shè)計(jì)的細(xì)節(jié),然而最近,這些努力徹底被喬幫主的繼任者蒂姆•庫(kù)克所改變。

目前,負(fù)責(zé)人機(jī)界面管理的是強(qiáng)尼•艾維(Jony Ive),鼎鼎大名的蘋果硬件靈魂設(shè)計(jì)師,幾乎設(shè)計(jì)了蘋果所有最成功的硬件產(chǎn)品,如iPad、iPhone、iPod Touch、MacBook Pro,等等。今后的MAC OS 和iOS很可能走向更加簡(jiǎn)潔大方、實(shí)用的方向,而不是過(guò)多華而不實(shí)的裝飾。 這意味著在以后的OS X和iOS將可能會(huì)大幅修改諸如備忘錄中的皮革縫制以及日程提醒里面的仿真筆記本活頁(yè)紙等擬物化設(shè)計(jì),但是,不要指望在下一個(gè)操作系統(tǒng)中類似這樣的元素會(huì)馬上得到改良。因?yàn)?,目前大約有數(shù)百萬(wàn)人在使用蘋果的操作系統(tǒng),他們已經(jīng)習(xí)慣了這種模式及操作方法。如果擬物的設(shè)計(jì)理念要被遺棄,我會(huì)期望艾維團(tuán)隊(duì)先能改善一些細(xì)節(jié),比如去掉在一系列文本和通知中心背后的灰色背景和那種有意模仿亞麻材質(zhì)的視覺(jué)效果,使用統(tǒng)一風(fēng)格和操作體驗(yàn)的界面。

未來(lái)Ivy團(tuán)隊(duì)會(huì)不會(huì)完全剔除擬物化設(shè)計(jì)我們不得而知,因?yàn)樵谀承┣闆r下使用大家所熟悉的材質(zhì)或紋理的確讓人感到溫暖和親切,我們希望有一個(gè)恰當(dāng)?shù)姆绞?使數(shù)字接口巧妙地和現(xiàn)實(shí)世界中的事件相結(jié)合,而不單純?yōu)榱藬M物而擬物,必須在尊重用戶的操作習(xí)慣的前提下,適當(dāng)?shù)臄M物化設(shè)計(jì)才會(huì)會(huì)讓用戶感到舒適。

 【51CTO.com獨(dú)家特稿,非經(jīng)授權(quán)謝絕轉(zhuǎn)載,合作媒體轉(zhuǎn)載請(qǐng)發(fā)轉(zhuǎn)載郵件至zhousn#51CTO.com】

責(zé)任編輯:佚名 來(lái)源: 51CTO.com
相關(guān)推薦

2011-06-16 10:00:28

視覺(jué)設(shè)計(jì)

2013-05-17 16:58:12

Card UI擬物化UI設(shè)計(jì)

2013-09-04 09:59:33

擬物化UI設(shè)計(jì)扁平化

2015-08-03 11:39:20

擬物化進(jìn)度條

2013-07-03 08:51:09

iOS7UI設(shè)計(jì)扁平化

2013-09-23 09:34:14

iOS 7圖形界面

2013-06-12 19:51:17

扁平化設(shè)計(jì)

2020-05-08 13:28:53

新擬物UI設(shè)計(jì)

2014-05-09 13:12:24

iOS移動(dòng)互聯(lián)網(wǎng)

2013-08-20 11:06:13

iOS 7iCloud蘋果

2009-05-21 08:53:08

軟件商店JavaSun

2010-07-30 17:46:46

DB2物化視圖

2010-08-02 13:25:23

DB2物化視圖

2012-02-17 14:47:36

Mac OSWin 8蘋果

2012-06-28 09:44:37

蘋果數(shù)據(jù)中心

2013-09-13 10:54:24

蘋果歷史

2014-01-09 15:45:38

蘋果iOS系統(tǒng)扁平化

2013-08-29 09:53:48

開發(fā)者iOS 7

2009-05-06 11:09:10

Oracle物化視圖數(shù)據(jù)庫(kù)

2011-06-27 08:58:35

蘋果iCloudMobileMe
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)