materialdesign設(shè)計規(guī)范學(xué)習(xí)心得(編輯修改稿)
2025-04-08 18:38 本頁面
【文章內(nèi)容簡介】 套娃，這時它只是排列的娃娃，而不能被稱作 “套娃 ”。 Win8 而 iOS 8 的 Flat Design，在視覺上與 WP 的設(shè)計風(fēng)格類似，但是在交互上， iOS8 通過大量的縮放、模糊、透視，用毛玻璃的風(fēng)格打造了一個全新的具有位置縱深感的虛擬世界，它通過景深來控制交互的層級。同時也通過 Z 軸角度的變換，保證了層級的扁平。 Cards Design（ webOS）、 Material Design（ Android）： webOS 中的卡片系統(tǒng)，把每個程序用卡片的形式作隱喻，在多任務(wù)的操作中配合手勢區(qū)域的交互手勢，讓多任務(wù)操作非常便捷。同時在 webOS 時期，將卡片的隱喻繼續(xù)發(fā)揚(yáng)，在多任務(wù)中引入堆棧概念，把各個應(yīng)用任務(wù)用撲克牌手牌似的形態(tài)堆疊。進(jìn)一步提升了操作的體驗(yàn)。 webOS 谷歌在收掉 webOS 一票人后， Android 也融入了一些卡片的理念。此次的 Material Design 個人的看法就是將卡片設(shè)計進(jìn)一步的規(guī)范，并且擴(kuò)展到整個系統(tǒng)層面。原來webOS 是整個應(yīng)用被隱喻成了卡片，而 Material Design 把系統(tǒng)內(nèi)的各種設(shè)計都規(guī)范成了一種變形的紙片。然后，谷歌在套用現(xiàn)實(shí)中紙墨的物理模型進(jìn)行交互 ——“既然沒辦法完全在手機(jī)上用 app完全模擬現(xiàn)實(shí)世界的邏輯層次，我把 app規(guī)范到紙片上，完全模擬紙片的邏輯交互層次，還不行嗎？ ” 通過紙張的折痕來分區(qū)，盡管是兩塊不同的內(nèi)容，在邏輯上這兩塊的關(guān)系還是很緊密的，在表現(xiàn)上仍是一張紙。 通過邊線的陰影表達(dá)這是兩張紙，邏輯上這兩塊的關(guān)系是獨(dú)立的，上層的紙片聯(lián)動肯定不會干擾下層的的紙片。 內(nèi)容主體的紙片可以在工具欄紙片下部上下移動。 菜單欄是一張 全新的小紙片，貼在現(xiàn)有的紙片層次之上。 浮動按鈕，是一張圓形的紙片，貼在除了系統(tǒng) bar 之外的所有的紙片層次之上。 以上是程序界面整體的邏輯層級關(guān)系，同時將這些層次區(qū)分出來的
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號-1