行业资讯

网站关闭按钮设计

发布日期:6594-03-01 16:13:42文章作者:硚口网站建设【字号:     
第一个问题来自知乎,在Mac OS中,弹出窗口的关闭按钮是放在左上角的,Windoal普通状态、e浏览器中,标签数量少的时候,每个标签都显示关闭按钮;达到一定数量时就只显示当前标签的关闭按钮,其他的隐藏,不过这种情况下要关闭其他标签只能通过右键打开上下文菜单或者点击进入相应标签再关闭。QQ浏览器无论标签多少,只显示当前标签的关闭按钮,不过当鼠标滑过其他标签时,关闭按钮就会显示出来。WPS的做法则是用常显小圆点代替隐藏[x]的做法。

3.移动端利用相关手势进行关闭

移动端可结合设备特性,采用不同的交互方式完成关闭动作,包括点击(退出微信位置共享)、长按(keep结束跑步、骑行等活动)、侧滑(iPhone滑动关机)。

4.小程序的关闭按钮

BAT和头条都做起了小程序,在设计关闭按钮这件事上,设计师们可谓绞尽脑汁。微信小程序抢占了“⊙”,其他几家只好变着花样设计[X]。此外,设计师们还纠结于使用多大的圆角,如何表现更多“≡”“…”“┇”。几种小程序的设计规范见下图。

小程序的火爆给关闭按钮在移动端带来了复兴,设计师们纷纷尝试让[x]回归右上角,说是探索新交互形式也不算,毕竟合适的才是最好的,但确实威胁了“< 返回”的地位,不足之处在于不方便点击。淘宝部分店铺的首页已经采用了类似做法让用户退出店铺,网易云音乐“我的-最新电音/私藏推荐”模块也类似,不过退出并不影响音乐的继续播放。小结关闭按钮只是用户界面设计中的小元素,往往容易忽略。掌握必要的设计技巧的同时,结合业务需求进行设计处理方能不忘初心、更好服务用户,实现从设计关闭按钮到设计关闭行为的跨越。(郑重声明:本文版权归原作者THE TAO所有,转载文章仅为传播更多信息之目的,如有侵权,请联系我们删除;如作者信息标记有误,请联系我们修改。),