新闻动态
按钮的设计方法
https://www.sytm.net 发布日期:2010/8/24 17:17:47

设计师在工作中,经常会遇到一些按钮修改的意见“让这个按钮更像个按钮”,面对这样的问题,不防从以下的6个方向去思考与改进:


  1.按钮本身的用色

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

2.按钮的位置

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

3.按钮上面的文字表述

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

4.按钮的尺寸

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

5.让其充分通透

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

6.注意鼠标滑过的效果

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


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

更多阅读
返回列表
© 2010 TianMei Technology All rights reserved. ICP:辽B2-20150138辽公网安备 21010202000010号  目录概览