之前都是以 iOS 為設(shè)計(jì)基礎(chǔ)，這次嘗試下 Android UI Material Design.
因?yàn)椋窼ketch」推薦使用1倍基準(zhǔn)尺寸來(lái)設(shè)計(jì)，所以這次選用市面上常見(jiàn)的 Android 手機(jī)尺寸的一半，即 360x640 尺寸創(chuàng)建 Artboard.
- 很方便的是，「Sketch」給我們提供了大量的 Material Design Template（果然是為移動(dòng)而生的設(shè)計(jì)軟件），包括頂部的 Status Bar 和底部的 Nav Bar.
Template
Frame
- 接下來(lái)可以用「Duplicator」插件，生成多個(gè)矩形，如下圖。其中，Android UI 采用的字體是 Roboto, 插件和字體的下載鏈接如下：
https://github.com/turbobabr/Duplicator
http://pan.baidu.com/s/1kTTyL1P 提取密碼是 mrzv
All Bugs Page
- 另一個(gè)頁(yè)面是詳情頁(yè)，這個(gè)頁(yè)面的框架及字體也是 Android 一體的。這個(gè)頁(yè)面需要注意的是布局排版整齊，建議在拖動(dòng)圖層位置的時(shí)候按住「Option」鍵，就可以顯示距離數(shù)值。另外，頁(yè)面底部的波浪形用 Vector 工具繪制。
Details Page
