首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Material design
订阅
掘墓人4449
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
2017 Material design 第二章第三节《运动》
三、运动(Movement) Material的运动借鉴了现实世界中的物理法则,比如重力的参考。 屏幕上的运动(On-screen movement) 圆弧状向上(Arc upward) 圆弧状向下(Arc downward) 进入和离开屏幕的运动(In-and-out scre…
2017 Material design 第二章第一节《Material动效》
第二章节《动效》 一、Material动效(Material motion) 在material design中,动效被用于描述空间关系,功能展现和体现流畅性和绚丽的效果。 动效为什么这么重要? 动效向我们展示了一个应用是如何运作的,以及它能做什么。 动效的作用: 引导用户关注 …
2017 Material design 第一章第四节《高度和投影》
四、高度和投影(Elevation and shadows) Material design中的material对象的特性与现实物理世界中的物体特性相似。 在现实物理世界中,一个物体可以叠在另一个物体上面,但是物体间不能相互穿过。同时,物体也能投射投影和反射灯光。 Materia…
2017 Material design 第一章第三节《Material特性》
三、Material特性(Material properties) Material有一套属于自身固定不变的外在特征和内在行为逻辑。 理解material的这些特性有助于我们掌握material design并运用到实际设计当中。 Material的特征 立体的 在空间中占有唯一…
2017 Material design 第二章第六节《富有创造性的定制方案》
六、富有创造性的定制方案(Creative customization) 动效可以应用于不同的对象尺寸和不同的环境,这有助于设计美感和功能的统一。 icon的类型 系统icons可以有双重功能。 产品icons应该设计得精致、美观。 Icons 系统icons 一个系统icon也…
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 第一章第一节《介绍》
第一章节《Material design》 一、介绍(Introduction) 译者注:关于“Material”如何翻译、解释,看看这篇报道。以下是截取部分: 谷歌的设计师们仍旧不愿为这个全新的虚拟物质命名,而这个决定也为他们提供了更多的灵活性,让他们能够进一步加深形而上学神秘…
2017 Material design 前言与目录
翻译初衷: 1.翻译初始网上唯一完整版译文出自极客学院 Wiki ,可惜版本截止至15年8月就没再跟进。 2.看过极客学院 Wiki 版译文的人都知道,由于“众译”的原因,翻译质量参差不齐。有大半部分译文是看不下去的。但是,在此还是十分感谢那些译文作者的辛勤付出! 3.不管是 A…