自定义 Dialog ,效果强暴了!

不废话,先上图!

产品的交互设计图:


我设计的Dialog设计图:



我是一名开发人员,上周五,设计那边的 Android Dialog 设计图 的没有出来,产品经理 就提议我先做,问题是怎么做,因为没有设计图,于是在周六早上,参考了 PC前端众多 Dialog 插件(jsmessage ,jquery.msgbox.6.0 ,jqdialog ,jNotify,hiAlert 等等 ),也参考了 (支付宝)Alipay 设计的 Dialog ,一上午时间出现一个草案,然后下午时间开始编码。



我设计的Dialog设计图中没有把按钮画出来,真实设计是 设计草案 这样的。

 

设计草案:



周一,我将 这个 Android Dialog 设计草案 提交给产品那边,我的方案被否决。
周一晚,我将 上述 "我设计的Dialog设计图" 设计出来,同时将Dialog 代码部分开发好了,并且回了一封邮件。
周二,上班,然后 看邮件,最终再Email 上争论无果,于是在 会议室开会,结论还是 以产品为导向,不使用 "我设计的Dialog设计图",现在将 设计图发到论坛里,发起一个投票,大家觉得设计的怎么样?

 


目前代码已实现效果:





" 我设计的Dialog设计图" 点:
1.可定制性
  |--可支持自定义样式( 可指定布局文件 )
  |--支持多按钮布局(目前的设计只支持两种,如果需要增加三种,需要增加或更改xml布局文件,新Dialog设计的直接动态生成,支持N多按钮,自定义Id,自定义事件,自定义图片背景,自定义事件等等)
  |--易于开发人员使用(直接封装好方法,动态生成布局)
2. 简洁性( 用户习惯,从上往下,从左往右,实现用户习惯效果)
3.更好的用户体验性( 用户可更直观的看到是什么类型的提示,如:错误,则是鲜红的错误提示,警告,则是黄色的警告提示等,并且 标题加粗 )
4.对比产品的设计图,我觉得有点有两点:
   |--Icon够醒目,让用户明白自己才进行什么操作;一个友好的 Icon ,应该可以提示用户,是错误了,还是正确,还是提示信息等等。
   |--按钮在底部,直接看下面,直接参考了 支付宝的按钮设计。
       
   |-- Icon、标题,提示信息是一行, 提示信息一旦变多, 图标居中,文字可无限延长。


你可能感兴趣的:(android)