materialdesign設(shè)計(jì)規(guī)范學(xué)習(xí)心得(編輯修改稿)
2025-04-08 18:38 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 套娃，這時(shí)它只是排列的娃娃，而不能被稱作 “套娃 ”。 Win8 而 iOS 8 的 Flat Design，在視覺(jué)上與 WP 的設(shè)計(jì)風(fēng)格類似，但是在交互上， iOS8 通過(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 時(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)行交互 ——“既然沒(méi)辦法完全在手機(jī)上用 app完全模擬現(xiàn)實(shí)世界的邏輯層次，我把 app規(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)的
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號(hào)-1