网站优化案例

北京网站设计如何做好按钮的布局

来源:本站日期:2019-4-3
在网站设计中,经常涉及到按钮。你的按钮设计,必须考虑到如何让它更加醒目,并且更容易点击,而为了达到这个目的,你就必须从按钮的大小和视觉反馈来进行处理,以帮助用户可以更方便地使用你的网站。
 
1、按钮大小和颜色填充
在做页面设计的时候,你必须要考虑按钮相对于页面上的其他元素有明显区别。同时,保证您设计的按钮足够大,以供人们点击。
 
根据美国MIT触摸实验室的研究发现,手指垫的平均尺寸在10-14mm之间,指尖的尺寸为8-10mm,这就使得10mm x 10mm成为了按钮设计的一个参考标准。当然如果是用鼠标键盘操作,可以减少按钮尺寸以适应密集的UI设计的。
 
另外在进行按钮设计时,还需要注意按钮之间的间距,因为适当的间距有助于将按钮分离,并为用户提供足够的使用范围。
 
2、提供视觉上的反馈
这个要求不是页面美观上的问题,而是考虑到用户体验。通常,一个按钮并不只是单纯的一个状态,而是会遇到多种不同情况下的点击,而在这时你就需要有不同的视觉反馈来表达它现在的具体状态。下面这个插图清楚地表达了不同的按钮显示状态: 
 
3、从视觉上突出显示最重要的按钮
在进行页面设计的时候,使用显眼的颜色,并将按钮放置在用户最有可能注意到的显着位置。比如我们看一下微信的聊天界面,它就非常简单,几乎是单色的,除了“发送”按钮。 一旦用户写完信息,他们立即注意到这个漂亮的绿色按钮。
 
首页
电话
短信
联系