首页 > 其他 > 详细

静态按钮UI优化

时间:2020-07-29 18:00:36      阅读:70      评论:0      收藏:0      [点我收藏+]

讨论一下静态按钮的样式可以如何优化(国产动态按钮较少,当用户量大了也是相当耗费资源的一件事),那就讨论一下静态按钮优化的一些思路:

1,直角与圆角

根据我所找的一些样本,大多数采用圆角,见附录。然后就是圆多少的问题了,有两种,一种是圆一丢丢,把直角整没了;另外一种就是圆一半,左右变成半圆。

在一些纯图形表意的按钮,直接用圆了。【不管用多少,用圆基本上成为了常态】

技术分享图片技术分享图片技术分享图片

2,按钮中嵌入图片

在表意上更为强烈!!!【即使没有合适的图,一个红点也让按钮有了更强烈的生命力】

技术分享图片技术分享图片技术分享图片技术分享图片技术分享图片

3,使用对比度强的配色更醒目

对我这种接近红绿色盲的人来说,没资格说颜色。/(ㄒoㄒ)/~~

白色也太百搭了把

技术分享图片

但是跟黑色是对比最强烈的

技术分享图片

element这个框架做了一般性通用颜色的示意,但与实际还是有所出入

红色是公认的危险按钮,与之对应的就是绿色,安全的意思。

剩下的就仁者见任,智者见智了

技术分享图片

比如得到这种橘配白色

技术分享图片

飞猪用黄配黑来作为主要功能键的配色

技术分享图片

相对来说,飞猪的醒目程度比得到更强一些。

附录

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

静态按钮UI优化

原文:https://www.cnblogs.com/noneplus/p/13398369.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!