绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网站按钮设计常见方式

人气:  作者:  发表时间:2020-12-23 15:28:57
不论是在PC端还是有移动端,用户在使用网站时都是通过点击相应的按钮顺着设计师的想法进行的,如果在页面中合理使用按钮,用户就会得到很好的用户体验,如果在页面中,用户连按钮都需要找半天,或者是单击按钮出现误操作之类的,用户会直接放弃该网站。

一、网站按钮的功能
在网页中的按钮是非常重要的元素,按钮的美观性与创意是很重要的。有特点的按钮不仅能给浏览者新的视觉冲击,还能给网页增值加分。网页中的按钮主要有两个作用:一是提示性作用,通过提示性的文本或者图形告诉用户单击后会有什么结果;二是动态响应作用,即当浏览者进行不同的操作时,按钮能够呈现出不同的效果。

目前在网站中普遍出现的按钮可以分为两大类:一类是具有表单数据提交功能的按钮,这种可以称为真正意义上的按钮;另一类是仅仅表示链接的按钮,也可以将其称为“伪按钮”。

1、真正的按钮
当用户在网页的搜索文本框中输入关键字,单击“搜索”按钮后,网页中将出现搜索结果;当用户在登录页面中填写用户名和密码后,单击“登录”按钮,即可以会员身份登录网站。这里的“搜索”按钮和“登录”按钮都是用来实现提交表单功能的,按钮上的文字说明了整个表单区域的目的。比如,“搜索”按钮的区域显然标明这一区域内的文本输入框和按钮都是为了搜索功能服务的,不需要再另外添加标题进行说明了,这也是设计师为了提高网页可用性页普遍采用的一种方式。

通过以上的分析可以得出,真正的按钮具有明确的操作目的性,并且能够实现表单提交功能。

2、伪按钮
在网页中为了突出某些重要的文字链接而将其设计为与网页风格相统一的按钮形式,使其在网页中的表现更加突出,吸引用户的注意,这样的按钮称为伪按钮。网页中大量存在这样的按钮,其从表现上看是一个按钮,而实际上只是提供了一个链接。

造成伪按钮泛滥的最根本原因还在于相当多的设计师还没有意识到伪按钮与真正按钮的区别,在设计过程中随意使用按钮这种表现形式。伪按钮最好不要使用按钮的表现形式,这样会容易使用户误解,降低用户的使用效果。

二、如何设计出色的网站按钮
用户每天都会接触各种按钮,从现实世界到虚拟的世界,从移动端到桌面端,它是如今界面设计中最小的元素之一,同时也是最关键的控件。在设计按钮时,是否想过用户会在什么情形下与之交互?按钮能够在与用户交互后为用户提供什么样的反馈信息?

接下来就深入设计细节当中,讲解如何才能够设计出出色的交互按钮。

1、按钮需要看起来可点击
用户看到网站页面中可点击的按钮会有点击的冲动。想要使页面中的按钮看起来可点击,需要注意下面的技巧。

(1)增加按钮的内边距,使按钮看起来更加容易点击,引导用户点击。

(2)为按钮添加微妙的阴影效果,使按钮看起来“浮云”出页面,更接近用户。

(3)为按钮添加鼠标悬浮或点击操作的交互界面,如色彩的变化等,提示用户。

2、按钮的色彩很重要
按钮作为用户交互操作的核心,在页面中适合使用特定的色彩突出强调,但是按钮色彩需要根据整个网站的配色来搭配。

网页中按钮的色彩应该是明亮、迷人的,这也是为什么那么多UI设计都喜欢采用明亮的黄色、绿色和蓝色按钮的原因。要想按钮在页面中具有突出的视觉效果,最好选择与背景色对比强烈的色彩作为按钮的色彩进行设计。

3、按钮的尺寸
只有当按钮尺寸够大时,用户才能在刚进入页面时就被它吸引,这里所说的大不仅仅是尺寸上的大,在视觉重量上同样要“大”。

4、按钮的位置
按钮应该放置在页面哪些位置?页面中的哪些地方能够为网站带来更多的点击量?
绝大多数情况下,应该将按钮放置在一些特定的位置,如表单的底部、在触发行为操作的信息附近、在页面或者屏幕的底部、在信息的正下方。因为无论是在PC端,还是在移动端的页面中,这些位置都遵循了用户的习惯和自然的交互路径,使用户的操作更加方便、自然。

5、良好的对比效果
几乎所有类型的设计都会要求对比度,在设计按钮时,不仅要让按钮的内容(图标、文本)能够与按钮也要与背景以及周围元素形成对比效果,这样才能使按钮在页面中突显出来。

6、使用标准形状
尽量选择使用标装形状的按钮
矩形按钮(包括方形和圆角矩形)是最常见的按钮形状,也是大家认知中按钮的默认形状,它符合用户的认知习惯。当用户看到它时,会立刻明白应该如何与之交互。至于是使用圆角矩形还是直角矩形,就需要根据页面的整体设计风格决定。

7、明确告诉用户按钮的功能
每个按钮会都包含按钮文本,它会告诉用户该按钮的功能。所以,按钮上的文本要尽量简洁、直观,并且要符合整个网站风格的语调。

用户单击按钮时,按钮指示的内容和结果应该合理、迅速地呈现在用户眼前,无论是提交表单、跳转到新的页面,用户单击该按钮都应该获得预期的结果。

8、赋予按钮更高的视觉优先级
几乎每个页面都包含众多不同的元素,按钮应该是整个页面中独一元二的控件,它在形状、色彩和视觉重量上,都应该在整个页面中也是最鲜艳突出的,那它绝对是页面中最显眼的。
网站按钮设计常见方式:http://www.luweit.com/news/jianzhan/116.html
标签: 网站设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2