UI设计原则 Material Design

本文详细介绍了Material设计语言的核心概念,包括环境、Material属性、高度和阴影等基本元素;深入探讨了真实动作、交互响应及转场动画的设计原则;并列举了一系列组件如按钮、卡片和列表等的使用规范。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

什么是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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值