一、介绍编辑导语:返回按钮和关闭按钮是日常中经常会使用的两种按钮,这两种按钮在逻辑表现上很相似,但却有明显的不同,你真的用对了吗?本篇文章中,作者将为我们具体介绍两种按钮的正确用法,一起来学习一下。
返回按钮和关闭按钮(严谨的来讲应该叫关闭/取消按钮,后文会进行细致的解释,为了方便文中统一叫关闭按钮)是设计中常见的图标按钮,如下图所示为返回按钮和关闭按钮的基本视觉样式。
返回按钮和关闭按钮在页面布局设计中使用的非常多,其主要作用是帮助用户在产品中“导航”,如返回到某一页面或者是关闭正在浏览的页面,所以从信息架构层面来讲返回按钮和关闭按钮都属于导航按钮。如下图所示为手机设置页面和在日历中创建日程页面中分别使用了返回按钮和关闭按钮。
由于返回按钮和关闭按钮在体验效果上比较相似,即如上图所示点击按钮后都回到之前的页面,因此实际中能经常看到错用返回按钮和关闭按钮的例子,如下图所示点击左图中的编辑按钮,则可以进入如下右图所示的页面编辑管理状态,但页面中使用返回按钮是错误的,此处应该使用关闭按钮。