人妻少妇精品无码专区漫画_亚洲国产精品一区二区sm_内地无码毛片手机在线_亚洲av大精永久无码精品

各種設(shè)計(jì)規(guī)范的邏輯

　　每種系統(tǒng)的都期望構(gòu)建一個(gè)合理的虛擬世界運(yùn)行機(jī)制，而設(shè)計(jì)規(guī)范就是這個(gè)世界運(yùn)行的準(zhǔn)則，讓無(wú)數(shù)的應(yīng)用可在虛擬世界中的合理運(yùn)行，讓用戶在使用中可以清晰理解。

Skeuomorphism Design（iOS1-6）：

　　擬物化的設(shè)計(jì)，在iOS1-6的演進(jìn)中，一直備受推崇。這類設(shè)計(jì)風(fēng)格的初衷是盡可能的去符合用戶的心理模型，降低用戶的認(rèn)知成本。在這個(gè)狀態(tài)下，手機(jī)就像是一個(gè)裝著各種器物的箱子，而箱子中的器物就是各個(gè)完全擬物的app。擬物化的設(shè)計(jì)就是完全將現(xiàn)實(shí)層級(jí)的交互關(guān)系搬到手機(jī)上。

　　比如iBooks在設(shè)計(jì)風(fēng)格上就是完全擬物化現(xiàn)實(shí)中書架與書籍的邏輯，這樣完全符合用戶的心理預(yù)期，簡(jiǎn)單易懂容易上手：

iBooks

　　而下面這個(gè)豆瓣廣播截圖也充分反映了，擬物化設(shè)計(jì)在符合用戶心理模型上的天生優(yōu)勢(shì)。

豆瓣廣播

　　隨著擬物化的發(fā)展，一些弊端也逐漸顯現(xiàn)：

　　現(xiàn)實(shí)的層級(jí)關(guān)系復(fù)雜，通過(guò)手機(jī)屏幕的二維空間沒辦法完全模擬；

　　隨著科技發(fā)展，部分物品已逐漸不為人所知，再執(zhí)迷擬物，會(huì)出現(xiàn)反向的認(rèn)知問題；

　　又比如錘子時(shí)鐘的秒表計(jì)時(shí)器，相信很多人是沒見過(guò)實(shí)物的，更不清楚其實(shí)際的操作步驟。對(duì)于這類人使用該app的學(xué)習(xí)成本與擺上幾個(gè)button的設(shè)計(jì)，區(qū)別是不大的。

　　錘子時(shí)鐘APP

　　擬物化對(duì)ui的要求極高，設(shè)計(jì)者的負(fù)擔(dān)沉重，設(shè)計(jì)門檻也很高；

　　擬物化的圖標(biāo)更適合鼠標(biāo)點(diǎn)擊操作，而隨著觸摸屏的普及，扁平化的大范圍觸碰操作更適合觸摸屏的交互。

　　Flat Design（iOS 7、8/WP）：

至于近期火熱的扁平化，iOS 7與WP盡管在視覺上看起來(lái)有些類似，但是在交互的隱喻上還是有很大的區(qū)別。

WP的Flat Design，除了在視覺上將圖標(biāo)拍扁，同時(shí)交互的邏輯層次上也呈現(xiàn)扁平化。之前的邏輯層次是“我的電腦—C/D/E盤—文件夾—各個(gè)文檔軟件”，而現(xiàn)在扁平化的邏輯層次是所有的均可在一個(gè)邏輯層次上，不去特意考慮模擬現(xiàn)實(shí)世界已有的邏輯，他即是全新的邏輯。這就像是被拆開打散排列放置的套娃，這時(shí)它只是排列的娃娃，而不能被稱作“套娃”。

Win8

　　而iOS7、8的Flat Design，在視覺上與WP的設(shè)計(jì)風(fēng)格類似，但是在交互上，iOS7、8通過(guò)大量的縮放、模糊、透視，用毛玻璃的風(fēng)格打造了一個(gè)全新的具有位置縱深感的虛擬世界，它通過(guò)景深來(lái)控制交互的層級(jí)。同時(shí)也通過(guò)Z軸角度的變換，保證了層級(jí)的扁平。

Cards Design（webOS）、Material Design（Android）：

　　webOS中的卡片系統(tǒng)，把每個(gè)程序用卡片的形式作隱喻，在多任務(wù)的操作中配合手勢(shì)區(qū)域的交互手勢(shì)，讓多任務(wù)操作非常便捷。同時(shí)在webOS 2.0時(shí)期，將卡片的隱喻繼續(xù)發(fā)揚(yáng)，在多任務(wù)中引入堆棧概念，把各個(gè)應(yīng)用任務(wù)用撲克牌手牌似的形態(tài)堆疊。進(jìn)一步提升了操作的體驗(yàn)。

webOS

　　谷歌在收掉webOS一票人后，Android也融入了一些卡片的理念。此次的Material Design個(gè)人的看法就是將卡片設(shè)計(jì)進(jìn)一步的規(guī)范，并且擴(kuò)展到整個(gè)系統(tǒng)層面。原來(lái)webOS是整個(gè)應(yīng)用被隱喻成了卡片，而Material Design把系統(tǒng)內(nèi)的各種設(shè)計(jì)都規(guī)范成了一種變形的紙片。然后，谷歌在套用現(xiàn)實(shí)中紙墨的物理模型進(jìn)行交互——“既然沒辦法完全在手機(jī)上用app完全模擬現(xiàn)實(shí)世界的邏輯層次，我把a(bǔ)pp規(guī)范到紙片上，完全模擬紙片的邏輯交互層次，還不行嗎？”

　　通過(guò)紙張的折痕來(lái)分區(qū)，盡管是兩塊不同的內(nèi)容，在邏輯上這兩塊的關(guān)系還是很緊密的，在表現(xiàn)上仍是一張紙。

　　通過(guò)邊線的陰影表達(dá)這是兩張紙，邏輯上這兩塊的關(guān)系是獨(dú)立的，上層的紙片聯(lián)動(dòng)肯定不會(huì)干擾下層的的紙片。

　　內(nèi)容主體的紙片可以在工具欄紙片下部上下移動(dòng)。

　　菜單欄是一張全新的小紙片，貼在現(xiàn)有的紙片層次之上。

　　浮動(dòng)按鈕，是一張圓形的紙片，貼在除了系統(tǒng)bar之外的所有的紙片層次之上。

　　以上是程序界面整體的邏輯層級(jí)關(guān)系，同時(shí)將這些層次區(qū)分出來(lái)的方式就是通過(guò)紙片邊緣的陰影。

Cards的陰影表現(xiàn)

FAB的陰影表現(xiàn)

Right Nav的陰影表現(xiàn)

　　簡(jiǎn)而言之，Material Design的紙張?jiān)O(shè)計(jì)首先是將界面集成到紙片上，再通過(guò)陰影來(lái)區(qū)分多層的紙張，最后進(jìn)一步通過(guò)紙片的拼貼提供了多平臺(tái)統(tǒng)一且多樣的交互可能。