loading请求处理中...
手机版 新型创意托付式服务平台 全国
五一VIP福利活动×

网页按钮图标设计方法

发布时间:2015-12-02 17:16:54     阅读次数:10743次    评论数:0次
    对于现在人来说上网应该是每个人生活中都少不了的一项活动吧。甚至有些人发展成网瘾。在上网的时候一定会做的一件事情就是点击按钮。但是你可曾注意过网上的按钮图标呢。在网页设计中,按钮图标设计是常被忽略却又相当重要的一个角色。在网页设计中,按钮与链接的功能类似,都是经过点击后到达另一页面或实现某种目的,不过二者还是有实际上的区别的。
网页按钮图标设计方法
    按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。而链接则是带你去另一个页面,从功能属性上而言,它是看,而非是做。

    按钮图标是一种人工控制的主令电器。主要用来发布操作命令,接通或开断控制电路,控制机械与电气设备的运行。尽管与网页上吸引游客目光的精彩内容相比,按钮是如此的不显眼,但在网页设计中,按钮图标设计却又有着不可替代的作用。按钮图标设计也不是随意而行,而是要遵循一定的设计规范。随小编一起看看按钮图标设计、按钮设计规范。


    按钮和链接的另一区别就是它的眼球效应。因此按钮本身的用色也是有讲究的。在按钮设计中,本身的颜色应该区别于它周边的环境色,因此它要更亮而且有高对比度的颜色。其次,基本原则是要容易找到,特别重要的按钮应该处在画面的中心位置。另外,按钮上面的文字表述需要言简意赅,直接明了,在按钮上使用什么文字传递给用户非常重要,千万不要让观者去思考,越简单、越直接越好。在尺寸上按钮并非越大越好,要严格控制尺寸。按钮要充分通透,不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出,也需要更多的padding(内边距)才能让文字更容易阅读。最后就是注意鼠标滑过的效果,会有力的增强按钮的点击感,给用户带来良好的用户体验,起到画龙点睛的作用。如果你有按钮图标设计需求,来一品威客网发任务,一品威客网有专业的按钮图标设计人员正在一品威客网接单。
本文地址:http://www.epwk.com/meijie/183047.html
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言
您需要 注册登录 后才能发表留言。

我们提供的,不仅仅是资讯。免费注册一品网会员,您可以——
  • 成为雇主 百万威客为您解决难题!

    多方案 低价格 价格由您定!

  • 成为威客 凭技能 ,赚取真金白银!

    威客时代,轻松赚钱,首选一品威客网!

相关任务推荐更多 >
VIP经验分享 | 赚钱故事
更多 >
三秒品牌设计:品牌视觉力就要赢在第一印象,三秒见实力 电视新闻专业出身,毕业后做了品牌策划,在上海、厦门4A广告公司打拼了6年,从策划做到了品牌策划总监,... [详细]
从事着自己挚爱的事业,向着崇高的愿景奋斗一生 “初识一品威客网时,我们也是经历了很长时间的了解与沟通,发现平台的理念、服务态度等诸多方面,跟临... [详细]