UI交互设计中的细节探讨-火星时代教育

发布时间:2024-05-16 09:15:04 浏览量:213次

前言

评价一个产品的优劣单单从视觉层面评判往往是不够的,还要考量界面设计的细节是否到位。这也是大多数设计师可能会忽略的点,更何况现在的竞争日益激烈,设计差异正在逐渐缩小,此时的细节就显得尤为重要。

在设计页面弹窗时你有考虑过弹窗在页面中的位置吗?设计时要考虑开发实现时以什么样的原则适配等诸多问题。

目录

一、“X“图标的前世今生

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

三、“取消、关闭、返回”三者之间的区别及应用场景

一、“X”图标的前世今生

很久以前,“X”图标是做为地图上的一种标记,它表示宝藏的藏身地点。如今“X”图标代表“取消“或”关闭“临时弹窗和临时页面。

如何确定“X”图标代表的是“取消”还是“关闭”呢?主要问题在于“X”图标缺少相应的文本标签,这会影响用户对图标含义的判断。

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

取消指放弃当前所编辑的内容,关闭是指关闭视图。值得注意的是,在页面设计中不可逆操作一定要出现二次确认,防止用户误操作导致内容丢失。

三、“取消、关闭、返回”三者之间的区别及应用场景

1、什么时候用取消?

用于临时调用的页面中,例如在一些产品的发布页面当中。

【例子1】微信-朋友圈-发帖页面

2、什么时候用关闭?

用于调用的页面中,当A页面的操作要作用于B页面时。

【例子1】微信-聊天界面-转发(长按)-微信

3、什么时候用返回?

用于父子层级关系中的子页面,例如微信-发现页-朋友圈。

总结

用于临时调用的页面使用取消,调用非关联页面用关闭,页面属于父子集关系时用返回,善于发现产品中的细节,为你的设计加分!

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定