最近在做迭代改版设计，在这期遇到了很多问题，其个是我在上篇文章《「瞬美」读书笔记：Web界设计如何让用户心动？》提到按钮的设计，在讲述得出的结论之前，我想跟大家分享我是怎么决个问题的。主要以概括为以下三个步骤：
1. 范式——从书中寻找决方案
目前得到普遍认的原理，就是范式。对设计理论，不同的人有不同的见。什么是普遍认的理论呢？业的书籍是我们获取设计范式的最主要途径，对年轻的设计师而言，我得一点尤为重要。
2. 博——看上优产品是何处理个问题的
任何识是不断迭代和完善的，只有博，才能不断验证和更新从书中得到的设计范式。而分析优的产品是博的主要途径。
3. 输出——结论与应用
根据从上面两个步骤得出的结论，总结分析是否能应用到自己的设计中。
这是我目前学习主要法，如你有更好法，可以留言交流。
面分享通过这个步骤我得的于按钮设计结论。
一、按钮的种类
按钮属于命令控件，括普按钮，图标按钮，文按钮。
1. 普按钮
2. 图标按钮
3. 字按钮
二、如何保证按钮的识别性与易学性
1. 用视觉样式告诉人们此处可以点击
扁平化设之，按钮都具三维凸起的特征，这一特征我们仍可以学习。给按钮添加当的阴影，阴影可以使元素突出于背景，这样易使用户识别它的可点击性。
2. 保持一致性
一个网站的按钮形状尽量保持一致，用矩形就都用矩形，用圆角矩形就都用圆角矩形，用户会将定形状的素识别为「按钮」，一致性会为用户提供更加熟悉的体验，减少用户学习成本。
一致的
不一致的
3. 使用高效率，易懂的文案
按钮上的文字「确定、取消」用更加生动确切的文字替换。
这里引用篇文章的例子：
4. 使用适的图标
箭头右，可意味着离开此页；箭头，可意味着打开面的容，或者打开面的菜单。
网易邮箱的「发送」按钮用了图标纸飞机，不仅提高了按钮的易读性，同也和其按钮做了好的，提高了发送按钮的优先。
三、按钮的反馈状态
按钮在操作中一定要有反馈，来户明白自己的操作发生了么。
按钮的状有默认状、悬停状、点击状、禁用状、忙碌状。
四、禁用状态又有以下几点要注意
1. 明显区分
禁用状态和可用状态样要有明显区，让用户晰知这个按钮不可击。
2. 禁用状态下要用户相应反馈
鼠标移动到禁用状态下按钮时，用提示工具用户解释禁用原。
如百度里某图片不能下载，鼠标移动到下载按钮上时，提示工具会解释按钮不可用原。
3. 禁用状态的按钮是见还是隐藏
禁用状态下的按钮的见取决它在界面中的位置与功能属。
如：谷歌浏览禁用状态按钮是可见。
safari 浏览也是可见。
这是为这两个浏览都有三个按钮，如禁用状态下不可见，那右侧按钮位会不固定，这违反了设计一致性原则。用户想要在固定的位置看到固定的功能，果每次登录进来按钮的位置变化，让用户非常困惑，按钮时有时无，在点击页面的时工具栏有明显的变化，验也不。
而 firfox 浏览在改版前前进按钮在禁用状态下是不可见
因为火狐浏览器里只有两个按钮，不出现明显的跳动。
上是以前版本，改版后狐如下：
所以禁用状态下按钮可见性，要根据按钮功能和在界位进具体分析。
五、确定放左还是右？
于这问题，不平台，不软件都不太样。
windows 是确定在左，取消在右。
而 mac 系统是确定在右，取消在左。
为了使户有一致的体验，最好的方式是同的平台使同平台的规范，但是当我们的设计是基于页的时候，该如何确定和取消的位置呢？
本人更倾向于「确定」在右，「取消」在左，「确定」味着进入下一步，「取消」思是返回上一步，基于用户对「上一步」和「下一步」的使用习惯，也应该是确定在右，取消在左。
六、不同优先级按钮的设计
当的界面功能比较多，就会出现比较多的功能按钮，这些功能按钮肯定会有优先，这个候就需要计一套一按钮，二按钮和三按钮，甚至更多。
拿我的设改版里的按钮组分享给家：
上就是今天的分享，你有更好的想法吗？如果有可在评论区留言给我，我会很仔细看哒。希望此对你有一点帮助。
欢迎关注作者公众号：「宴」
浙公网安备33011002017549号