iOS 支援向量切圖

起因是這一篇 iPhone 6 / 6 Plus 出现后,如何改进工作流以实现一份设计稿支持多个尺寸? 1F 和 2F 的回答。我原本的作法是 1F 的方式:PS + Slicy。不過 2F 的回答很有意思:iOS 支援向量了喔!出 PDF 就好了。

爬了下文(也逼老公去查資料),看到 Stackoverflow 有一篇 Xcode 6 allows VECTOR image assets… any idea how to use them? ,文裡就有實測 .pdf 的效果。

看來以後切圖切的是 @1x .pdf,不用煩惱 @2x @3x 怎麼辦了。

想試試向量切圖嗎?請裝 Xcode6 ,目前 Appstore 上的 Xcode 還是 5,找有開發者帳號的 RD 測吧。

參考 iPhone 6 及 Plus 製圖建議 ,未來應該多是做 1x 的天下了。

(希望 Slicy 快點支援 .pdf 檔!在 Sketch 毛病特多的時候我完全不想去用它啊!)

20150410 補充

非常重要,請參考 Why I don’t use PDFs for iOS assets 一文。

iOS 即使是給它 .PDF 檔,仍然會產出各種尺寸的 .png 切圖給 App 用,這就產生一個問題:由 iOS 轉檔產出的 .png 到達可用等級了沒有?

Why I don’t use PDFs for iOS assets 的實測附圖看起來是 「沒有」!所以想用 .pdf 搞定 iOS 多尺寸切圖還要再等等。

PS.我拒絕回答 Android 可不可以用 .pdf 切圖這個問題。

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close