小程序設(shè)計(jì)尺寸規(guī)范 微信小程序開發(fā)界面設(shè)計(jì)稿尺寸介紹

　　微信小程序開發(fā)界面設(shè)計(jì)指南：

　　微信小程序界面應(yīng)該友好禮貌,重點(diǎn)突出,流程明確,清晰明確,導(dǎo)航明確，來去自如m,減少等待，反饋及時(shí)，異常可控，有路可退，便捷優(yōu)雅，減少輸入，避免誤操作，利用接口提升性能，統(tǒng)一穩(wěn)定，視覺規(guī)范。

　　尺寸如下：微信小程序中css的尺寸單位是rpx，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個(gè)物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。設(shè)備rpx換算px (屏幕寬度/750)px換算rpx (750/屏幕寬度)例如：iPhone6 1rpx = 0.5px 1px = 2rpxiPhone6s 1rpx = 0.552px 1px = 1.81rpx微信小程序也支持rem尺寸單位，rem和rpx的換算關(guān)系：rem: 規(guī)定屏幕寬度為20rem；1rem = (750/20)rpx

　　小程序開發(fā)尺寸是rpx（responsive pixel），可以實(shí)現(xiàn)一稿適配所有屏幕尺寸，小程序編譯后，rpx會(huì)做一次px換算。換算是以375個(gè)物理像素為基準(zhǔn)，也就是在一個(gè)寬度為375物理像素的屏幕下，1rpx = 1px。這里了解就行，設(shè)計(jì)稿尺寸375px或750px都沒問題。

　　如果你心疼你的開發(fā)小哥哥，讓他少掉點(diǎn)頭發(fā)，設(shè)計(jì)稿用750*1334的尺寸。但如果你的開發(fā)小哥哥之前老欺負(fù)你，那你就看著辦吧，他都能搞定。

閱讀本文還閱讀了

小程序界面美化方法介紹

微信小程序怎么套用同樣界面模板詳細(xì)介紹

BAT小程序不再“小”：同一個(gè)網(wǎng)絡(luò)，連接不同的世界

小程序模板源碼大全_免費(fèi)套用小程序界面設(shè)計(jì)模板