初试 Android UI Material Design

之前都是以 iOS 为设计基础，这次尝试下 Android UI Material Design.

因为，「Sketch」推荐使用1倍基准尺寸来设计，所以这次选用市面上常见的 Android 手机尺寸的一半，即 360x640 尺寸创建 Artboard.

---

• 很方便的是，「Sketch」给我们提供了大量的 Material Design Template（果然是为移动而生的设计软件），包括顶部的 Status Bar 和底部的 Nav Bar.

Template

Frame

• 接下来可以用「Duplicator」插件，生成多个矩形，如下图。其中，Android UI 采用的字体是 Roboto, 插件和字体的下载链接如下：

https://github.com/turbobabr/Duplicator
http://pan.baidu.com/s/1kTTyL1P 提取密码是 mrzv

All Bugs Page

• 另一个页面是详情页，这个页面的框架及字体也是 Android 一体的。这个页面需要注意的是布局排版整齐，建议在拖动图层位置的时候按住「Option」键，就可以显示距离数值。另外，页面底部的波浪形用 Vector 工具绘制。

Details Page