你真的了解按钮吗按钮样式有那些 _经验知识

写导语：如今随着网络的不停进步。玩家平时使用app的时光也变长。也会小心到业务中的有的按钮体验。所以对于设计师来说。设计一款有趣、玩家体验很好的按钮是非常严重的；本文作者共享了关于按钮的完全讲解。我们一起来就这样看一下。

文章插图
按钮是经常在用的组件之一。有很多同伴并没有很全面的了解这种组件。今天我把关于按钮的有的知识和我的有的观点共享给各位。
一、按钮的作用在使用按钮以前。你要知道什么是按钮。按钮的作用是什么。什么时候该用按钮。
1. 什么是按钮按钮用来触发一个及时操作。

文章插图
2. 有什么作用1）功能操作
比较常见的是：展开收起、加减、下拉等。这个状态下以功能性为主。按钮的形式适当弱化。要点强调功能。出众主体消息。

文章插图
2）指示玩家下一步操作
这种是经常可以看见的使用场景。每一个可交互页面上都有这种按钮的出现。用来指示玩家下一步该怎么去做。例如：创建、保存…

文章插图
3）培育玩家习惯
当玩家知悉某个按钮能指向某个操作。或者获得某类消息后。长此以往玩家就会形成使用习惯。如果某操作能够为玩家持续弄来价值。那么可以在按钮的地点让它更明显。持续培育玩家点一下习惯。
【你真的了解按钮吗按钮样式有那些】

文章插图
二、按钮有哪些类别主按钮：用来主动动作点。一个操作地区内只有且就只能有一个主按钮；默认按钮：玩家内有主次之分的一组动作点；虚线按钮：常用来【添加】操作；文本按钮：用来次级的动作点；链接按钮：用来作为外链的动作点。

文章插图
三、按钮的情况1. 交互情况1）Normal 正常情况
此情况为按钮的正常展现情况。就是按钮在也页面中的常规情况。

文章插图
2）Hover 漂浮情况此情况为按钮的漂浮情况。当鼠标滑过时候的情况会给玩家一个交互建议。因为它只是一个视觉上的建议并无事实作用。所以在移动wap端就把此情况去掉了。
此情况的效果并没有详细的规则。详细按业务风味来定。这里我给一个参考效果。但并不是唯一效果。如果不适合。可以酌情更改。

文章插图
3）Click 点一下情况
此情况为按钮的鼠标 / 指头按钮情况。操作完此情况后。就会引发此按钮的现实作用。
同一时间。此情况的效果也没有详细的规则。详细按业务风味来定。这里我给一个参考效果。但并不是唯一效果。如果不适合。可以酌情更改。

文章插图
4）Disable 禁用情况
此情况为按钮的不可操作情况。
当页面中有未完成的任务或页面中有错误导致不可提交页面时。按钮会处于 Disable 情况。这种情况在业务中也是很常用的。而且这个状态下大概引导玩家去做很多操作。所以此按钮在视觉上一定要弱于很多。所以要制定一个都可以用的展示方案。
往往一般方案有两种：
无论按钮本身颜色是什么。它的背景色均为纯灰色。常用的色值有：#CCC、#999等。此种方案为常用方案；Disable 情况为 Normal 情况的 30% 透视度。如果你想让按钮都有颜色偏向的话。可以用这个方案。