按钮是网站建设中重要的元素之一,也是网页设计当中必备的交互元素。甚至可以说,如果页面中没有一个按钮,整个页面设计将是不完整的。

 

一、按钮使用的痛点
1.使用的场景过多:不是每个场景都需要相同的按钮。
2.按钮出现的频率太高:每个页面当中都会有按钮不停的重复,而高频的出现会让用户感到麻木。
3.按钮形式太多:乱用混用按钮类型。

 

二、按钮拆解
1.图标:使用图标传达含义。
2.背景:按钮底色同时也是状态的展示。
3.容器:按钮的承载体。
4.文本标签:表示按钮选择的文本。
5.描边:明确按钮边距的大小。
6.圆角:影响按钮的视觉元素之一。

 

三、常规按钮类型
1.底色加文字标签。
2.描边加文字标签。
3.纯文字标签。
4纯图标。
5.底色加图标和文字标签。
6.底色、描边加图标和文字标签。

 

四、特殊按钮类型
1.危险按钮
2.悬浮按钮
3.CTA按钮

 

五、常规按钮状态
1.正常状态
2.聚焦状态
3.Focus 状态
4.悬停状态
5.激活状态
6.禁用状态
7.加载状态

 

六、按钮形状
1.直角按钮:具有很强烈的引导性,看上去会比较刺眼,但是用户在浏览页面时不会很注意。
2.圆角按钮:视觉上总是给人一种柔和亲近的感觉,更容易被点击。

 

七、按钮加载状态
1.当按钮响应时间小于 1 秒时,通常正常加载即可。
2.当按钮响应时间长于 1 秒时,通常会采取加载动画,减缓用户等待焦虑。

咨询我们

你可以填写你的联系方式,我们会主动与你联系,或者拨打我们的咨询热线。