无锡ui设计新手需要掌握的按钮设计规范

发布者: u-walker 发布时间: 2020-02-03 浏览 120
  无锡ui设计新手需要掌握的按钮设计规范。按钮的设计规范是零基础学ui的新手需要掌握的众多规范之一。下面,小编就带大家一起了解几个关于按钮的设计规范。

无锡ui设计新手需要掌握的按钮设计规范

  一、按钮颜色

  颜色部分比较简单,一般会选用规范体系的颜色即可,这里讲一个注意点,如果你的按钮是有渐变色的,渐变最好水平横向拉伸,这样开发写起来成本小一点。如果有角度的渐变,当然也可以写,只是最好先和开发沟通一下,免得造成不必要的麻烦。

  二、按钮宽度

  每一种规格的按钮高度是固定的,但宽度就不一定了。比如大按钮会根据页面内容来制定按钮的宽度。当然,我们还是需要给出大按钮的最大和最小宽度,最大宽度就是页面宽度减去安全边距,常见的安全边距有10pt、12pt、16pt等。最小宽度根据各平台属性来制定即可。宽度的规则相对比较麻烦,必须要考虑清楚种类、最大、最小、临界值等因素,否则在后续使用中就容易乱作一团。推荐阅读>>>图标设计的小技巧

  三、按钮高度

  每个平台都会有多种型号的按钮,常见的可以分为5种:超大按钮、大按钮、中按钮、小按钮,超小按钮,这个可以根据自己平台的需要来制定多少种。每一种按钮都需要有一个特定高度,那么这个高度如何制定才比较科学呢?无锡ui设计这里可以推荐一种方式,就是按钮的高度是文字的三倍左右,这样看起来会比较舒服,当然,这种方式只是对比分析多个产品之后得到的一个大致规律,仅供参考。

  四、按钮状态

  一般移动端的按钮有这三种状态就够用了:正常,按压和不可点击。正常状态就不必多讲了。按压状态推荐两种实现方式一种是增加15%的黑色,一种是增加15%的白色。不可点击状态,也推荐两种实现方式,一种是降低为30%的透明度,另一种是直接置灰,灰色色值可按照自己平台的色彩规范来制定,还是那个原则,要保持一种按压和置灰方式,确保统一性。

  五、按钮文字与图标

  按钮文字需要规定好文字的大小,颜色以及容易被忽略的文字极限值,一般来说按钮文字不会超过6个字,供大家参考。有些普通按钮上会有一些图标,我们需要把图标的大小、图标与文字的间距规定好,其余的符合普通按钮规范即可。

  无锡ui设计新手需要掌握的按钮设计规范。以上内容仅供参考,在实际工作中,由于各种因素,会有一些不同,设计师们需要随机应变。

本页网址:https://www.u-walker.com/wuxi/1943.html

上一篇: 南京ui设计中重复原则的使用

下一篇: 什么是好的用户体验?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部