遇见seo按钮的设计看似简单，只需画一个方形框来填充即可，但根据按钮的功能不同，设计方式也有差异，按钮的设计细节很容易被忽略。这里主要从按键功能的类型和设计要点两个方面进行分析，让大家对按钮设计有全面的了解。
一、按钮功能类型
按钮功能类型主要包括行为召唤按钮、表格按钮、标签按钮、命令按钮、悬浮按钮、开关按钮。
1、行为召唤按钮
行为召唤(CTA)按钮其目的是通过设计诱导或激励用户点击按钮，从而达到产品的目的。主要包括诱导购买、订阅关注、利益诱导、文字诱导四种。
诱导购买：
当行为召唤的目的是诱导购买时，按钮的设计不管从颜色、形状、样式都需要突出。让按钮看上去可点击，让用户进来第一眼就能知道该按钮的用途。
订阅关注：
当行为召唤的目的是订阅关注时，其重要程度相比诱导购买低很多，但是在设计时仍然需要考虑一个问题，是用户关注更重要还是用户阅读内容更重要。当内容重要时，按钮的设计需要弱化处理，当点击关注重要时，按钮的设计需要强化处理。
利益诱导：
当行为召唤的目的是利益诱导时，可以考虑颜色、形状、加入图标、诱导文字等设计方法引导用户点击。
文字诱导：
文字诱导简单来说就是通过文字，诱导用户进行下一步操作，多用于空页面、活动页面中，因此在设计时采用简单的色块填充即可，如果该页面为活动页面也可增加渐变或投影样式，让按钮更有空间感，进而突出按钮。
2、悬浮按钮
悬按钮浮是Android应用中最常见的一个控件。不过随着Android和iOS规范的不断融合，在iOS中也经常会看到各种各样的悬浮按钮。在设计上悬浮按钮应该采用显眼的颜色，以抓住用户的注意力。同时它应该是积极正向的交互，比如创建、分享、探索等。
3、标签按钮
标签按钮往往呈多个出现。在使用时可以将他看成一种筛选条件，采用该设计方式可减少用户操作步骤，提高操作效率。不过标签的重要程度仍然较低，在设计时需要弱化处理。
4、表格按钮
表格按钮是由一个白色网格加文字组成，从视觉上看和页面融为一体，特别不突出。因此多在个人中心设置页面想要弱化按钮的情况使用。
5、开关按钮
开关按钮是两种相互对立状态间的切换，多用于功能的开启和关闭。当按钮开启后可能还会带来其他的相应操作。开关按钮多用在设置界面，但是也有很多APP将其用到界面中使用。
二、按钮设计要点
要设计出一个引导性好的按钮，还需要掌握一些细节，比如颜色、形状、状态、位置等。
1、颜色
颜色是最容易感知到的对比方式，不同的颜色会给用户不一样的心理预期，在设计时按钮颜色主要有主题色、强调色、辅助色。主题色多用于需要强调的行为召唤按钮、悬浮按钮、开关按钮中;强调色多用于需要拉开主次关系的按钮组中企业网站建设，一般采用主题色的对比色彩或者邻近色;辅助色多用于默认状态或不可点击的状态中。
2、形状
在按钮设计时，需要根据整个界面风格设计合适的按钮，按钮样式主要有直角、小圆角、全圆角、异形四种样式。
直角的含义：严谨、力量、高端。适用于金融类、奢品类产品中，让产品给人严谨安全、高端的感觉。
小圆角的含义：稳定、中性。适用于用户跨度较大的常规类产品中。
全圆角的含义：活泼、年轻、安全。适用于儿童类、年轻化、娱乐类、购物类的产品中，提升亲和力，拉近用户的距离。
异形按钮的含义：不稳定、活泼、另类。适用于需要用户做出选择的场景中。
3、状态
在部分界面设计中需要考虑按钮的状态设计，从而提高用户操作流畅度。移动端完整的系统按钮可以分为正常状态、按压状态、禁用状态。
其中，正常状态和加载状态展示的是APP的主色;按压状态在正常态的基础上叠加15%的黑色;禁用状态一般是灰色或者将正常态降低45%的透明度，该状态多用于提交表单按钮，比如登陆注册、转账等。
4、位置
按钮位置往往对主操作按钮较为重要，在设计时需要考虑以引导用户、方便用户点击为目的。主操作按钮的主要主要有三种，即固定在底部、页面跟随、将希望用户操作的按钮置于按钮组右侧。
三、画重点
1、当行为召唤的目的是诱导购买时，按钮的设计不管从颜色、形状、样式都需要突出。让按钮看上去可点击，让用户进来第一眼就能知道该按钮的用途。
2、当行为召唤的目的是点击按钮为主时，按钮需要强调处理，比如采用主题色、强调色、添加图标等方式;当目的是浏览内容为主时，按钮可弱化处理，比如按钮采用浅色、灰色。
3、提交表单按钮可设计按钮正常、禁用状态，避免用户错误操作。
4、将主操作按钮固定在界面的底部，按钮组中希望用户点击的按钮置于右侧。
