設計師合作經驗分享(Adnroid)

1. 設計師合作經驗分享
@andyang

2. ANDROID 現況
螢幕尺⼨寸眾多
四吋、五吋、六吋、七吋、九吋、⼗十吋
解析度眾多
DPI(Dots per inch) 眾多
那該怎麼辦？

3. ⼯工程師：靠背想搞死誰 !

4. ANDROID 單位
dp = dip (Density-independent pixel)
px (pixel)
in (inch)
mm (公釐)
pt (inch/72)
sp (Scale-independent pixel)

5. 在不同 DPI 下單位的效果

6. 設計師：你係勒共尛

7. http://possiblemobile.com/wp-content/uploads/2014/01/Android-
Design-Cheat-Sheet-highres.png

8. 那麼 SP 呢？
sp 基本上與 dp 相同
那還需要 sp 做什麼？

9. ⼩小結
dp dip in mm pt 不會受到 dpi 影響
sp 不會受到 dpi 影響，僅受到系統字型⼤大⼩小設定影響
如果不知道怎麼使⽤用
⽂文字使⽤用 sp
其他⽤用 dp

10. 其他建議
fill_parent = match_parent (API level 8 以上)
wrap_content 建議使⽤用
xx dp 盡量避免使⽤用在寬上
weight 權重
元件權重 / 權重總和

11. 其他建議
複雜的排版
Relative Layout Frame Layout 是你的好朋友
簡單的排版
Linear Layout

12. 擁有的武器
ListView、GridView、RecyclerView
Drawer
ViewPager
ToolBar
Dialog
PopupWindow

13. 9.PNG
可以延展的圖⽚片格式
android-sdk/tools/draw9patch
上及左可以延展的部分
下及⼜又內容的區域

14. 如何說服設計師？
設計師是喜好美的動物
給他們看漂亮的設計
跟他們搏感情
把 android guide line 給他們
情況⼀一、他們不看、讓他們聽我們的
情況⼆二、他們看 guide line 也⽤用了。

15. WHAT’S NEXT
SVG (Android 5.0 support)
Vector Drawable
SVG toVector Drawable
AnimatingVector Drawables

16. ANDROID DEVELOPER
就是 MOBILE 的前端⼯工程師 1/2

17. Q&A