这种超链接也就是目前我们看到的样式，文字+蓝色下划线。
还有一种就是Button，有方形的、圆形的、立体的、hover的、按下的、释放的等等种样式。
现在的互联网较之前相比，按钮样式越来越复杂。因为现在的信息越来越多，为了更清楚让用户分清主次，就需要不同的样式来表达。
现在我们常见的按钮样式无外乎就是文字按钮、普通按钮、图标按钮、标签按钮、悬浮按钮这几种样式，我先简单介绍一下。
文字按钮
而对于加下划线的超链接，和其他文字对比，也是直观明了。
普通按钮
普通按钮则分为幽灵按钮和填充按钮。对于大家来说，这应该比较常见了，视觉层级上来说，填充按钮肯定高于幽灵按钮，一般引导性的操作都会使用填充按钮。
在这两种按钮上，每个按钮都会包含一个文本指令，它会告诉用户这个按钮的功能和指向。所以，按钮上的文本要尽量简洁、直观，并且要符合整个网站风格的语音语调。
图标按钮
标签按钮
标签按钮则可以进行分类，标记不同的属性和维度，可以进行编辑操作，比如“添加”和“删除”。
悬浮按钮
而悬浮按钮可以说是代表用户在界面上最高频次的操作。
由于悬浮按钮通常承载的是主要的、有代表性的操作，通常它应该是个积极正向的交互，比如创建、分享、探索等；不应该执行破坏性的操作，比如删除。
高德高航的两个悬浮按钮则为“回到原位置”和“查找路线”。
总结
无论对于什么按钮来说。
“操作前，操作结果可预知”这个原则很重要，这个按钮是只放图标就可以了？还是要写上文字用户才清楚？——这是经常会遇到的问题。
是不是只放一个图标，用户就没法猜到后果？那也不一定。这要看产品里的上下文情景，还有用户对产品的熟悉程度。相机APP里，只放一个拍摄的图标，几乎所有人都知道是拍摄。
写到这，突然想到了之前在设计弹窗按钮的时候，遇到的一个问题，是“确定在左，取消在右”，还是“取消在左，确定在右”？
同时用过Windows和Mac系统的用户，应该清楚，这两个系统对于这个设计是完全相反的。Windows是“确定在左，取消在右”，Mac则相反，那到底哪个才更合理呢？
Android的设计规范中则规定，“‘取消’操作的按钮始终处于左边，当用户执行这个操作的时候会回到上一个状态，而正向操作的按钮则安排在右侧”。也就是说，在Android规范当中，“取消”按钮是在“确认”按钮的左边。
根据古腾堡原则：人们在浏览页面的时候，都趋向于从上到下，从左到右的眼球运动规律。左上角是视觉的第一落点区，而右下角是视觉最终落点区。用户的视觉中心往往在页面的左上方，而结束浏览时视线往往落在右下角。
既然用户的最终操作行为是“确认”，我们是不是就应该把“确认”按钮放在最终视觉落点区呢？这样用户既不会错过“确认”这个重要操作，也保证用户在这之前都扫描到了所有的操作。
比如以下这个案例：
第一个弹窗中，“No”仅仅是回答问题，但并没有指向性，并未指出这么选择的后果。而第二个弹窗则好了许多，“Cancel”和“Discard”两个选项，后者和前文所提出的问题相对应，指向性明确，Cancel的含义更加清晰。
当然在设计弹窗时，我们还可以自定义落焦点。当首选操作是正向操作时，视觉重量要大于次要操作，比如“保存”；而反向操作时，不可逆的操作比较高，所以为了避免用户出错的风险，此时在速度和正确性上相比，正确则是比较重要的，比如“删除”，所以这时设计师就需要把引导性做好。
好了，按钮设计就聊到这，下篇见。
本文由@谦元原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于CC0协议。
