按钮是什么意思_UI设计按钮-重点解析

最新推荐文章于 2022-11-01 17:28:19 发布

weixin_39843847

最新推荐文章于 2022-11-01 17:28:19 发布

阅读量1.4k

点赞数

文章标签：按钮是什么意思

本文链接：https://blog.csdn.net/weixin_39843847/article/details/112669710

版权

上期我们了解了图标设计，现在进行按钮设计的讲解哈，一步步带你进门。讲解我们来谈谈UI设计你觉得会忌讳什么？

我先谈谈我的看法

在做设计的时候，我觉得作为一名设计师最忌讳的就是以自我为中心，在设计中忽视用户的使用者的感受。我觉得，这样的设计做出来是没有灵魂的，制作出来是给用户体验感受的，如果用户得不到好的视觉享受，还会对产品产生长久的依赖感吗？

同理，如果一个重要的按钮不能成功引起用户的注意，那么这个按钮的设计就是有待改良的。那么对于零基础学ui设计的小伙伴而言，应该如何优化ui界面中的按钮，才能够提升用户的点击欲望呢？

我们可以先从以下几个方面入手

1、要与品牌相符：简单的说就是按钮要与品牌一致，不管是颜色还是视觉风格都和LOGo差不多，可以从LOGO中参考其形状、所用材质、设计风格等。形状、材质、图案、字体、色彩搭配等都会影响到用户体验

2、内容相符：上下文内容需要协调，设计要有自己的主导内容，不要一致带入别人的想法

3、确保内容足够对照：现在很多设计的界面都是大同小异，盲目跟风，很多UI的套件一看就知道了，按钮在其中可能会显得比较显眼。我们可以利用色彩、留白、字体、大小、搭配来提高视觉的感染力，从而引导用户交互

4、圆角或边角的按钮：如果界面元素中大多是直角的，那么我们不妨带入一些圆角的按钮，如果都是统一形状，一眼看去虽然整齐，但是也会给人一种平淡无奇的效果，没有什么吸引力。把圆角和直角两者融合，恰当的运用视觉上是不是就会有一定的冲击力？更吸引人呢？

5、主次分明：次要的元素不要改过主题，鲜花配绿叶肯定是鲜花比较突出，绿叶的元素是不是比较弱？一样的道理的。颜色是一种增加按钮权重的有效方法，它能够从文本颜色中脱颖而出，吸引用户的注意力。当按钮的颜色与文本的颜色相同，提示性就没有那么强了，为优先级更高的按钮使用不同的颜色来辅助用户进行快速决策。这个需要注意了

6、按钮的边框设计：虽然没有边框对按钮的影响不是很大，但是大家不妨对比看下，有边框的按钮是不是比较特别，好看呢？换句话说就是：可有可无，没有影响不大，有的话就颈上添花。添加的话需要注意了，很多按钮为了好看都会选择添加一些边框上去可以的，不要两者深浅度一样，看不出效果的，最好是按钮为主，边框为辅，相互作用

7、区分带形状和纯文本按钮：ui界面的按钮设计中比较容易出现的一个错误是只使用文字来表示按钮。设计师使用文字按钮来表示优先级较低的操作。但是对于用户来说，这是一个糟糕的选择，因为纯文本没有一个按钮的外观，这会在极大程度上导致用户会忽略了这些操作。

8、对于模糊的阴影部分：当颜色比阴影部分浅的时候，投影的效果是最佳的

9、学会运用图标/符号：比如说箭头，跟着箭头指向来是不是比较简单明了？肯定是会比文字直观的对吧

10、按钮要有反馈的状态：大家可能很同意把这点给忽略，按钮的反馈可以让用户明白发生了什么，如果按钮反应不是真实用户，那么用户肯定会感觉失落的哦

11、给高优先级的按钮增加图标：ui界面中的图标设计需要设计师进行全面的思考。对于特殊人群而言，他们还需要清晰的视觉符号。给高优先级的按钮加上一个图标，能够起到强调作用而与其他按钮区分开。当用户浏览时，他们往往更关注视觉元素而不是文本。使用图标按钮的方式能够确保引起用户足够的注意力，而快速选择到高优先级的按钮。

12、根据阅读习惯设计按钮：在相当多的应用当中，一个比较常见错误就是按钮的排列顺序偏离了用户的阅读习惯，我们要学会观察，不要让自我的意识主导，忽略了大众的习惯，这本就是为了大众的视觉享受而设置的。可能少数人会觉得，将优先级比较高的按钮放在前面，用户就可以先注意到它，但其实只要按钮足够突出，视觉分量够重，用户就会注意到它，而无视它的排列顺序，因此这样可能并没有多大的作用，关注用户习惯才是重点。设计师优化按钮设计的过程中，需要注意的是尽可能将带形状按钮和纯文本按钮进行合理区分，并且为主要的按钮加上一些比较鲜明的颜色或者图标，除此之外，比较重要的是要根据用户的阅读习惯进行。