网页和APP上那么多按钮该如何设计？

按钮设计看似简单，但是如果想要更好的交互体验，引导用户进行相应的操作，提升产品的转化率这仍是我们需要研究的问题。有时候会关系到用户的转化等结果，今天石家庄天琥UI设计师培训小编就来给大家分享一些按钮设计的干货技巧!

按钮设计要点

1.根据产品为按钮选择适合的形状

在按钮设计时，需要根据整个界面风格设计合适的按钮，按钮样式主要有直角、小圆角、全圆角三种样式。

直角的含义：严谨、力量、高端。适用于金融类、奢品类产品中，让产品给人严谨安全、高端的感觉。例如寺库。

半圆角的含义：活泼、年轻、安全。适用于儿童类、年轻化、娱乐类、购物类的产品中，提升亲和力，拉近用户的距离。例如土豆。

小圆角的含义：稳定、中性。适用于用户跨度较大的常规类产品中，例如微信。

以寺库、微信、土豆为例，寺库是奢侈品类电商，因此在设计时需要提现高端，因此在按钮设计时采用直角设计。而微信的用户群体上到七八十岁，下到几岁其年龄范围广，因此采用稳重的小圆角较为稳妥。土豆短视频其用户群体较为年轻活泼，因此采用全圆角较为适合。

2.使用合适的状态

在部分界面设计中需要考虑按钮的不同状态的设计，从而提高用户操作流畅度。移动端完整的系统按钮可以分为正常状态、按压状态、禁用状态。

其中，正常状态和加载状态展示的是APP的主色;按压状态在正常态的基础上叠加不透明度15%的黑色#000;禁用状态是设置灰色或者将正常态设置不透明度45%，该状态适用于提交界面中使用，比如登陆注册、转账等。

3.提供恰当的反馈

当用户点击按钮时，他们希望界面可以给些恰当的反馈。如果没有任何反馈，用户会以为系统没有收到他们的操作，然后就会重复点击。这种行为常常导致多个不必要的操作。

总结

按钮设计看似简单，但是如果想要更好的交互体验，引导用户进行相应的操作，提升产品的转化率这仍是我们需要研究的问题。本篇主要将从按钮功能类型和设计要点两个方面进行归纳总结。

按钮功能类型：主要有行为召唤按钮、表格按钮、标签按钮、命令按钮、悬浮按钮、开关按钮这六大类型。在使用我们需要根据对应的功能和重要程度选择适合的设计。

按钮设计要点：主要有根据产品为按钮选择适合的形状;使用适合的状态;提供恰当的反馈这三大注意要点。

石家庄天琥设计培训学校：http://sjzthsj.91soxue.com/

上一篇: UI设计培训让你不仅仅是网页设计师     下一篇: UI设计中有哪些常见的专业术语