UI 設計筆記尺寸篇:APP 尺寸、icon 尺寸、上架圖、推播圖

UI 設計筆記尺寸篇:APP 尺寸、icon 尺寸、上架圖、推播圖

更改解析度後按下確定,可以看見畫布變超大,圓形和文字的 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.上架圖

相关手记

365APP 国内十大优质桃子产地排行 全国有名的10大桃子推荐→MAIGOO生活榜
菠菜365定位 亚洲渔港亚食联:可能是唯一盈利的生鲜电商
菠菜365定位 连接到icloud时出错

连接到icloud时出错

07-18 👁️ 1434
beat365手机版客户端ios 手抓饼酱配方

手抓饼酱配方

07-27 👁️ 6210
365APP 黑芝麻汤圆

黑芝麻汤圆

06-29 👁️ 631
菠菜365定位 《lol》鳄鱼皮肤手感排行一览