无设计开发漂亮App

作为一个纯技术码农，不会设计，也不会PS。开发App只能利用系统控件，界面看起来各种土气。这篇文章说说怎么在没有设计师帮助的情况下开发漂亮App。

Material design

Google 在设计上第一次发布最全面的设计指南。可以看成是 UI 上的设计模式，是一个UI框架。Material design 把框架搭建好了，往里面填内容可以了。也可以看这个中文同步翻译版。现在基本上推崇的是扁平化，街面上表现的基本上纯色块，不需要借助PS软件，代码就可以搞定了。

另外，这里有个 Material design 调色板，可以选定你的App的主色调，然后自动生成一系列颜色的颜色值。

Google想的更周到，怕你不会画icon，提供了全套的官方 Material design 风格的 icon，基本上你需要的常用icon都能在这里找到。提供 Android 版本 icon（hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi）和 iOS 版本 icon（@1x、@2x和@3x），还有网页 svg 版本。可以在这里打包下载，也可以在这里预览一下所有的icon。

这里有一个 Android Studio 插件，让你方便把MD图标加入到你的项目中。

Android Bootstrap

Bootstrap 本来是 Twitter 发布的一个开源的CSS前端框架，Bearded-Hen 把它移植到了 Android 上了，目前提供了Bootstrap风格的 Button 和 Edite text 和 ImageView。还有特别值得一提的是 font awesome texts。Font Awesome 是一个开源的 icon 化的字体，目前包含 479 个 icon，这些 icon 实际上是字体，这意味着你可以想处理文字一样，随意设置 icon 的大小和颜色。从上面的图片中你就能看出来。上面的效果全部是代码实现，不需要任何PS设计。