弹窗虽然看似一个简单、常见的功能,但是其承载的作用也是很重要的,因此,我们对于弹窗的设计仍然要从弹窗的本身价值出发,然后结合用户体验,达到体验和价值的完美平衡。

弹窗的价值就是提示重点内容,给与用户一个实时的反馈,当然也有部分是用来做运营的强关联操作,大概有如下几条规则可以遵守和灵活运用。

第一不要打扰用户:控制好频率、节点(如只有节日可以弹大的全屏弹窗,平常尽量不要弹);控制好弹出的位置和大小,不要给用户太多的交互负担。

第二要清晰直接:文案要简短明了、配合一定的示意图、重点内容要突出;虽然有些产品经常忽悠用户,如送1000元这种可能分解了20个券,但是请不要赤裸裸的欺骗。

第三交互:按钮有主次之分,虽然有些产品故意把取消按钮置灰使之不明显,但是要适度,因人、因产品而不同。

第四要客观设计:要有关掉弹窗的入口,不要让用户懵逼,当然,如果你要强推、强弹,你的地盘你做主。

第五,如果有多种内容同时需要在一个弹窗弹出,怎么办?一是要做好多种内容的排序,二是不同类的内容尽量分开场景弹,不然会显得不伦不类;还有一种情况,多个弹窗同时出现的时候,页面的弹窗叠加在一起,无论是视觉还是感受都会非常差,建议慎重使用。

集设网 www.ijishe.com 收集的优秀的弹窗(pop-up)能够让用户更聚焦,不用离开当前页面便能轻松快速地完成任务。

UI设计灵感|引人注目的弹窗设计参考相关推荐

  1. 设计灵感|如何在海报设计中正确使用双色调风格?

    双色调风格是将画面中两个不同的部分用两种不同的颜色叠加,产生出融合统一的画面效果,借助明亮的色彩来凸显画面所表达的内容,值得在海报设计中尝试一下! 集设网 www.ijishe.com 设计师交流社区 ...

  2. 设计灵感|教会你海报设计套路

    海报设计的套路和灵感,重点是从优秀的作品中获取这些设计招式,经常浏览学习吸收集设网的优秀作品,以后也懂得从大师作品里偷师吧! 1. 文本变化 通过文本的各种变化,增强观众的感知力,譬如叠加,可以营造出 ...

  3. UI设计灵感|插画在App设计中有哪些常用方式?

    对于设计师来说,灵感的源泉大部分是来自我们自己对别人优秀作品的欣赏.借鉴,或者来自生活中的一些美好的事物,从而激化我们的艺术细胞. 设计没思路,那么就需要从这几个方面着手: 1.了解产品的背景,产品未 ...

  4. UI设计灵感|注册登录界面设计灵感

    注册登录界面在各种平台几乎都会有,内容简单的注册登录界面如何在数以万计的界面中脱颖而出?现在更多UI设计师选择在 集设网www.ijishe.com交流社区进行学习探讨! 设计没思路,那么就需要从这几 ...

  5. UI设计灵感|仪表盘界面如何设计?优质案例给你帮助

    根据不同的数据类型和设计目的进行区分,可视化图表可以设计成不同的形式,没有思路的时候,更多的设计师到集设网 www.ijishe.com 交流学习社区进行头脑风暴,来看看仪表盘界面如何设计?来看看这1 ...

  6. 设计灵感|C4D卡通角色设计作品,你想要的模型集设都有

    三维卡通角色,清新的配色.可爱的小动物,谁不想拥有这样的同款手办呀!就这级别的C4D模型辣么多你说它香不香? 集设网 www.ijishe.com 设计师交流社区还包含很多种类的风格属性,从古代到现代 ...

  7. 设计灵感|展览海报的设计没有头绪?

    展览活动具有强大的经济功能和信息传递功能,而海报是具有宣传性的招徕顾客性的平面设计,用海报宣传展览活动,就需要把展览活动的内容通过板式的构成吸引人们的目光,从而达到宣传展览活动的目的. 一起看看集设网 ...

  8. 设计灵感|想让海报设计更丰富?可以试试重复

    文案.图片素材撑不起画面? 想让画面更丰富? 重复构成就是利用同一个形态,来作为设计作品中的基本元素进行重复地使用. 或者是利用构成的构架形式,在基本的格式内重复排列组成的画面. 通俗来讲,重复就是利 ...

  9. 设计灵感|拼贴风格海报设计,优秀案例让你它好看在哪里?

    拼贴艺术大意是将纸张. 布片或其他材料贴在一个二度的平面上, 创作出一件拼贴作品. 海报制作中, 拼贴也是充满创意的一部分. 运用各种"搭边"及"不搭边"的元素 ...

最新文章

  1. 竞赛老陪跑怎么办?来自一位Kaggle比赛失败者的含泪总结
  2. 非线性方程求根的牛顿法
  3. Keras和TensorFlow的关系和区别
  4. 为什么苹果有2500亿美刀不用,偏偏要借钱?
  5. 原生ajax请求的五个步骤
  6. sql 查询手动创建的表_学习SQL:使用SQL查询手动创建报告
  7. python画折线图虚线_python绘制简单折线图代码示例
  8. Markdown语言调整图片居中、大小
  9. 腾讯产培课堂|产品经理岗位解析×面试指南
  10. idea导出快捷键配置
  11. vue3.0教程——搭建Vue脚手架【简化版】
  12. ArcGIS中消除两幅卫星影像之间色带问题
  13. 数据可视化与大数据分析
  14. python数字及字母的分离_Python 分割文本使得 字母和数字 分开?
  15. 程序员vs计算机教师,薪资大PK!教师VS程序员,你想不到的事实!
  16. 《ERP高级计划》书解读-APS案例分析之五时间点的计算(蔡颖)(转)
  17. 微信支付分(四)--取消支付分订单
  18. Git 学习日记-01
  19. 伯努利分布(二项分布)的假设检验
  20. EMOS 配置及优化

热门文章

  1. RocketMQ项目rocketmq-externals中rocketmq-console启动报错
  2. mac下intellij idea 永久破解
  3. c#项目 java项目_c#项目转Java项目!!!!!
  4. 安装完eclipse需要做的一些准备工作
  5. DOCKER-COMPOSE搭建MONGODB分片集群(单机版)
  6. Linux vi的复制和粘贴快捷键
  7. leetcode题解119-杨辉三角II
  8. SpringBoot学习(四)
  9. 2019.7.17东湖大数据页面三
  10. Struts2框架学习笔记1