认识达内从这里开始

认真做教育专心促就业

软件开发程序员需要掌握哪些弹窗设计方法

发布：太原达内教育官网
来源：互联网
时间：2020-07-09 08:23

高可用性和易用性是软件开发程序员在开发软件和开发网页的时候都需要关注的一个问题，而弹窗对提高用户体验是非常有帮助的一个功能，下面我们就一起来了解一下，弹窗设计的发展趋势都有哪些。

软件开发程序员需要掌握哪些弹窗设计方法

1.定制弹窗尺寸

既然是弹窗需求，那么先就是如何去确定尺寸。大家也可以问问自己，你拿到这个项目，会如何确定尺寸?大多数人，可能通过看竞品来参考，这是一个方法;但是有没有更科学的做法呢?

百度指数能帮助我们查到很多不错的数据，比如屏幕分辨率，手机占用率等!在真正着手设计一个弹框时,市面上各种各样尺寸的屏幕分辨率，如果你希望以一个尺寸适配所有屏幕分辨率，那可以参考以下数据：

2.梳理弹窗类型

在日常工作中，我们经常通常需要考虑哪种类型的弹窗适合当前业务场景或需求?是用系统的弹窗，还是自己做一个特殊样式?

这需要你对弹窗类型有一个比较全面的了解，就能很快分辨什么时候使用什么类型弹窗更适合。

提示型:也叫操作反馈，一般是完成某项任务后交互的一个反馈信息，不需要点击一般是自动消失，一般后面没有蒙版，单独一个小浮层设计时，注意一致性原则

引导操作:一般需要引导用户去操作下一步，如引导用户去分享，引导用户去下单购买，引导用户去查看商品，这种弹窗需要重点强调弹窗行动点，吸引用户参与

信息确认型:一般是需求用户确认信息，通常是比较简单的操作，并不需要一个单独页面来表现，弹框是一个很好的衔接方式。这种弹窗一般采用偏系统的设计，同样记往保持视觉上的统一性:颜色，间距，文案风格等。交互上，因为这个页面需要吸引用户更多关注信息内容上，一般采取贴近原生系统弹窗的设计风格即可。

3.融合品牌感

很多人好奇，一个普通弹窗要怎么融合品牌感?其实在一个场景设计中，每个地方都可以去融合品牌因素进去。

过去我们对蒙版颜色没有仔细关注的阶段，也许颜色使用上不是纯黑#000，就是纯白#fff。其实蒙版的颜色及透明度完全可以再进一步搭配，例如产品是蓝色调性的，就可以在黑色中混入一点品牌蓝色;产品是轻盈的，那就采用白色或淡灰色，或者尝试用浅一些的颜色搭配高一点透明度等等，根据产品的调性设计出适合产品气质的蒙版。

4.弹窗未来趋势

移动在影响着人们生活，也同时引领着设计趋势;这些年产品都在追求多终端的一致性。之前也提到过，视觉表现方面，将会有更多产品为了在大屏幕下有更好的视觉效果，做出针对性的设计。随着产品愈来愈追求简洁，UI也变得愈来愈轻盈，甚至透明。弹框也许不再被限制在卡片上。市面上也已经有不少产品尝试使用这种手法，以整个屏幕来取代底色卡片。这些也许是未来的一个趋势,值得设计师们去关注。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。

< 上一篇：网页设计师需要掌握的颜色搭配方法

下一篇：视觉引导与情感引导的概念与区别 >