自定义 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、标题,提示信息是一行, 提示信息一旦变多, 图标居中,文字可无限延长。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

linapex888

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值