iOS 支援向量切圖

  • UI 設計
  • 更新:2025-01-26
  • 初版:2014-09-15

起因是這一篇 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 切圖這個問題。

不知道設計卡在哪?

👉 第一次來?從這裡開始

下面這些文章,從不同角度整理那些容易被忽略的地方

wave
試玩 Art Text 3 文字特效工具
試玩 Art Text 3 文字特效工具

Art Text 3 剛上 Mac Store 時我就注意到了,首頁 Banner 輪播很醒目。當時就在官網下載免費試用玩了下,覺得超酷炫,但暫時用不太到的樣子沒買。突然半夜朋友傳訊通知「喂、Art Text 3 降價囉!」,然後就手滑了…(遮臉)

Adobe XD 製圖版面尺寸
Adobe XD 製圖版面尺寸

粉絲團有學生跑來問:「老師~為什麼 Adobe XD 預設的手機尺寸和官方文件數值不一樣啊!?我要聽哪個的?」

呃…這和解析度有關…

px、pt、dp、sp 大混戰
px、pt、dp、sp 大混戰

dpi、ppi、px、pt、dp、sp 之類的名詞釋義網路文章已經有很多,但全部混在一起運用到 Mockup 上時該怎麼處理?

這個問題其實我也爬了滿久的文,沒翻到有比較完整的說法,所以自己整理了一篇。

iOS 11 關於 iPhoneX 的尺寸與版面
iOS 11 關於 iPhoneX 的尺寸與版面

每次 Apple 發表會結束,出現新版的 macOS 或 iOS 時,我都很想仰天大喊「殺~人~喔~」。這次 iOS 11 當然有改新東西,但變化最大的是 iPhoneX 。

發表會一結束就跑去看 Guidelines 是 UI 設計師必備行為。

Akane Lee

Akane Lee

我是 Akane Lee,10 年 UI/UX 設計教學,帶過 1000+ 學員擺脫焦慮,找出人生方向。不只聊設計,也教你怎麼少繞遠路,摔坑也知道怎麼自己爬起來。

Comments

wave
comments powered by Disqus

Press ESC to close