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

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

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

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

界面设计

dribbble

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

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

uplabs

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

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

配色

adobe color

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

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

colordrop

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

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

materialpalette

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

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

Pinterest

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

Material UI

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

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

Random Material Generator

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

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

Material Mixer

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

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

Material Colors

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

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

Tint UI’s Material Design

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

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

Designskilz’s MaterialDesign Colors

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

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

图标

iconfont

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

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

icon8

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

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

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

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

Contact Me

附录

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