怎么做UI中的按钮，需要区分纯文本按钮

一、怎么做UI中的按钮

1、区分纯文本按钮

App上常犯的错误是只使用文字来表示按钮。制定师使用文字 按钮来表示优先级较低的操作，但这对用户来说是一个错误的选 择，因为纯文本没有按钮的外观，这可能导致用户忽略这些操作。 纯文本按钮不仅令人费解，而且也不容易点击。将文本内容放 在按钮框中可以使按钮更容易点击和注意。 与纯文本相比，描边形式的按钮是降低优先级的好方法。它们 使每个选项易于识别，以便用户能够选择所必须的目标。

2、按钮加上颜色

（1）高优先级按钮应该是最容易识别的，它直接指向用户最必须要 的目标操作。如果不确定优先级，请合计哪些操作会使得用户朝 着目标前进，哪些操作会导致用户后退。

（2）颜色是增加按钮权重的一种有效方法，因为它从文本颜色中脱 颖而出，吸引了用户的〔注意力〕。当按钮的颜色与文本的颜色相 同时，提示就不那么激烈了。使用不同颜色的高优先级按钮可以帮助用户快速做出决定。

（3）如果对每个不同的优先级按钮使用相同的颜色，用户将不知道 哪个优先级更高。使用不同的颜色只会使用户更加疑惑，不知道 这些颜色意味着什么。不仅如此，每个按钮使用不同的颜色，使 视觉权重再次相同。

（4）秘诀就在于使用相同的颜色，但改变饱和度和亮度会改变按钮 的优先级，使其比高优先级按钮轻。按钮的视觉比重有了区分， 一下子就变得清楚了很多。 为了增加对比度，可以使用反色。在主按钮的深色背景上使用 浅色文本，在中等优先级按钮上使用浅色文本。这样就使得高优 先级的按钮具有最亮的文本和最强的对比度。

3、更改文本粗细

使用前面提到的方法就足以确定优先级，但还可以做得更好。每个按钮制定的越直观，用户就越少思索。 在每个按钮文本上使用相同的粗细来表示相同的权重，最好依据优先级强调不同的文本。试着改变文本的粗细，而优先级最低 的文本则不加粗，这样按钮文本也有了不同的优先级，用户在阅读这些文字内容的时候就能感知到。

二、UI设计中的按钮的作用

1、功能性操作

按钮一般包括展开、收起、下拉、加减等操作功能，按重点强调该页面的功能，突出主体信息，在操作之后会发生一些交互变化。

2、明确引导下一步操作

（1）当用户完成页面的内容填充或信息确认之后，非常可能会失去视觉焦点。而按钮就会起到提醒的功能，帮助人们聚焦视觉重心。

（2）当用户需要完成任务，但同一个任务的流程信息较多时，可以以分步骤、分页的方法，并在每个步骤的末尾增加一个能起到上下衔接作用的按钮，明确引导用户进入下一步操作，以此来提升用户完成整个任务的效率。

3、培养行为习惯

如果某个按钮的操作可以为用户带来好处，并且可以持续为用户带来价值，那么可以将这个按钮设计的更醒目，并在同等级但不同的地方保持视觉的统一，持续培养用户点击习惯，当用户下次再看到类似这种按钮时，惯性思维就会引导点击。