UI設計-從設計效果圖到輸出UI切圖(安卓版)

iOS 文章 蘋果公司 手機 斌斌UI 2017-05-26

昨天的一篇文章 UI設計-從設計效果圖到輸出UI切圖網友@阿小夏留言問,怎麼沒有android的設計效果圖到輸出UI切圖?本著認真負責的態度,還是把安卓也補進來,兩期連起來做個全套的吧。


Android不像iOS,蘋果產品就那麼幾個,設計時候按照750*1334px做,@2x,@3x就都有了。其實,Android和iOS比,最難的也就是設計尺寸問題了。什麼idpi、xxhdpi,hdpi搞得頭暈。

那安卓怎麼辦?發文章之前,特意問了設計部一位常做安卓設計的同事。找了幾個經驗型的結論給大家


1.按照大吃小的原則,從Xdpi出發

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

UI設計-從設計效果圖到輸出UI切圖(安卓版)

好了,今天就給大家說到這裡吧,如果小夥伴們有什麼想問的,或者您是技術大牛有什麼想告訴大家的,歡迎留言告訴我。我會盡量滿足大家的要求。

相關推薦

推薦中...