快捷搜索:  汽车  科技

产品设计结构基础知识:产品设计师必备的模态体验知识

产品设计结构基础知识:产品设计师必备的模态体验知识原文链接:https://uxplanet.org/modality-the-one-ux-concept-you-need-to-understand-when-designing-intuitive-user-interfaces-e5e941c7acb1作者:Fabian SebastianAndroid:Android上的动画更加的丰富多样。Google建议在Material Design指南中使用“有意义的过渡”;Android本身并不区分动画是否为模态或者非模态。大部分设计师根据直觉来进行产品设计。有时候直觉的确很重要。但是更重要的是要我们需要了解一些通用标准,以便于在特定的时候选择更好的适应或者改变。在我看来模态的概念是当今应用设计中最被忽视的UX原则之一。跨平台和Web本地混合应用并不能很好的使用模态的指南和规范。但是模态的基本规则你应该了解,以便在必要的时候适应或者改变它

六、动画

截止目前,iOS和Android在模态的使用方面非常相似;但是动画方面并不是这样的。

iOS:动画在iOS中高度标准化。

非模态屏幕从右侧进入框架。标签栏在屏幕底部保持不变。顶部的导航栏也保持不变,但其内容在自定义转换中淡入淡出。此动画还为用于返回的边缘滑动手势提供了基础。

另一方面模态屏幕从框架的底部滑入并覆盖整个界面(新的顶部导航栏)。他们不使用边缘滑动手势,如果没有保存之类的重要操作,自定义下拉关闭手势可能会好一些。

Android:Android上的动画更加的丰富多样。Google建议在Material Design指南中使用“有意义的过渡”;Android本身并不区分动画是否为模态或者非模态。

总结

大部分设计师根据直觉来进行产品设计。有时候直觉的确很重要。但是更重要的是要我们需要了解一些通用标准,以便于在特定的时候选择更好的适应或者改变。

在我看来模态的概念是当今应用设计中最被忽视的UX原则之一。跨平台和Web本地混合应用并不能很好的使用模态的指南和规范。但是模态的基本规则你应该了解,以便在必要的时候适应或者改变它。

作者:Fabian Sebastian

原文链接:https://uxplanet.org/modality-the-one-ux-concept-you-need-to-understand-when-designing-intuitive-user-interfaces-e5e941c7acb1

翻译:盛夏光年,原作者已经授权。

本文由 @盛夏光年 翻译发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

猜您喜欢: