苏州ui设计中的交互界面细节

发布者: u-walker 发布时间: 2019-11-25 浏览 94
  苏州ui设计中的交互界面细节。交互界面的设计细节有很多,这次小编主要想和零基础学ui的学员分享关于“关闭”、“返回”、“取消”这几种状态的设计细节。

苏州ui设计中的交互界面细节

  一、什么时候用“关闭”

  用于调用的页面当中,当A页面的操作要作用于B页面,B非A的子页面,又非临时页面,B页面用底部弹出动效,左上角用关闭。

  二、什么时候用“返回”

  用于父子层级关系中的子页面,当A、B页面在结构上是父子层级关系时,A为父,B为子。从A页面进入到B页面,这时B页面左上角用返回,并且使用侧滑转场动效。

  三、什么时候用“取消”

  用于临时调用的页面当中,当页面B上的操作是对页面A中的内容进行添加、编辑时,页面B采用底部弹出动效,左上角用取消。因为用户的主要注意力在A页面,在对页面A内容不满意时(信息不足或者展现形式上不符合自身要求),才会临时调用工具,进入B页面,但只会在临时页面B短暂停留,快速操作后又会重新回到信息内容本身上面,也就是A页面。在实际产品中我们可能会发现有时左上角是“X”图标,有时候是文本的取消。当然这样做都是没问题的,只是有一个页面之间的统一性问题。当然,没有绝对,具体是取消还是“X”图标还得具体问题具体分析。

  四、“取消”与“关闭”的区别及注意事项

  取消指放弃当前所编辑的内容,关闭是指关闭视图,可自动保存页面内容/操作。在实际产品应用中“X”图标代表“关闭”和“取消”的使用场景非常多,例如苏州ui设计在一些产品的发布页面当中“X”图标表示取消,弹出页面则表示“关闭”。值得注意的是,在页面设计中不可逆操作一定要出现二次确认,询问用户是否应用该操作,防止用户误操作导致内容丢失。

  苏州ui设计中的交互界面细节。看似简单的几种状态设计,需要注意的细节点有很多,所以设计师们在实际工作中,需要考虑到多种情况,具体问题具体分析。

本页网址:https://www.u-walker.com/suzhou/1684.html

上一篇: 网页设计一般具有哪些特性

下一篇: 苏州ui设计师为什么要做设计规范

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部