18年,专注网站建设、运营推广
编辑: 小美时间: 2017年12月13日阅读量: 2152
不管是在网页端还是在手机APP应用上,弹框的设计都是用户交互环节中比较重要的一个环节。从一开始,网页弹框的出现就是为了让用户参与到信息的交互中,用户可能在一个弹框界面同意某项服务协议,也可能是在弹框界面输入个人的信息......所以郑州美声广告有限公司的小编今天就为朋友们分享下关于网页弹框设计那些事儿。
弹框一般分为两种:模态弹框和非模态弹框。如下图所示:
在上图中我们可以看到需要用户参与的弹框一般会占据屏幕的主要部分,会对用户视觉区域造成部分遮挡,这类弹框属于模态弹框。而另外一种弹框是不需要用户参与,只需要用户知道相关操作的结果或状态,会主动消失不会打断用户的操作使用过程的属于非模态弹框。
当我们对弹框的类型稍作了解之后就是关于弹框的设计了。我们目前在弹框的设计上一般圆角居多,通过上图我们也可以看出,不管是模态还是非模态的弹框都采用的是圆角的设计,这样一个设计的作用是使整体风格趋于圆润饱满,当然也有设计师喜欢棱角分明的线条。棱角分明的搭配一般会用到时效性比较强的项目设计中。还有就是个人喜好。
下面我们谈下关于网页弹框的演进。
弹框作为网页中用户交互的重要环节,不仅仅肩负着向用户传达信息的使命,尤其是近些年来,越来越多的公司和设计师开始注重设计中用户体验的重要性。在过去我们通常把弹框的关闭按钮设计在右上角的位置,而随着移动端的发展,弹框的关闭按钮在移动端渐渐的由右上角转到了弹框的下方。
任何影响到用户体验的事情,对于设计师而言都是大事。郑州美声广告公司14年专注营销型网站设计制作,如需咨询,欢迎拨打400-8366-997