十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

UI按钮设计注意要点

百恒 2020-05-26 10:22:12 1732
  按钮应该表明当前任务是什么,让用户知道他们点击按钮后会发生什么。使用动词作为按钮文案是很好的做法。例如,用户正在注册帐户的流程中,一个说写着“创建帐户”的按钮会告诉他们按下按钮后会怎么样,它清楚地表达了当前的任务。这样的按钮文案随时都在帮助用户,给予用户进行操作的信心。那么UI按钮设计有哪些注意要点呢?

  1、请确保在整个界面中保持一致性

  为什么一致性这么重要?因为用户会不自觉地产生意识,将特定形状的元素识别为『按钮』。因此,一致性不仅有助于创建出色的设计,还能为用户提供更为熟悉的体验,以便用户能够识别所有 UI 元素并将其当做按钮。

  2、线状和面状,突出重要按钮

  我们在设计按钮的时候,经常会面临着抉择,线状按钮还是面状按钮?其实线状还是面状争论不仅仅存在于按钮,还有icon,tab和标签等样式。面状和线状代表不同的设计理念,我们都知道面状元素在界面中更容易吸引用户的注意力,而线状元素强调的是轻量化。具体到按钮,简单来说就是面状按钮比线状按钮具有更强的可点击性。我们可以来看一个例子:喜马拉雅Fm这个界面中的“录音”按钮其实看起来特别的吃藕,因为很突兀。但是设计师的目的达到了,为了提升用户黏性,他们肯定很希望用户在喜马拉雅Fm里上传自己的录音作品,那么必须做到足够的显眼。

  确保与重要任务相关的按钮被突出出来。增加颜色的对比度可让用户专注于操作,并让按钮吸引到用户。

  3、为主要按钮加上颜色

  设计师还需要注意的一点就是,颜色是一种增加按钮权重的有效方法,它能够从文本颜色中脱颖而出,吸引用户的注意力。当按钮的颜色与文本的颜色相同,提示性就没有那么强了,为优先级更高的按钮使用不同的颜色来辅助用户进行快速决策。

  4、按钮的视觉主次

  在表单或对话框中,按钮有另一种方法来吸引用户的注意。当用户需要在主要和次要行为之间进行选择时,视觉区分是可靠的方法:

  主要行为的按钮需要更多的视觉比重,它应该是视觉元素更多的按钮

  次要行为(如“取消”或“返回”等)的视觉比重则应该较弱,从而进一步引导人们取得交互过程中的结果

  5、给高优先级的按钮增加图标

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

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×