設計常規(guī)尺寸系列-UI設計尺寸

時間：2023-09-10 03:06:01 | 來源：網(wǎng)站運營

時間：2023-09-10 03:06:01 來源：網(wǎng)站運營

設計常規(guī)尺寸系列-UI設計尺寸：

一、手機尺寸倍率：

主流Android尺寸：

（如果想做適配ios，那就選720×1280 分辨率72，像素/英寸。

如果單獨設計安卓MD新規(guī)范的，那就新建1080×1920 分辨率72，像素/英寸）

1.mdpi[320x480px]

市場份額少，新手機不會有這種倍率，屏幕通常都特別小。

2.hdpi [480x800px、480x854px、540x960px]

早年的低端機屏幕在3.5英寸檔位-目前很少。

3.xhdpi[720x1280px]

即平常我們看視頻講的720P，設計圖也有人按照此分辨率進行設計。

4.xxhdpi[1080x1920px]，[1440x2560px]

這里強調(diào)：目前1080x1920和2560×1440然后都是xxhdpi，適配難免會有誤差，下邊換算我會再講到即平常我們看視頻講的2K高清，或1080P，高清視頻就需支持此類像素。如今比較常用，設計圖也大多以1080這個尺寸做。

注意：720×1280尺寸的換算關系 1dp=2px，文字1sp=2px。也就是說程序員拿到我們的px單位的標注稿，自己除以2就是dp和sp了。

1080×1920尺寸就是1dp=3px，文字1sp=3px

二、手機字體

自從Ice Cream Sandwich發(fā)布以來，Roboto都是Android系統(tǒng)的默認字體集。在這個版本中，將Roboto做了進一全面優(yōu)化，以適配更多平臺。寬度和圓度都輕微提高，從而提升了清晰度，并且看起來更加愉悅。

字體 Typography

中文字體：思源黑體Source Han Sans / Noto（是一個字體，叫法不同而已）

英文字體：Roboto

注意：安卓的字號單位是SP

三、android界面設計尺寸有哪些?

Android界面尺寸：480*800、720*1280、1080*1920。[單位：像素]/rAndroid比iPhone的寸尺多了很多套，建議取用720*1280這個尺寸，這個尺寸720*1280中顯示完美，在1080*1920中看起來比較清晰，切圖后的圖片文件大小也適中，應用的內(nèi)存消耗也不會過高。

四、android app 界面設計按什么尺寸?

給720*1280的手機設計界面時，app的界面尺寸設計也必須是720*1280的，目前最流行的尺寸

五、ios界面設計尺寸有什么規(guī)范嗎?

iOS界面設計尺寸規(guī)范

1、尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。

2、iPad界面尺寸：

1024*768、2048*1536等。

單位：像素72dpi，在設計的時候并不是每個尺寸都要做一套，尺寸按自己的手機來設計，比較方便預覽效果，一般用640*960或者640*1136的尺寸來設計。Ps：作圖的時候確保都是用形狀工具（快捷鍵：U）畫的，這樣更方便后期的切圖或者尺寸變更。

六、界面基本組成元素：

iPhone的app界面一般由四個元素組成，分別是：狀態(tài)欄、導航欄、主菜單欄、內(nèi)容區(qū)域。

七、Android界面設計中常用的單位有哪些?

效果圖、切圖中的尺寸一般是px，字體大小使用sp，大小、長度使用dp.

八、界面里的小圖標常見的尺寸：

24px、32px，48px等，記住4的倍數(shù)比較好

注意圖標的尺寸要統(tǒng)一尺寸，以眼睛觀察為主調(diào)整尺寸看上去一樣。方形的比圓形的看著要大，需要調(diào)整下。

九、啟動圖標：

1.做1024×1024尺寸，安卓對圖標的樣式?jīng)]有要求，你可以做各種形狀都行，一般做方形無圓角的，各家手機廠商的定制系統(tǒng)會自己加圓角。

2.然后用 IconTemplate 自動切圖一套圖標資源丟給程序員就ok了。

3.界面里的小圖標常見的尺寸：

24px、32px，48px等，記住4的倍數(shù)比較好。

注意圖標的尺寸要統(tǒng)一尺寸，以眼睛觀察為主調(diào)整尺寸看上去一樣。方形的比圓形的看著要大，需要調(diào)整下。

十、引導頁：

值得注意的是引導頁切圖需要單獨設計多套（480×800、720×1280、1080×1920）這個可別傻乎乎的用Cutterman切幾套圖，這就尷尬了。

適配方法3個原則：（不清楚的在網(wǎng)站搜索適配2字）

1.文字流式

2.控件彈性

3.圖片等比縮放







----------
碼字不易，如果這個回答幫到了你，請別忘了雙擊屏幕【點贊】或是【關注】我哦，你的支持，是我持續(xù)更新的最大動力！