设计网页按钮时的注意事项

 

对于一个可以起到吸引用户点击作用的按钮，建议从下面几个方面来思考

1.按钮本身的颜色

本身的颜色应该区别于它周边的环境色，因此它要更亮而且有高对比度的颜色。

2.按钮的位置

按钮的位置也需要仔细考究，基本原则是要容易找到，特别重要的按钮应该处在画面的中心位置。

3.按钮上面的文字表述

在按钮上使用什么文字传递给用户非常重要。需要言简意赅，直接明了，如:注册、下载、创建、免费试玩等，甚至有时候用“点击进入”，这一点上就是千万不要让观者去思考，越简单、越直接越好。

4.按钮的尺寸

通常来讲，一个页面当中按钮的大小也决定了其本身的重要级别，但也不是越大越好，尺寸应该适中，因为按钮大到一定程度，会让人觉得那不像按钮，潜意识的认为那是一块区域，导致没有点击欲望。

5.让其充分通透

你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。

6.注意鼠标滑过的效果

给予较为重要的按钮适当加一些鼠标滑过的效果，会有力的增强按钮的点击感，给用户带来良好的用户体验，起到画龙点睛的作用。这里要注意的 是，不太适合按钮集中的地方，每个都增加高亮的鼠标滑过的效果，这样会造成视觉过于杂乱，影响用户浏览的舒适度，所以要强调的是“恰当”地添加鼠标滑过的 效果。

其实在我们平常的设计当中有很多重量级不那么高的按钮，需要“低调”处理，也就是说在一个页面当中，众多的按钮，是有功能优先级别的，这样就务必让一堆按 钮也呈现出视觉的优先级别。

 

 

 

文章转载自：  网页按钮设计的几个建议    http://www.studyofnet.com/news/394.html