一份設計稿可以適配IOS和Android兩個平台?
在工作中,公司為了節省開支,很多互聯網的小公司別說是設計部門了,就是連設計組都沒有,只有一個搞設計的來撐門面。不僅要做兩個移動端平台的設計,還要做網頁設計,同時,還要兼顧運營和平面設計,常常忙得是狗模狗樣,加班加到吐血。
所謂,上有逼迫,下有對策,下裡面就來科普一個偷懶的小妙招。
對於移動端平台,其實,我們只需要輸出一份設計稿就夠了。至於為什麼呢?我是打死也不會告訴你,是因為 IOS 端的750*1334 和 Android 端的720*1280(xhpdi)超級相似性 決定的。
講真,真是不看不知道,一看嚇一跳,他們不僅尺寸特別相近,而且對應的倍率關係也是一樣的,IOS 端的 750*1334是2@, Anroid 端的 720*1280也是2倍,也就是說,這兩個尺寸下,1pt = 1dp/1sp =2px ,簡直了。╭(╯^╰)╮就是這麼任性。
所以,對於兩個平台,只要輸出 IOS 端 750*1334尺寸就夠了,然後就可以向上適配 6/7Plus 的尺寸,向下適配 iPhone4S 的尺寸,橫向再適配 Android 的各種尺寸了。當然,為了確保萬無一失,最後還得根據各平台的不同的規範要求,再稍微做一些適當的調整就完美了。
至於之後的界面標註,因為他們換算關係是一致的,也只需要輸出一套就夠了。但值得注意的是,兩個平台顏色的數值需要分別標註出來 ,這是開發的小哥教的。例如這樣,
至於之後的切圖,也是可以只 提供一套 IOS 切圖 。你只需要跟開發小哥溝通好了就行了。同一個部件的切圖其實是長這樣的,
發現沒有,他們的常用尺寸都是一樣的,所以,一套切圖就能解決問題了。
最後,重點來了,你只需要輸出一份 750*1334 的設計稿 ,就可以完美的解決兩個平台的問題了,一般人我不告訴他, /偷笑
推薦閱讀: