标签 - 交互设计

交互设计    2019-11-06 19:09:23    33    0    0

本篇文章中,笔者带我们了解了三大交互组件专有名词的用法,并结合实际案例进行了解释说明,与大家分享。希望通过此文能够加深你对交互组件及其用法的理解和分析。

最近有很多同学来问一些设计中组件的专业名词,发现大家好像都没有一个统一的认识,有的说是ActivityViews,ActionSheet,Picker等等。

很多人不太清楚ActivityViews、ActionSheet、Alert三者的区别所以在这里我也把我对这些组件的理解给大家分享一下。

那么首先大家肯定要对于官方的设计指南定义有个了解。

一、ActionSheet(动作菜单)

“动作菜单是一种特定的警告样式,它出现在对控件或操作的响应中,并呈现组与当前窗相关的两个或多个选择。

用户启动任务或者执潜在的破坏性操作之前弹出动作菜单请求确认。在较小的屏幕上,动作菜单从屏幕的底 部向上 滑出, 在较大的屏幕上, 动作菜单会以弹出窗的形式呈现出来。”

用法及说明:

1. 提供一个取消按钮增加操作的明确性

取消按钮能够让户在放弃一项任务时,对的操作加肯定,并且动作菜单中的取消按钮应该总是位于屏幕的最底部。

2. 突出警示的选择项

使用红突出来执破坏性或危险动作的按钮,并在 动作菜单的顶部显示这些按钮。

3. 避免在动作菜单中出现滚动情况

如果个动作菜单中存在太多选项,户就必须滚动查看所有选项,滚动需要多的时间来做出选择,且滚动过程中也容易误触到其他按钮。

喔吼,看到了吗,其实这些描述已经很明确了,首先根据屏幕大小的不同他可以有两种模式供大家选择,底部滑出或者以窗口的形式弹出来。它必须有取消的按钮并且对警示信息强调显示,并且不支持列表式的上下滑动

但是这里要注意的是,他也可以没有警告内容

同时他不支持滚动也是因为AS(后面简称AS:action sheet)的列表按钮点击即触发,为了避免用户在滑动时不慎点击,这里在设计上就不建议做上滚动。

另外AS在不同屏幕上的显示方式不同,例如iPhone和iPad上的组件展现就是不同的,因为pad中如果是底部或者中间弹出,用户会非常不好点,所以根据菲兹定律这里的AS直接显示在了按钮的边上。

在原生的组件中我们也会发现在AS的控件里还会有对还组件的描述,一个是帮助大家明确进行该操作的后果,另外也是让大家再次确认该操作。

当然了,这些都是“指南”告诉你怎么用比较正确,万一遇到一些特殊的情况,我们也可以根据自己的需求来进行