弹窗设计的5条原则（一）
今天和大家分享的是弹窗在设计中的应用。弹窗是链接产品交互与用户操作的常用方式，它既能处理用户的「即时任务」，
也能作为提示通知用户的当前操作反馈或状态。
背景
前两天一个小伙伴咨询我“弹窗”问题，说现在主管让他把产品正在使用的弹窗梳理下，整理成规范。这让他感觉无从下手，
弹窗不就是一个弹窗么,怎么做才能让你的弹窗变得有意义呢？
我们大多数普通设计师每天工作都处在一个点上，单纯做好交互或者视觉本身，也就是我们常说的单点；但是高级设计师却
可能需要解决线的问题，不止是某个点的某个问题；到资深设计师阶段，你还可能需要解决面的问题，设计专家做的可能就
是面的事情。
很多人可能会有这个疑问，怎么做事情才叫由从点到线，以上面整理弹窗规范为例，看似一个简单需求，我们是如何体现它
的设计价值？接下来我分享一个我之前项目的弹窗案例，希望可以帮助大家打开这个思路！
1、定制弹窗尺寸
既然是弹窗需求，那么首先就是如何去确定尺寸。大家也可以问问自己，你拿到这个项目，会如何确定尺寸？大多数人，可
能通过看竞品来参考，这是一个方法；但是有没有更科学的做法呢？
》百度指数
百度指数能帮助我们查到很多不错的数据，比如屏幕分辨率，手机占用率等！在真正着手设计一个弹框时,市面上各种各样尺
寸的屏幕分辨率，如果你希望以一个尺寸适配所有屏幕分辨率，那可以参考以下数据：
这是两年前统计数据，现在可能有更新，大家主要借鉴其思路：
通过这个数据，我们可以得出安卓主流分辨率720X1280，1080X1920；苹果是750X1334，640X1136，那么只要我们
弹窗能在640X1136下显示完整，在其他尺寸上应该都没有问题。
如上图，市面上手机主流分辨率最小的是640X1136px,只要保证弹窗在这个尺寸显示正常, 其他尺寸也就不会有问题。根据
以往经验，弹窗宽度640px是足够有余的。高度上以iPhone为例，去掉系统顶部和底部导航条的高度后，可以得出：1334
- 128(导航栏+状态栏) - 98px(底部导航栏高度) = 1108px；保证弹窗高度在这个范围内显示完整即可。