谷歌设计规范摘录--Animation and color
来源:互联网 发布:跑步口罩推荐 知乎 编辑:程序博客网 时间:2024/06/07 06:11
1.Animation
动效的意义不仅在于美,而且是为了构建有意义的空间关系,凸显功能,维系系统的一致性。
我们假设这些物体都是有质量的,在外力的驱使下按照某种规律运动。而不是突然的开始运动或结束运动,这样能让用户感觉自然
1.进场和退场都采用最大速率,可以使用户不被速率分心
2.小物体加速时间少,大的物体加速时间大
敏捷的响应交互行为
(来自于对输入点或触碰点的立即响应)
1.触控涟漪
2.触控后物体上升表示激活
3.触控后生成新物体或变换已经存在的物体
4.拖动和拔动来直接处理物体
注意:物体的改变最好从触控点开始扩散,从其它点开始改变,会让用户摸不着头脑
构建有意义的转场效果
转场时存在三种元素:进场元素,共享元素,退场元素
注意:从考虑用户的视觉聚焦为起点,考虑采用怎样的色彩和动画效果来引导客户,以达到设计的目的。怎样利用
进场元素,共享元素和退场元素来强调或弱化转场效果
谨慎的添加动效,要让运动的元素充满愉悦感和明细感
富有层次的时间感,所用物体最好不要一起运动,而是有层次的逐渐开始运动,这样可以创造好的视觉轨迹,并让用户知道哪些元素比较重要
2.color
UI的色彩应用:
1.主色一般在三种之内,在第二色板内再选择强调色
2.文本,图标,分割线要设置透明度
请参考下图的配色表,来设置透明度,提高对比感。
3.可以用强调色来做按钮和控件
4.色彩主题
确定色彩主题能让应用的视觉保持一致。色彩样式风格决定了物体表面墨水效果的明暗度,阴影的强度。这里建议两种风格的色彩主题
- 明亮
- 深邃
- 谷歌设计规范摘录--Animation and color
- 谷歌设计规范摘录-字体
- color animation特效制作
- 谷歌眼镜设计规范之输入方式
- 谷歌眼镜设计规范之静态卡片
- 谷歌眼镜设计规范之活动卡片
- 谷歌眼镜设计规范之颜色
- 谷歌眼镜设计规范之最佳实践
- 谷歌眼镜设计规范之菜单
- 谷歌眼镜设计规范之沉浸式
- 谷歌眼镜设计规范之体验模式
- 谷歌眼镜设计规范之书写
- 谷歌眼镜设计规范之排版
- Color and Transparency
- QML Color and Images
- Color And Shading
- 【lighting】Color and Vision
- Color Transformations and the Color Matrix
- 14.1 同步函数、死锁现象
- HDU1161 Eddy's mistakes
- 表示和描述(3)
- Shell脚本的条件控制和循环语句
- perl(ExtUtils::Embed)依赖包
- 谷歌设计规范摘录--Animation and color
- tair安装记录
- JPA,spring data jpa和其他jpa框架的关系
- scala spray.json
- Unity 移动摄像机到目标位置
- UIWindow
- 国产晶振何时才能占据国内市场
- 普票系统报错 database disk image is malformed
- 如何将word转换成pdf文档格式