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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值