干货！我开发 Android 是如何界面设计的

• 当年，随着 Android 5.0 的面世，Google 也带来了全新的设计规范 Material Design 。第一次看到 Material Design 的应用，简直是太好看了，有没有！
• 下面呢，我将主要介绍一下，我在开发时常用到的一些网站

界面设计

dribbble

• 第一个就不得不提大名鼎鼎的 dribbble，上面都是由众多国内外优秀的设计师或开发者，分享的一些设计效果图，其中一些内容还分享了通过代码实现的方法，代码基本都是托管在 GitHub 上的，很方面我们去学习。

uplabs

• 相对于 dribbble 各种设计都有，而 uplabs 就相对更专注于是面向我们程序猿的设计，包含 Android，iOS，Web 三个方面，如果你像搜索一下，App , icon ,之类的内容，那这个是最合适不过的了。

配色

adobe color

• Adobe 公司为广大设计者，提供的配色大全，哈哈。如果你有设计的基础，或者想自己去调一些颜色，那这个绝对是你的最爱，涵盖了众多颜色，同时还可以自己自定义。譬如说，去调整色域，透明度等等，应有尽有。

colordrop

• 这个是我用的最多的，很简单直接，颜色也特别符合 Material Design,可以选择 HEX 和 RGB 两个颜色格式，不用花心思去找，因为每一种颜色都特别好看。

materialpalette

• 颜色较少，但是基本常用的都涵盖了，而且可以直观的看到搭配出来的效果，这一点很棒！

Pinterest

Material UI

这是一个漂亮的「小抄」，它把所有能提供给你的颜色汇聚在一个页面上供你选择。很不错哦！

Random Material Generator

设计师有时候也会“偷懒”。这个工具会随机搭配好你的设计颜色，自然帮助我们节省了一部分时间。所以，这是把工作交给命运了吧？也挺有趣的啊。

Material Mixer

这也是一种比较实用的工具，它将所有颜色布局在一张紧凑的网格中以便于选择。点击一个主色和重点色就可以预览并生成你的调色板。

Material Colors

这个工具只显示 500 和 A200 色板的颜色。选择不一定要很多，精致的就好！

Tint UI’s Material Design

类似第六种工具，它只显示 Material Design 中的 500 颜色。有选择综合征的设计师们有福了！

Designskilz’s MaterialDesign Colors

这个工具非常简单，它帮助我们将色板中的所有颜色连同他们的正式名称可视化(如。粉红色,浅蓝色,等等)。这样我们就不必思考所选颜色的名字问题。

图标

iconfont

• 阿里巴巴的公开图标库，包括了支付宝，淘宝，天猫等阿里系的全部设计图标，同时还有一些个人设计开发的图标，图标数量特别庞大，可以根据关键字去搜索相应的图标，并且还能自定义颜色。

icon8

• 涵盖了 Android ，iOS , Windows 众多平台的图标，提供多种类型格式下载。有很多有意思的图标，同时还有 windows 版本客户端。

• 作为一只程序猿，我一直觉得，设计对一个软件是很重要的。
• 最近新买了一个数位板，送大家一幅画~

Contact Me

• Email: [e-mail]
• Weibo: UMR80
• GitHub: Werb
• Blog：Werb’s Blog

附录

• 配色不够高大上？10 款 Material Design 专用配色工具助你一臂之力
• 有点小激动，博客访问破十万了……
  
  • 2017年10月03日00:21:27——Notzuonotdied