首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
材料设计译文
订阅
jazve1465176455675
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
2017 Material design 第二章第四节《Material的变化》
四、Material的变化(Transforming material) Material能够通过改变自己的形状和尺寸来吸引用户关注。 矩形的变化(Rectangular transformation) 不同时 同时 径向变化(Radial transformation) 对称和…
2017 Material design 第二章第三节《运动》
三、运动(Movement) Material的运动借鉴了现实世界中的物理法则,比如重力的参考。 屏幕上的运动(On-screen movement) 圆弧状向上(Arc upward) 圆弧状向下(Arc downward) 进入和离开屏幕的运动(In-and-out scre…
2017 Material design 第一章第三节《Material特性》
三、Material特性(Material properties) Material有一套属于自身固定不变的外在特征和内在行为逻辑。 理解material的这些特性有助于我们掌握material design并运用到实际设计当中。 Material的特征 立体的 在空间中占有唯一…
2017 Material design 第三章第五节《书写》
五、书写(Writing) 不管用户是什么人在什么地方,他们的文化或语言是什么,你所呈现出来的文本都应该能被用户所理解。 明确、精炼、简洁的文本能让交互界面更可用,且更容易取得用户信任。 除了这些准则之外,还需要参考具体的UI元素指导,例如出错、对话框、设置以及数据格式。 指南 …
2017 Material design 第三章第三节《图像》
三、图像(Imagery) 图像不仅是一种装饰,它还是一种能够帮助用户理解以及区分你产品的强大工具。 大胆、形象、有意义的图像能够帮助你吸引用户。 无论气氛是压抑、柔和还是明亮、多彩,以下的设计准则以及实践案例能够帮助你使用图像把应用和生活结合起来。 准则 有关联的 有意义的 令…
2017 Material design 第二章第五节《编排》
五、编排(Choreography) Material的动效能够吸引用户注意力,引导用户关注。 形状变化 合理的编排设计整个动效中形状变化过程。 径向变化的反馈方式 当用户触发某个material对象之时,反馈以径向变化的方式表现(就像水波一样)。 连续性 仔细挑选变化中所涉及到…
2017 Material design 第二章第二节《动效的持续时间和缓动效果》
二、动效的持续时间和缓动效果(Duration and easing) 自然、灵动应该是Material动效带给人的第一感觉。要做到这样需要我们使用不同的缓动曲线效果和不同的时间长短去创造平滑、连贯的动效。 缓动曲线(Easing curves) 标准曲线(Standard cu…
2017 Material design 第一章第二节《环境》
二、环境(Environment) Material design是基于三维空间的设计语言。在三维空间内包含有光照(light)、material、阴影(shadows) 所有material对象都存在于含有x、y、z轴坐标的三维空间中。 在三维空间下,所有material对象都…
2017 Material design 第三章第一节《颜色》
第三章节《样式》 一、颜色(Color) Material Design的色彩受大胆活泼的色调启发,并配合柔和的环境,阴影和高光组成。 颜色工具(Color Tool) 颜色工具可以帮助你在UI中创建、分享和使用调色板,以及测试不同颜色组合的可访问(accessibility)级…
2017 Material design 第二章第一节《Material动效》
第二章节《动效》 一、Material动效(Material motion) 在material design中,动效被用于描述空间关系,功能展现和体现流畅性和绚丽的效果。 动效为什么这么重要? 动效向我们展示了一个应用是如何运作的,以及它能做什么。 动效的作用: 引导用户关注 …