UI設計原則 Material Design

什麼是material？

環境、material屬性、高度和陰影

animation

真實的動作、互動相應、有意義的轉場動畫、打動使用者的細節

style

色彩、圖示、影象、文字排版、書寫

layout

準則、單位和長度、度量與邊框、結構、自適應

components

底部視窗 bottom sheets

按鈕 buttons 浮動動作按鈕 buttons：floating action button

卡片 cards

紙片 chips

資料** data tables

提示框 dialogs

分割線 dividers

網格 grid

列表 list 列表控制 list controls

選單 menus

選擇器 pickers

進度和動態 progress and activity

選擇控制 selection controls

滑片 sliders

snackbars and toasts

副標題 subheaders

開關 switches

tabs

文字框 text fields

工具提示 tooltips

patterns

app 結構 資料格式 空狀態 錯誤 啟動螢幕 載入影象 抽屜試導航 導航 導航過渡 滾動技巧 搜尋 內容選取 設定 重新整理swipe to refresh 促進的動作promoted actions 影像處理

usability

可達性 accessibility 雙向性 bidirectionality

resources

調色盤 color paletters

裝置 devices

布局模版 layout templates

roboto字型

貼片集 sticker sheets

UI設計原則

原則1 使用者介面應該是基於使用者的心裡模型，而不是基於工程實現模型 就是把後台本來很複雜的事情通過設計符合使用者日常生活中常用的瀏覽方式或操作方式。其實這一點是設計師把生活中的細節和資料結合的凝聚點，使用者的心理模型抓的越準，介面就會越優秀。左邊介面 大眾點評新版的 的搜尋就比之前改得更符合使用者...

UI設計原則 Material Design

什麼是material？環境 material屬性 高度和陰影 animation 真實的動作 互動相應 有意義的轉場動畫 打動使用者的細節 style 色彩 圖示 影象 文字排版 書寫 layout 準則 單位和長度 度量與邊框 結構 自適應 components 底部視窗 bottom shee...

UI設計原則詳述

介面是使用者作業系統的視窗，而不是介面控制使用者。因此介面一定要適合使用者操作軟體的習慣，這是最基本的要求。介面的合理性既提倡外美內秀，又強調恰如其分。以使用者為中心應遵循以下要點 1 使用者扮演主動角色，在需要自動執行任務時，允許使用者進行選擇或控制它的實現方式 2 採取互動式和易於感應的視窗，使...