materialdesign設(shè)計規(guī)范學習心得-文庫吧資料
2025-03-11 18:38本頁面
【正文】 esign 的紙張設(shè)計首先是將界面集成到紙片上，再通過陰影來區(qū)分多層的紙張，最后進一步通過紙片的拼貼提供了多平臺統(tǒng)一且多樣的交互可能。 浮動按鈕，是一張圓形的紙片，貼在除了系統(tǒng) bar 之外的所有的紙片層次之上。 內(nèi)容主體的紙片可以在工具欄紙片下部上下移動。然后，谷歌在套用現(xiàn)實中紙墨的物理模型進行交互 ——“既然沒辦法完全在手機上用 app完全模擬現(xiàn)實世界的邏輯層次，我把 app規(guī)范到紙片上，完全模擬紙片的邏輯交互層次，還不行嗎？ ” 通過紙張的折痕來分區(qū)，盡管是兩塊不同的內(nèi)容，在邏輯上這兩塊的關(guān)系還是很緊密的，在表現(xiàn)上仍是一張紙。此次的 Material Design 個人的看法就是將卡片設(shè)計進一步的規(guī)范，并且擴展到整個系統(tǒng)層面。進一步提升了操作的體驗。 Cards Design（ webOS）、 Material Design（ Android）： webOS 中的卡片系統(tǒng)，把每個程序用卡片的形式作隱喻，在多任務(wù)的操作中配合手勢區(qū)域的交互手勢，讓多任務(wù)操作非常便捷。 Win8 而 iOS 8 的 Flat Design，在視覺上與 WP 的設(shè)計風格類似，但是在交互上， iOS8 通過大量的縮放、模糊、透視，用毛玻璃的風格打造了一個全新的具有位置縱深感的虛擬世界，它通過景深來控制交互的層級。之前的邏輯層次是 “我的電腦 —C/D/E 盤 —文件夾 —各個文檔軟件 ”，而現(xiàn)在扁平化的邏 輯層次是所有的均可在一個邏輯層次上，不去特意考慮模擬現(xiàn)實世界已有的邏輯，他即是全新的邏輯。 Flat Design（ iOS 8/WP）： 至于近期火熱的扁平化， iOS 7 與 WP 盡管在視覺上看起來有些類似，但是在交互的隱喻上還是有很大的區(qū)別。對于這類人使用該 app 的學習成本與擺上幾個 button 的設(shè)計，區(qū)別 是不大的。 比如 iBooks 在設(shè)計風格上就是完全擬 物化現(xiàn)實中書架與書籍的邏輯，這樣完全符合用戶的心理預期，簡單易懂容易
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號-1