App 文本按钮下划线是否应该摒弃

用最简单的语言了解那些被忽视的设计知识点——App 文本按钮下划线是否应该摒弃

### 是否应该摒弃？

熟悉 HTML 的设计师肯定了解，a标签如果加超链接的话会有下划线的出现，由于其很容易吸引用户注意力，经常适得其反对阅读造成障碍，影响用户体验。所以很多开发者使用 CSS 属性 `text-decoration` 去除下划线样式。

其实在早期的互联网中，超文本链接的下划线可是互联网标志性元素之一，已经形成了一种意识形态：所见即可点，谈到"蓝色下划线"就是对链接的最好解释。

随着时代的进步，从桌面端过渡到了移动端，移动应用的设计风格也在逐渐趋于简洁化。很多应用的文本按钮通过颜色、字重等新手法来区分其可点击性，以保证页面的干净、整洁和无障碍阅读。

那么，看似百害而无一益的传统下划线样式是否应该就此摒弃掉了呢？答案是不绝对的。

### 那么来分析一下：

**网页中为什么可以摒弃？**

网页中的链接尚可"去线条化"，因为用户可以使用鼠标进行悬停触发，知道哪里可点哪里不可点，虽然由主动发现变成了被动发现（找链接、试链接），但仍在可接受范围。

**移动端产品呢？**

移动端产品的设计是多种多样的，虽然近几年规范化、组件化设计被推崇了起来，但并不是所有设计师都能够挑起这个担子，因此现阶段还是一个万花齐放的状态。举个简单的例子：

如果设计的一不小心，就会造成加粗、颜色突出重点和突出链接一锅炖的局面，加上已经失去了悬停触发的功效加持，用户根本无法顺利的判断信息层级。

所以，移动端的产品设计，不应该是直接将其摒弃，而是要将其作为一种设计解决方案！

xxx曾说过："如何成为一款好产品的首要决定因素就是要保证其易用性"，谁说的或者谁有没有说过不重要，重要的还是一个原则，切勿过度设计。我们需要保持对过去技术和知识的敬仰，上面也说过，这个问题的答案是不绝对的，表达的意思也只有一个：

**擅于运用已经成熟的知识、行为、意识来做新设计，遇到没有成熟先进的解决方案的难题时，不妨试试过去的方案，会有新的收获**

>  我的站点：biliui.com

>  设计交流群：464674996