菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
弹窗设计 话题
首页
设计文章
弹窗设计
设计系统
收录38篇文章
Tubik Studio
收录35篇文章
Dribbble
收录36篇文章
设计思路
收录39篇文章
网页设计趋势
收录34篇文章
交互
1.3w
4 个方面层层递进，分析如何设计 B 端产品的弹窗
本文从弹窗的定义、常见类型入手，重点讲解了模态弹窗和非模态弹窗的使用场景和案例。
2022/04/14
翟大强²⁰¹⁹
B端产品
交互
1.3w
用超多案例，帮你掌握PC端弹窗设计（下）
终结篇来了！今天我们来讨论两个日常工作中深恶痛绝的常见问题：连续弹弹窗、弹窗叠弹窗。
2022/04/11
白话说交互
交互设计
交互
1.4w
用超多案例，帮你掌握PC端的弹窗设计（中）
今天从弹窗的基本布局、容器、标题、关闭方式等5个方面帮你掌握弹窗设计。
2022/03/28
白话说交互
交互设计
交互
1.7w
用超多案例，从3个方面帮你掌握PC端弹窗设计（上）
本文将从交互的角度出发，聊聊 PC 端中的弹窗如何设计。
2022/03/17
白话说交互
交互设计
交互
2.9w
5000字干货！从5个方面帮你完整掌握弹窗设计方法！
本篇文章将围绕着弹窗类型、使用场景、转化率及常见问题为侧重点，将设计经验分享给大家。
2022/03/02
大漠飞鹰CYSJ
交互设计
UI
2.8w
如何优化B端弹窗的使用体验，这里有7个设计方向！
本文分享了实用的 B 端弹窗设计方法，适合想要快速上手 B 端设计的小伙伴阅读。
2022/01/27
Clippp
B端设计
交互
1.3w
从6个方面，详细拆解运营弹窗的设计要点
签到提醒、会员购买引导、福利发放等场景都需要依托于弹窗为载体进行展示。分类并拆解设计细节，是画好运营弹窗的先决条件。
2022/01/10
设计师doo
交互设计
产品
2.5w
腾讯出品！PC端弹窗设计五步决策法
本文阐述了弹窗的概念与分类，为 PC 端弹窗设计提供了一种决策路径，并给出了相应的设计建议。
2021/09/17
土拨鼠
PC弹窗
产品
1.5w
弹窗主按钮放左侧还是右侧？结合菲茨定律帮你梳理清晰！
弹窗主按钮位置在哪里更合适？菲茨定律如何应用到弹窗设计中？本文为你详细分析这个细节。
2021/07/31
小果
弹窗
下载
2.9w
不要这样用弹窗，真的很烦！！（附弹窗源文件下载）
有的弹窗真是不但提高不了数据，还会使用户体验大打折扣。今天就让我这局外人提醒一下各位，本文这五种情况，也许你不该用弹窗。
2021-03-23
土拨鼠
ui设计
UI
4.2w
超多案例！APP弹窗设计规范大全
弹窗的设计好与坏很大的影响了用户的体验，本文作者分享这份「弹窗设计规范」大全，教你提升用户体验。
2020-11-24
JaylonG®🐷
App弹窗
UI
3.7w
超多案例！APP 弹窗类型总结
弹窗是我们平时在设计APP时候绕不开的一个元素，选择合适的弹窗形式，是我们需要多加思考的地方，避免变成只会完善产品原型的线框美工。
2020-11-18
Chinn
弹窗
UI
3.1w
大厂高手出品！深入了解B端的弹窗设计应用（下）
本文我将结合工作中的一些总结，详细分析关于「非模态」弹窗的基础理论知识，如何区分不同类型的组件以及如何正确应用与选择。
2020-10-10
土拨鼠
B端设计
产品
4.0w
大厂高手出品！深入了解B端的弹窗设计应用（上）
本文整体从分析弹窗的不同类型，到模态弹窗类型的实际应用分析，再到弹窗中容易产生分歧的按钮文案进行内容阐述。
2020-08-28
土拨鼠
B端设计
产品
3.7w
万字干货！超全面的B端设计指南：弹窗篇
这篇文章是我自己在工作中受到各种摧残、无数次开会讨论总结而来，如果你现在深处B端行业，强烈建议大家一定要看完。
2020-07-29
土拨鼠
B端设计
UI
2.4w
留不住用户？我总结了13个挽留弹窗技巧（附导图）
如果让你设计一个挽留弹窗，你会通过什么方法或内容来留住用户？本文为你提供一个比较系统的思考框架，不用毫无目标地寻找参考。
2020-06-29
土拨鼠
UI 设计
交互
1.7w
控件进阶专题！弹框设计深度思考总结
如何高效进行弹框控件的选择？用一篇深度思考总结带你了解弹框的正确打开方式，帮你在今后设计弹框的过程中变得更加得心应手。
2020-04-30
土拨鼠
交互
UI
2.4w
用一篇文章，帮你掌握弹框的设计规范和进阶使用方法
我将分两期来总结一下弹框的规范和进阶使用方法，这一期我们先梳理一下平台规范下的弹框究竟有哪些。
2020-04-23
土拨鼠
Toast
交互
2.0w
界面该不该加弹窗？来看高级设计师的总结
弹窗到底在何时、何地、以什么样的方式加才合适呢？用一篇文章带你了解弹窗体系，搞懂弹窗的属性，把握弹窗设计时机。
2020-04-14
土拨鼠
交互
交互
1.7w
10 个专家级技巧，帮你做好最让人讨厌的「退出确认弹窗」
当用户准备关掉网站的一瞬间，什么样的弹窗设计能让用户留下来？本文总结了10个专家级的技巧，帮你留住用户。
2020-03-14
土拨鼠
弹窗设计
UI
2.9w
案例超多！3大类APP弹窗提醒方式总结
在做 APP 的时候会发现一个问题，各种各样的弹窗提醒，什么时候用什么样的提醒方式，今天做一下归纳总结。一、概念简述顾名思义，提醒方式，是指用户需要提醒的时候，在 APP 出现的一些提醒机制。一般采用弹窗的形式进行提示，它的功能意义是：对用户当前操作进行信息提醒并对其作出补充，或中断用户当前操作并对其作出反馈。
2018-07-28
程远
Snackbar
产品
1.8w
超全面！底部动作栏设计总结
王M争：前段时间 B站对视频缓存功能做了一次调整，之前用户想要缓存当前视频只需点击「缓存」图标就行了，新版本中用户必须点击右上角的「更多」图标调出底部动作栏，然后再进行缓存操作。但是 B站官方上传的视频缓存入口依然保留在之前的位置，个人推测因为普通 up主所发布的视频长短不一，良莠不齐，更多的场景是用户阅完即走，缓存的需求不是很大，所以将缓存功能收起。而官方上传的资源一般质量有保障，且时间大都较长，用户更愿意去缓存。
2018-07-03
程远
UI控件
交互
3.5w
感觉设计不舒服但又不知道原因？可能是这8个常见的交互细节问题
平时的工作中，经常会遇到一些不舒服但是又说不上理由的交互问题。本文作者从争论的点出发，有理有据的说明这些问题，并给出了修改建议，当然作者也说了他的观点并非就一定正确，只是希望能够提供一些思路。但我相信大家应该还是能够从作者的观察中学到不少干货的。
2018-05-31
程远
App设计
产品
2.4w
超多案例！超全面的提示框设计总结
文章分享了弹出框都有哪些，以及弹出框应该怎样使用。前言任何一款应用程序都少不了提示。当我们需要告知用户某些特殊消息时就会用到弹框，但是用户在执行一系列连续动作时突然被一个提示打断，这样就会影响到用户体验。
2018-02-25
程远
交互控件
产品
2.2w
App 设计系列之模态弹窗与非模态弹窗
在手机app应用中各种格式的弹窗效果相信大家都看过，也可能反感过某些弹窗，本文就来谈谈关于app弹窗设计以及弹窗的适用情景。一. 弹窗的定义1. 弹窗作用弹窗是为了让用户回应，需要用户与之交互的窗口。非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。
2018-02-17
程远
App设计
教程
5.1w
超全面！这可能是你见过最全的弹窗设计解析
弹窗，对于大家来说并不陌生。UI设计师在工作中，乃至日常App使用过程中，经常接触到形形色色的弹窗设计。今天这篇好文将让你对弹窗设计的理解更加透彻。
2017-12-09
程远
弹窗设计
教程
4.1w
弹框体系总结：模态弹框和非模态弹框
王M争：弹框是一种重要的交互方式，主要用于完成信息传递和用户反馈两大功能。弹框很常见，但并不见得每一个设计师都可以100%的弄明白弹框这个概念。这篇文章是对弹框体系的一个简单梳理和总结，希望可以解决大家心中的一些疑惑。
2017-11-04
程远
弹窗设计
教程
1.5w
提升细节体验！移动应用的弹窗设计指南
@可乐橙_ColaChan （译者）：弹窗、对话框，随你怎么称呼，这些小窗口出现在屏幕上从来都不是理所当然。虽然它们是你应用中一些相对较“小”的元素，却扮演着影响用户体验的重要角色。一方面，它们可以帮助用户度过应用内的旅程。
2017-08-06
程远
交互控件
教程
4.0w
实用干货！UI设计师需要了解的 APP弹窗体系
编者按：本文是作者从iOS 和 Material Design 设计规范中总结的App 弹窗体系，全面深入，非常适合初级UI 设计师进阶学习。1. 弹窗的定义弹窗分为模态弹窗和非模态弹窗两种。△ 弹窗分类模态弹窗：很容易打断用户的操作行为，用户必须回应，否则不能进行其他操作。
2017-05-17
程远
App设计
产品
3.8w
超全面干货！弹窗设计的5条基本原则
当你将弹窗设计及使用得恰到好处时，它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时，弹窗却会困扰你的用户。
2016-06-30
程远
ui设计
没有更多文章了
大家都在看
设计师职场
文章 692
立即查看
PS教程
文章 773
立即查看
版式设计
文章 187
立即查看
经验分享
文章 4919
立即查看
视觉设计
文章 171
立即查看
设计规范
文章 198
立即查看
用户研究
文章 128
立即查看
字体下载
文章 134
立即查看
交互设计
文章 724
立即查看
优设读报
2022年05月24日 星期二
01
国家开放大学终身教育平台上线，面向社会免费开放
02
釜山双年展推出新 LOGO，以韩语字母为元素设计
03
微信 iOS 8.0.22 版新增「群聊消息置顶」功能
04
小米与徕卡相机宣布达成长期战略合作
05
百度网盘回应部分 iOS 会员失效
查看全部
设计趋势
流行设计一目了然
查看专题
专题
已有255.2w位观众
已收录
40
篇持续更新
2018年Behance 上最值得关注的20个设计趋势
38357 人阅读
这3个适用性极好的网页设计趋势，会在2月流行
20246 人阅读
细节
藏在飞书App下拉刷新交互里的文档数字
下拉刷新可以作为App产品设计中的微动效的一部分，巧妙利用可以实现在帮助用户获取最新数据的情况下，同时穿搭品牌特色、业务特色。「飞书」的下拉刷新结合业务特色，采用了数字随机滚动到最终文件数量展现，巧妙表达了刷新中、刷新完成的状态。拓展开来看，这种表现形式在一些数量统计优先级较高的不同行业的业务页面中也可以拓展应用。
2022/01/15
vv酱•-•
下拉
设计问答
全部问答
交互设计师的升职途径和发展途径是怎样的？
邀请你来回答
难道现在的交互工作已经全部都被产品经理替代了么？招聘的网站，公司新人，做交互的越来越少了，这个岗位还有升职空间么？是不是前景也很渺茫了啊？
我来回答
优设琅琊榜
查看全部
1.5w
1/9
别盯着斐牙作品里的眼睛，那里藏着一座座喷发火山
Feya斐牙
有些地方注定会到达！
设计神器
全部神器
免费下载！收录世界知名企业 LOGO 标志矢量文件的「Worldvectorlogo」
神器推荐
2018年5月前端开发者实用干货大合集
酷站推荐
微博有广告？PS速成难？这份精简版软件清单每一个都是宝藏！
神器推荐
收藏这个神器，帮你一键生成高大上的艺术字体！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
UI设计师（兼职）
Los Angeles
大专及以上
3-5年
8-10k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
网站内容运营
武汉
大专及以上
经验不限
4-6k
查看全部
行业新闻
发布行业新闻
超好用！让印刷作品质感倍增的 9 组印刷纸张类型
行业新闻
「NVIDIA Studio 创意加速」中，展示概念艺术家 Pablo Muñoz Gómez 充满奇幻色彩的艺术作品
品牌资讯
永顺文创新名片来啦！15 件公益设计官入选作品公示
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
