菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

弹窗设计话题

首页
设计文章
弹窗设计

产品 1.4w

腾讯出品！PC端弹窗设计五步决策法

本文阐述了弹窗的概念与分类，为 PC 端弹窗设计提供了一种决策路径，并给出了相应的设计建议。

2021/09/17

土拨鼠

产品

弹窗主按钮放左侧还是右侧？结合菲茨定律帮你梳理清晰！

弹窗主按钮位置在哪里更合适？菲茨定律如何应用到弹窗设计中？本文为你详细分析这个细节。

2021/07/31

小果

下载 2.0w

不要这样用弹窗，真的很烦！！（附弹窗源文件下载）

有的弹窗真是不但提高不了数据，还会使用户体验大打折扣。今天就让我这局外人提醒一下各位，本文这五种情况，也许你不该用弹窗。

2021/03/23

土拨鼠

UI 3.1w

超多案例！APP弹窗设计规范大全

弹窗的设计好与坏很大的影响了用户的体验，本文作者分享这份「弹窗设计规范」大全，教你提升用户体验。

2020/11/24

JaylonG®🐷

UI 2.7w

超多案例！APP 弹窗类型总结

弹窗是我们平时在设计APP时候绕不开的一个元素，选择合适的弹窗形式，是我们需要多加思考的地方，避免变成只会完善产品原型的线框美工。

2020/11/18

Chinn

UI 2.5w

大厂高手出品！深入了解B端的弹窗设计应用（下）

本文我将结合工作中的一些总结，详细分析关于「非模态」弹窗的基础理论知识，如何区分不同类型的组件以及如何正确应用与选择。

2020-10-10

土拨鼠

产品 2.8w

大厂高手出品！深入了解B端的弹窗设计应用（上）

本文整体从分析弹窗的不同类型，到模态弹窗类型的实际应用分析，再到弹窗中容易产生分歧的按钮文案进行内容阐述。

2020-08-28

土拨鼠

产品 2.9w

万字干货！超全面的B端设计指南：弹窗篇

这篇文章是我自己在工作中受到各种摧残、无数次开会讨论总结而来，如果你现在深处B端行业，强烈建议大家一定要看完。

2020-07-29

土拨鼠

UI 2.0w

留不住用户？我总结了13个挽留弹窗技巧（附导图）

如果让你设计一个挽留弹窗，你会通过什么方法或内容来留住用户？本文为你提供一个比较系统的思考框架，不用毫无目标地寻找参考。

2020-06-29

土拨鼠

交互 1.4w

控件进阶专题！弹框设计深度思考总结

如何高效进行弹框控件的选择？用一篇深度思考总结带你了解弹框的正确打开方式，帮你在今后设计弹框的过程中变得更加得心应手。

2020-04-30

土拨鼠

UI 2.1w

用一篇文章，帮你掌握弹框的设计规范和进阶使用方法

我将分两期来总结一下弹框的规范和进阶使用方法，这一期我们先梳理一下平台规范下的弹框究竟有哪些。

2020-04-23

土拨鼠

交互 1.8w

界面该不该加弹窗？来看高级设计师的总结

弹窗到底在何时、何地、以什么样的方式加才合适呢？用一篇文章带你了解弹窗体系，搞懂弹窗的属性，把握弹窗设计时机。

2020-04-14

土拨鼠

交互 1.4w

10 个专家级技巧，帮你做好最让人讨厌的「退出确认弹窗」

当用户准备关掉网站的一瞬间，什么样的弹窗设计能让用户留下来？本文总结了10个专家级的技巧，帮你留住用户。

2020-03-14

土拨鼠

UI 2.6w

案例超多！3大类APP弹窗提醒方式总结

在做 APP 的时候会发现一个问题，各种各样的弹窗提醒，什么时候用什么样的提醒方式，今天做一下归纳总结。一、概念简述顾名思义，提醒方式，是指用户需要提醒的时候，在 APP 出现的一些提醒机制。一般采用弹窗的形式进行提示，它的功能意义是：对用户当前操作进行信息提醒并对其作出补充，或中断用户当前操作并对其作出反馈。

2018-07-28

程远

产品 1.6w

超全面！底部动作栏设计总结

王M争：前段时间 B站对视频缓存功能做了一次调整，之前用户想要缓存当前视频只需点击「缓存」图标就行了，新版本中用户必须点击右上角的「更多」图标调出底部动作栏，然后再进行缓存操作。但是 B站官方上传的视频缓存入口依然保留在之前的位置，个人推测因为普通 up主所发布的视频长短不一，良莠不齐，更多的场景是用户阅完即走，缓存的需求不是很大，所以将缓存功能收起。而官方上传的资源一般质量有保障，且时间大都较长，用户更愿意去缓存。

2018-07-03

程远

交互 3.3w

感觉设计不舒服但又不知道原因？可能是这8个常见的交互细节问题

平时的工作中，经常会遇到一些不舒服但是又说不上理由的交互问题。本文作者从争论的点出发，有理有据的说明这些问题，并给出了修改建议，当然作者也说了他的观点并非就一定正确，只是希望能够提供一些思路。但我相信大家应该还是能够从作者的观察中学到不少干货的。

2018-05-31

程远

产品 2.0w

超多案例！超全面的提示框设计总结

文章分享了弹出框都有哪些，以及弹出框应该怎样使用。前言任何一款应用程序都少不了提示。当我们需要告知用户某些特殊消息时就会用到弹框，但是用户在执行一系列连续动作时突然被一个提示打断，这样就会影响到用户体验。

2018-02-25

程远

产品 1.8w

App 设计系列之模态弹窗与非模态弹窗

在手机app应用中各种格式的弹窗效果相信大家都看过，也可能反感过某些弹窗，本文就来谈谈关于app弹窗设计以及弹窗的适用情景。一. 弹窗的定义1. 弹窗作用弹窗是为了让用户回应，需要用户与之交互的窗口。非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。

2018-02-17

程远

教程 4.4w

超全面！这可能是你见过最全的弹窗设计解析

弹窗，对于大家来说并不陌生。UI设计师在工作中，乃至日常App使用过程中，经常接触到形形色色的弹窗设计。今天这篇好文将让你对弹窗设计的理解更加透彻。

2017-12-09

程远

教程 3.3w

弹框体系总结：模态弹框和非模态弹框

王M争：弹框是一种重要的交互方式，主要用于完成信息传递和用户反馈两大功能。弹框很常见，但并不见得每一个设计师都可以100%的弄明白弹框这个概念。这篇文章是对弹框体系的一个简单梳理和总结，希望可以解决大家心中的一些疑惑。

2017-11-04

程远

教程 1.3w

提升细节体验！移动应用的弹窗设计指南

@可乐橙_ColaChan （译者）：弹窗、对话框，随你怎么称呼，这些小窗口出现在屏幕上从来都不是理所当然。虽然它们是你应用中一些相对较“小”的元素，却扮演着影响用户体验的重要角色。一方面，它们可以帮助用户度过应用内的旅程。

2017-08-06

程远

教程 3.5w

实用干货！UI设计师需要了解的 APP弹窗体系

编者按：本文是作者从iOS 和 Material Design 设计规范中总结的App 弹窗体系，全面深入，非常适合初级UI 设计师进阶学习。1. 弹窗的定义弹窗分为模态弹窗和非模态弹窗两种。△ 弹窗分类模态弹窗：很容易打断用户的操作行为，用户必须回应，否则不能进行其他操作。

2017-05-17

程远

产品 3.4w

超全面干货！弹窗设计的5条基本原则

当你将弹窗设计及使用得恰到好处时，它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时，弹窗却会困扰你的用户。

2016-06-30

程远

没有更多文章了

大家都在看

神器推荐

文章 280

经验分享

文章 4883

交互设计

文章 649

设计趋势

文章 194

ps技巧

文章 636

AI教程

文章 123

干货合集

文章 160

PS教程

文章 771

职场

文章 133

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注