Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

設計師合作經驗分享

685 views

Published on

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

Published in: Engineering

設計師合作經驗分享

  1. 1. 設計師合作經驗分享 @andyang
  2. 2. ANDROID 現況 螢幕尺⼨寸眾多 四吋、五吋、六吋、七吋、九吋、⼗十吋 解析度眾多 DPI(Dots per inch) 眾多 那該怎麼辦?
  3. 3. ⼯工程師:靠背想搞死誰 !
  4. 4. ANDROID 單位 dp = dip (Density-independent pixel) px (pixel) in (inch) mm (公釐) pt (inch/72) sp (Scale-independent pixel)
  5. 5. 在不同 DPI 下單位的效果
  6. 6. 設計師:你係勒共尛
  7. 7. http://possiblemobile.com/wp-content/uploads/2014/01/Android- Design-Cheat-Sheet-highres.png
  8. 8. 那麼 SP 呢? sp 基本上與 dp 相同 那還需要 sp 做什麼?
  9. 9. ⼩小結 dp dip in mm pt 不會受到 dpi 影響 sp 不會受到 dpi 影響,僅受到系統字型⼤大⼩小設定影響 如果不知道怎麼使⽤用 ⽂文字使⽤用 sp 其他⽤用 dp
  10. 10. 其他建議 fill_parent = match_parent (API level 8 以上) wrap_content 建議使⽤用 xx dp 盡量避免使⽤用在寬上 weight 權重 元件權重 / 權重總和
  11. 11. 其他建議 複雜的排版 Relative Layout Frame Layout 是你的好朋友 簡單的排版 Linear Layout
  12. 12. 擁有的武器 ListView、GridView、RecyclerView Drawer ViewPager ToolBar Dialog PopupWindow
  13. 13. 9.PNG 可以延展的圖⽚片格式 android-sdk/tools/draw9patch 上及左可以延展的部分 下及⼜又內容的區域
  14. 14. 如何說服設計師? 設計師是喜好美的動物 給他們看漂亮的設計 跟他們搏感情 把 android guide line 給他們 情況⼀一、他們不看、讓他們聽我們的 情況⼆二、他們看 guide line 也⽤用了。
  15. 15. WHAT’S NEXT SVG (Android 5.0 support) Vector Drawable SVG toVector Drawable AnimatingVector Drawables
  16. 16. ANDROID DEVELOPER 就是 MOBILE 的前端⼯工程師 1/2
  17. 17. Q&A

×