弹窗设计的5条原则(五)


5、最终产出 

有了前面的思考和推导,就可以着手整理规范了;即使只是做一个简单弹窗,里面也包含了你对整体线的思考、场景的思

考,这就是体现你设计价值的方向。

Step1.确定弹窗尺寸

一般需求用户确认信息后,保持整体视觉统一性:颜色,间距,文案风格等。按钮、圆角、尺寸宽度固定,高度默认情况下

750px,考虑小机型可以看到。不满足内容尺寸的各业务自行调整高度。

Step2.根据业务场景选择弹窗类型

根据场景选择,是内容型弹窗(纯文本、图片+文本、纯图片、异形弹窗、GIF、内容滚动等);还是信息确认型。

                                                                      b1.提示型                   

                                              b2.图片+标题    b2.图片+文字+内容

                                                        b3.文字下面插商品图

                                         b4.纯文本   b5.纯图片   b6.最小弹窗尺寸

                            b7.大促弹窗+异形弹窗+GIF

                               (最高高度不超过1000 )

                                                      b8.信息确认型弹窗

>