Please enable JavaScript.
Coggle requires JavaScript to display documents.
07Android - Coggle Diagram
07Android
元件導覽
Dialogs
Sheets:bottom
=ios的Action sheet
Modal
可展開
標準
Snackbars
自己會消失
不會中斷用戶體驗
No icon
CTA No 取消或清除
Pickers
Tab
在相同層級的內容中切換
固定
滾動
Backdrop
Menus
臨時元件的選項列表
APP bars
top
bottom
Lists
Title
Title+文
Title +2行文
Bottom navigation
3~5個選項
只在手機或平板
官方說跟drawer 2選1 但官方打臉自己(google map)
Text fields
Navigation drawer
目標明確
5個以上使用
2層頁面結構以上使用
Buttons
全大寫
可用/禁用狀態
低中高強調
Selection controls
Radio Buttons
Checkboxes
Switches
Resources
System icon set
https://material.io/design/iconography/system-icons.html#grid-and-keyline-shapes
shape customization
https://material.io/design/shape/about-shape.html
design kits
https://material.io/resources
Google material design
Principle
大膽、圖形、動機
動態故事
彈性的架構
跨平台
Environment
Depth
Physical properties
Shadow
Elevation 高度/海拔
Scrim
Goals
泛用
平台體驗一致
客製化
創造
Pixel density
dp
基準點算法
找dpi>>密度限度
看倍率>>除於解析度
任何情況>>360*640
ios>Android
Artboard
icon理解
字體選用
Style guideline
text
英文 Roboto
中文 Noto Sans TC
https://fonts.google.com/
color
https://material.io/resources/color/#!/
Layout
種類
Margins
Gutters
Breakpoint
Grids
Fixed
Fluid
UI regions
Persistent
Temporary
Permanent
Columns
Spacing methods
8dp grid
4dp grid
icon/間隔
9 patch
一個Android的圖片格式
search 9 patch 產生器