天下网吧 >> 网吧系统 >> 系统动态 >> 正文

设计即功能:浅析谷歌Material Design特性

2016-11-27不详佚名

这个按钮的功能并不局限于“新建”“播放”“收藏”“更多”等功能,对于整体界面的配色形成比较大的反差,因此会让这个按钮在界面里显得非常耀眼。

从这样的设计来看,这个按钮所背负的任务将会是整个界面的主要操作,这是与iOS相比,区别最大的一种交互设计。

设计即功能:浅析谷歌Material Design特性

在iOS的设计里,我们已经看到了无边框按钮的影子,例如“返回”按钮只有箭头和文案,去掉了原本的按钮质感。尤其是Material Design的键盘的极端设计风格,直接把键盘的按钮边框全部去掉,只保留了英文字母的按钮。这样的设计可能让用户对点击的精准度无法更快地判断,但是在屏幕较小的手机上,去掉边框会给字母更大的空间,方便了操作。

无边框按钮的设计也体现在提示框的按钮上。如何让无边框的按钮区别于内容文字,这需要设计师除了考虑配色外,还需要考虑按钮出现的场景,对设计师的在应用场景的解读上也是一个挑战。

5、转场和图标动画:动作丰富,动感十足

过去我们的页面只有X与Y轴,打开一个新的页面则是生硬地直接跳转到新的页面,并没有点出页面的空间层级关系。

而Material Design则强调Z轴,即页面之间的空间层级关系,通过转场动画告诉我们,这个页面从哪里来,到哪里去,在整个APP或者系统里的空间位置是什么。

另外,不仅仅是页面层级的动画过渡,对象操作也伴随着动画过渡,从动画里能感受到操作的过程变化。过渡动画赋予了界面控件一种物理特性,在空间被拉伸、回弹时模仿了橡皮筋的物理特性。

在完成点击操作之后,图标通常会转为对应的另外一种形态,如“返回”与“菜单,”“选择”与“未选择”,“收藏”与“已收藏”“点赞”与“取消点赞”的状态之间切换。

图标动画将使得点击之后的反馈更佳强烈,并且让界面活起来,动感起来。

从Android 5.0 Lollipop“棒棒糖”到Android 7.0 Nougat“牛轧糖”,Material Design设计语言已迭代三年。由于其开源的特性,Android系统升级率与升级速度已被iOS远远的甩在后面,Material Design也因此遭受连累,采用了这种设计语言的应用少之又少。

设计即功能:浅析谷歌Material Design特性

国外应用在经历了多个版本的更新升级之后才完成了Material Design化,而国内厂商永远将“交互体验”和“好看”排在商业利益之后,再加上各种服务都需要科学上网,国内很难找到完全符合Material Design的应用。

谷歌在Android 7.0强化了AOSP项目的系统升级服务后,可以绕过厂商直接对设备进行系统版本升级,这一举措可以间接推动应用的Material Design化。在未来,Android的系统UI或许真正能迎来大一统的那一天。

本文来源:不详 作者:佚名

相关文章
没有相关文章
声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系Email:support@txwb.com,系统开号,技术支持,服务联系QQ:1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下