iOS 解析度製圖設定

有人跟我提到:「iOS 在 psd 設計時解析度建議設為 144,這樣文字大小才會是正確的」。當年 iPhone4 剛出的某個晚上我和老公躺在床上聊 iOS 變 2x 了會遇到什麼狀況。聊著聊著兩人就槓上吵架了,也不管當時是凌晨兩點,通通爬起來開燈開電腦,一個翻出 Photoshop、一個翻出 Xcode,打字、設定字型字級、拿出 iPhone 設定一樣的字型字級。之後,我的製圖習慣一直使用 72 dpi

這張圖應該很清楚了,都設定 Arial Bold 20pt 。由左到右分別是:

做大縮小派

640x1136 144 。根本是陷阱卡!

  1. 要給 RD 的所有數據都要自己手動除以 2,但是字級不能除實報實銷。
  2. 標示文件要以 1x 給 RD,整個 PSD 檔縮小 50% 後,20pt 的字剩 10pt。
  3. 不管它,全部標 2x、叫 RD 自己換算…你確定 RD 會記得所有間距、尺寸什麼的數字都要除以 2 、就字級不要動?
  4. @3x 出現了…

做大縮小圖會比較精緻,如果你是腦袋清楚的設計師當然可以這樣做,但稍不注意就會出包。設計師自己出標示文件當然要怎麼做都可以,如果是扔原始檔給 RD 叫他自己看的話…大家都是出來混口飯吃的,不要設陷阱給 RD 踩吧。

(可以設定 640x1136 72dpi,標示文件全部都在縮小為 1x 後才開始標數值。以前我跟流行做大縮小的時候是這樣處理的。)

不幸的是,如果專案同時要出 Android 和 iOS 、甚至共用同個原始檔(唉),又設了 144dpi :

  1. iOS 字級單位用 pt,只有在 72dpi 下,1pt=1px。
  2. Android 的 dp、sp 單位公式搞懂了嗎?

全部混在一起講就是 WTF…(頭腦清楚的設計師當然一點問題也沒有),如果自己不那麼理解,為什麼要走這麼難搞的路線?(我是動作很快但容易粗心漏東西的人,知道自己缺點就要想辦法減少出包率啊!又不是腦袋被門夾了喜歡一錯再錯。)

做小放大派

320x480 72。最安全,什麼換算問題都不會出現,輕鬆簡單。現在出現 @3x 了,什麼數值都要是 3 的倍數就頭大。做小吧做小。(有人跟我抱怨做小放大圖會很醜…先求不出錯再來討論圖醜不醜的問題吧,做得很漂亮可是 RD 不能用,能幹嘛?)

順便打一下廣告


RainFont
https://itunes.apple.com/tw/app/rainfont/id861338293?l=zh&mt=8

這是我和老公一起做的字級表 App ,如果你覺得這個 Blog 不錯,歡迎支持下這個 App,請我們喝杯紅茶。(寫一篇文要花很久的時間,卻得累積更久的心酸血淚才能學到這些經驗。)

Akane Lee

Akane Lee

幫助你快速學會 UI/UX 實用技巧,結合理論與實作,短時間內擺脫設計瓶頸,讓你每個專案都能交出滿意的成果!

Comments

wave
comments powered by Disqus

Press ESC to close