APP设计小技巧：如何进行APP按钮设计与排版

今天25学堂跟大家聊聊APP当中最常见的一个设计元素 ：按钮。 如今在移动app设计当中，图标和按钮已经愈来愈相近了。有些时候，图标也就是一个按钮。

按钮和图标的排版设计也是一门学问，不一样的排版就会有不一样的视觉结果。 如果对设计的细节不重视，有可能让我们原本完美的产品变的平庸，比如像按钮、Tab这些简单的界面元素也是需要排版的，因为用户可能每天都会点击N次。

我们下面就来分析和学习下如何进行好的app按钮设计和排版学习。

先来欣赏一些比较好的app设计按钮以及设计的思路。

第一个案例：社交类APP当中的按钮设计。

 

以上这个APP界面，最醒目的地方就是 漂亮的按钮。这样的APP按钮是直接吸引用户点击交互的。而且按钮的排版和整个元素的排版都是居中的，属于UI设计当中的中轴式布局。大气稳重。

 

第二个案例：电商APP当中的按钮设计

这是国外一个非常不错的卖儿童服装的一款APP设计界面。25学堂给大家截图的这2个界面是一个购物车的界面设计。希望大家可以好好的看下。

此款APP的按钮设计非常的丰富。 各个元素基本都是由按钮来组成和布局排版的。

而且设计的非常贴心和易用。 你们觉得的呢？

看到满意的只要打钩就行。最后一个大的按钮键点击添加到购物车。

值得我们学习的指数：☆☆☆☆☆

 

第三个按钮设计案例：理财app的块元素按钮设计

这样的app按钮布局和排版，应该说我们最常见的，也是我们最常用的一种方式。特别是app的首页按钮设计。

其实这样的宫格式的设计也是属于app按钮设计范畴。相比我们之前2个的按钮，没有那么明显。但是这些其实是按钮的演变。

 

最后，25学堂也为大家收集了一款APP按钮设计的PSD源文件素材。

全套简约风格的psd按钮素材下载

当然，之前25学堂也分享了 手机APP设计规范：图标和按钮视觉设计规范 和 小清新UI按钮，UI播放器界面，UI进度条元素设计 资源下载。