网页设计中如何设计按钮

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页设计中如何设计按钮
网页设计中如何设计按钮
在网页设计中,按钮设计是常被忽略却又相当重要的一个角色。

在网页设计中,按钮与链接的功能类似,都是经过点击后到达另一页面或实现某种目的,不过二者还是有实际上的区别的。

按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。

并且绝大多数都是对表单的提交。

从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。

而链接则是带你去另一个页面,从功能属性上而言,它是看,而非是做。

按钮和链接的另一区别就是它的眼球效应。

因此按钮本身的用色也是有讲究的。

在按钮设计中,本身的颜色应该区别于它周边的环境色,因此它要更亮而且有高对比度的颜色。

其次,基本原则是要容易找到,特别重要的按钮应该处在画面的'中心位置。

另外,按钮上面的文字表述需要言简意赅,直接明了,在按钮上使用什么文字传递给用户非常重要,千万不要让观者去思考,越简单、越直接越好。

在尺寸上按钮并非越大越好,要严格控制尺寸。

按钮要充分通透,不能和网页中的其他元素挤在一起。

它需要充足的margin(外边距)才能更加突出,也需要更多的padding(内边距)才能让文字更容易阅读。

最后就是注意鼠标滑过的效果,会有力的增强按钮的点击感,给用户带来良好的用户体验,起到画龙点睛的作用。

【网页设计中如何设计按钮】。

相关文档
最新文档