经验之谈：教你如何设计一个巧妙的UI按钮

第 2 页 苹果风格的按钮设计

下面一种是我们经常所见的苹果风格的按钮设计，这种风格的按钮也是我们在生活中经常能见到的，键盘手机就经常采用这种设计方式，但是随着触摸屏手持设备的普遍，绝大数的键盘界面都采用模仿原来手机实物键盘的设计方式，这样是为了让用户对界面产生亲切感，同时这样的设计也看起来更加简洁美观。

键盘素材

C按钮是我参照键盘的质感做的样稿，

D按钮是我选择了同一色相不同明度和纯度所做的按钮，之所以列举这个列子，是为了说明我们在做这种风格的按钮设计的时候，一定要把握住一个很重要的问题，那就是一定是在同一种色相中拉渐变，这样的按钮效果才自然，当然除了设计师追求一些不一样的效果。

从这张色谱，大家可以看出色相的微妙关系。有利于我们做渐变类型的按钮。

E按钮就是我采用的45度角径向渐变的按钮，是为了说明渐变方式不同最后按钮的最后出现的效果也会不同，就这一点我们设计师可以设计出很多不同形式的按钮。

其它的我会根据我生活中的观察来和大家分享一些生活中的按钮设计，如图所示这个按钮设计是我仿常见的复印机上面的按钮来设计的，这种按钮的设计方法也很简单，但是效果很好。同时也加强了用户对界面的亲切感，更加有利于用户的使用。如下图：

下面这个按钮是我们常见的开关按钮，我只是按照开关的样式，粗糙的画了一个实例，为的就是说明其实在做按钮设计的时候我们参考的实物是很多的，多观察周围的实物往往会得到一些意想不到的收获，并且我们还可以通过简单的艺术效果处理得到不同的按钮效果。如下图：

我觉得界面设计师在做界面设计的时候应该多观察生活中看到的物品，这些都能给界面设计师很大的启发。这篇博文希望得到抛砖引玉的作用，希望大家多多发表自己在做按钮设计的时候总结的方法论。希望和大家一起共同成长！