UI UX 設計白皮書 Material Design 導讀 | material design介紹
必點技能近年來UI/UX設計盛行,許多企業在開職缺需求都有特別備註需要了解MaterialDesign及HumanInterfaceGuidelines,顯然這兩款開發指南已經成為UI/UX設計師必點技能了,在開發Android、iOS、web、Flutter都會運用到其中原理,此次主題我們將一起研讀MaterialDesign,讓我們一起把這些設計指南都內化成大腦海馬迴皺褶吧。介紹Material[1]MaterialDesign是Google創建的設計系統,內含元件和工具系統,清楚的定義出許多元件的規範,減少了設計人員與開發人員的溝通時間,幫助團隊可以快速的建構出精美的產品,讓使用者在操作介面時能...
必點技能近年來 UI / UX 設計盛行,許多企業在開職缺需求都有特別備註需要了解 Material Design 及 Human Interface Guidelines,顯然這兩款開發指南已經成為 UI / UX 設計師必點技能了,在開發 Android、iOS、web、Flutter 都會運用到其中原理,此次主題我們將一起研讀 Material Design,讓我們一起把這些設計指南都內化成大腦海馬迴皺褶吧。
介紹 Material[1]Material Design 是 Google 創建的設計系統,內含元件和工具系統,清楚的定義出許多元件的規範,減少了設計人員與開發人員的溝通時間,幫助團隊可以快速的建構出精美的產品,讓使用者在操作介面時能有高品質的使用體驗。
Material 分別由原則(Principles)、元件(Components)、主題化(Theming)三個方向延伸的基礎與準則。
本圖片截取自 Material Design。 原則 Principles原則包含質感、排版、網格、空間、比例、顏色、圖片、動畫、元件元素...等等,一切的設計基礎原型。
質感隱喻世界上所有物體都有自己的材質、紋理、反射光和投射陰影,將材質加入設計能引起觸覺感官的共鳴,設計的媒介不再如同過去的紙張創作,也重新建構了紙張跟墨水的媒介。
大膽、圖形、意圖印刷設計中常見的排版、網格、空間、比例、顏色和圖片,這些設計元素建立起有層次結構、含義和重點,使用戶沉浸在體驗中。
簡單來說一個好看的排版,將物件擺放於黃金比例的網格位子中,使畫面具有空間感讓比例維持,配合色彩及圖片的搭配,創造讓使用者身歷其境的畫面。
動畫提供含義當元素出現在螢幕上時,它們通過互動操作來變換和重組環境,從而產生新的變換。常搭配各種動畫反饋(例如:開始動畫和過度動畫),強調主要功能來吸引使用者注意力並保持操作的連續性。
元件 Components元件是介面設計的互動元素,並且包括一個或多個系統操作中的狀態,用於傳達焦點、選擇、啟動、錯誤、懸...