更改解析度後按下確定,可以看見畫布變超大,圓形和文字的 px 變了,但 pt 不變
Zoom image will be displayed做了這麼多,其實只是想講 pt 不會因解析度而改變;以前的我做平面設計的機會比較多,花了很久才體會出來啊!也可以看看以下這幾篇:
徹底理解 UI 及 Web 的尺寸單位:基本觀念iOS 的 pt、CSS 的 pt、Android 的 dp、ppi、px⋯⋯這些單位和名詞到底是什麼?該如何使用?medium.com
http://blog.fourdesire.com/2014/12/11/ta-zhen-de-bu-shi-wo-xiong-di-xiang-su-gen-dian-da-bu-tong/
改用 Sketch 的話,畫布都幫你設好了、也可以幫你自動切圖,上面的一切都可以忘掉!(欸)
1–2. Android
Android 手機的尺寸實在太多了;目前公司是小公司,可能沒時間做那麼多的版本,所以折衷的做法是鎖定一個主流尺寸為先行的版本,做大
Zoom image will be displayedhttps://developer.android.com/about/dashboards/index.html#Screens公司採用的尺寸為 1920x1080(xxhdpi) ,順帶一提大部分的設計軟體裡沒有 Android 的使用的單位 sp/dp ;況且,若是想將六種尺寸都做齊,豈不是一個 icon 就要切六張圖?所以我使用 Zeplin 自動生成標示與切圖,一次解決以上兩個問題(偉哉 Zeplin )
2.icon 尺寸人比較懶,做 1536 x 1536 的圖,直接餵:
https://makeappicon.com/
請注意,iOS 會將 icon 圖自動切成圓角,但 Android 不會,若想將兩個平台都用同樣 icon,請將 Android 的圖先做成圓角
3.推播圖Zoom image will be displayedAndroid 需要圓形的推播圖,我會將小圖做一些調整和測試,故分開來講
4.上架圖