初试 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容