【学UI设计】APP按钮设计技巧！

在设计按钮时，往往需要考虑按钮的设计风格、外形、色调等诸多因素。掌握正确的设计技巧，可以帮助设计师快速和高效地完成按钮的设计。通常按钮的设计技巧主要包括：

匹配品牌

按钮设计中非常重要的一点就是与它的使用环境相匹配。这意味着在按钮的设计过程中也需要选择特定的色彩、形状，或从目标品牌的设计理念及Logo中汲取灵感。需要以目标品牌为依据来决定按钮的形状、材质和风格。

匹配风格

在按界面设计中设计师要对界面风格做整体把握，这样对界面中按钮的设计运用就要有一定的要求，按钮与界面设计风格相匹配是按钮设计中最基本的要求。

突出对比度

在界面设计中，按钮的重要性不容忽视，漂亮的按钮可以直接吸引用户点击。因此在设计中，设计师往往会利用色彩、形状、字体等不同元素，赋予按钮独特的视觉效果，使它们能与界面中的其他元素清晰地区别开。

描边颜色的设置

人们见到的大多数按钮都或多或少地使用了描边效果。通常情况下，如果按钮的颜色比背景色更暗，那么应使用比按钮颜色暗的描边效果。如果是相反的情形，那么应使比背景色偏暗的描边效果。

【武汉全链路UI交互设计培训系列课程】

http://www.yanguosheji.com/h-col-105.html

巧用小图标

按钮设计中添加简洁微小的图标往往会发挥意想不到的作用。例如：一个指向右边的箭头图标可能会让用户觉得点击它会离开页面或打开一个新页面。而一个指向下方的箭头则可能会给用户这样的信息，即点击它可以打开一个下拉菜单或查看隐藏的内容。

按钮主次分明

如果在界面设计中需要展示很多选项和功能，那么使用不同的视觉效果为按钮划分级别就显得尤为必要。对最重要的按钮应使用最强烈，最鲜艳的色彩，对其他的按钮应按重要程度次第削弱色彩效果。在其他方面也一样，对于二级、三级按钮应该在大小、字号和特效等方面做相应调整。

尺寸规格

由于在APP界面设计中所有能点击的图片尺寸不能小于44×44像素。因此设计按钮的尺寸应不小于44×44像素，实在小的按钮图片可以切上空白像素来满足需求。还有一点需要引起大家的注意，在APP界面中单独存在的部件尺寸必须是偶数尺寸，所以按钮的宽高尺寸都应设置为偶数。