UI设计师如何设计按钮

设计师可以把按钮的优先级设计得更加直观，以减少用户必须仔细看每个按钮才敢操作，这样的情况发生，今天小编主要给大家分享UI设计师如何设计按钮，希望对你们有帮助!

一、区分纯文本按钮

App 上常犯的错误是只使用文字来表示按钮。设计师使用文字按钮来表示优先级较低的操作，但这对用户来说是一个错误的选择，因为纯文本没有按钮的外观，这可能导致用户忽略这些操作。

纯文本按钮不仅令人费解，而且也不容易点击。将文本内容放在按钮框中可以使按钮更容易点击和注意。

与纯文本相比，描边形式的按钮是降低优先级的好方法。它们使每个选项易于识别，以便用户能够选择所需的目标。

二、按钮加上颜色

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

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

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

秘诀就在于使用相同的颜色，但改变饱和度和亮度会改变按钮的优先级，使其比高优先级按钮轻。按钮的视觉比重有了区分，一下子就变得清晰了很多。

为了增加对比度，可以使用反色。在主按钮的深色背景上使用浅色文本，在中等优先级按钮上使用浅色文本。这样就使得高优先级的按钮具有最亮的文本和最强的对比度。

三、更改文本粗细

使用前面提到的方法就足以确定优先级，但还可以做得更好。每个按钮设计的越直观，用户就越少思考。

在每个按钮文本上使用相同的粗细来表示相同的权重，最好根据优先级强调不同的文本。试着改变文本的粗细，而优先级最低的文本则不加粗，这样按钮文本也有了不同的优先级，用户在阅读这些文字内容的时候就能感知到。

尊重原创文章，转载请注明出处与链接：https://www.qinxue365.com/jsjzx/Graphic_Design/593467.html，违者必究！