關(guān)于UI設(shè)計切圖規(guī)范和切圖尺寸?
時間:2024-02-07 15:55:01 | 來源:網(wǎng)站運營
時間:2024-02-07 15:55:01 來源:網(wǎng)站運營
關(guān)于UI設(shè)計切圖規(guī)范和切圖尺寸?:
iPhone界面尺寸 iPhone app 圖標啟動圖標做1024×1024尺寸,一般做方形無圓角。然后用
IconTemplate 自動切圖一套圖標資源丟給程序員就ok了。切圖直接切直接不加陰影與圓角。
Android 啟動圖標切圖尺寸常見的字體大小24px、26px、28px、30px、32px、34px,36px等等。
字體中文用蘋方黑,英文用San Francisco,如果安不上也可以用Helvetica代替偶數(shù)的。最小 字號20px。
IOS開發(fā)里單位是pt750×1334尺寸的換算關(guān)系 1pt=2px,也就是說程序員拿到我們的px單位的標注稿,自己除以2就是pt了。
Android安卓系統(tǒng)dp/sp/px換算界面里的小圖標常見的尺寸24px、32px,48px等,記住4的倍數(shù)比較好。
注意圖標的尺寸要統(tǒng)一尺寸,以眼睛觀察為主調(diào)整尺寸看上去一樣。方形的比圓形的看著 要大,需要調(diào)整下
設(shè)計稿實時預(yù)覽安裝一個
Ps Mirror 可以在iphone上實時觀看效果。
標注工具馬克鰻PxCook
Parker標
像素大廚
一鍵標注神器-zeplin
交接給程序最好是一個界面一個文件夾。文件夾里包括:界面效果圖,標注文件圖,切圖資源文件包。
引導(dǎo)頁值得注意的是引導(dǎo)頁切圖需要單獨設(shè)計多套(640×1136、750×1334、1242×2208)這個可別傻傻的用Cutterman切幾套圖,會變得很尷尬。
關(guān)鍵詞:尺寸,規(guī)范,設(shè)計