1、以通用的144*144px大小的小程序logo尺寸為例，logo主體圖形的大小建議是144*72%，主體圖形需要確保在這個(gè)圓形范圍內(nèi)，若圖形比較特殊，可以根據(jù)視覺感知做大小增減，確保視覺平衡合適即可展示案例由LOGO神器在線設(shè)計(jì) 小程序logo設(shè)計(jì)技巧2精簡顏色數(shù)量 小程序本身定位成為一個(gè)輕量化的工具，所以logo設(shè)計(jì)盡。

2、制作的icon要在50*50px以內(nèi)紅色， 小程序?qū)Ш絠con 周圍系統(tǒng)自留了空間藍(lán)色，此處的小房子icon是34*39px 微信小程序，簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。

3、rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)規(guī)定屏幕寬為750rpx如在 iPhone6 上，屏幕寬度為375px，共有750個(gè)物理像素，則750rpx = 375px = 750物理像素，1rpx = 05px = 1物理像素設(shè)備 rpx換算px 屏幕寬度750px換算rpx 750屏幕寬度iPhone5 1rpx =。

4、1微信小程序發(fā)布商品為了最佳體驗(yàn)效果，注意商品圖尺寸，建議詳情圖尺寸寬度800，高度不限，輸出畫質(zhì)70%，格式j(luò)pg1目前小程序上的輪播圖的圖片是169的寬高比例，所以商家在給小程序商城設(shè)計(jì)輪播圖的時(shí)候，盡量按照這個(gè)尺寸來選擇如果有多張輪播圖，建議幾張的輪播圖的尺寸大小保持一致，這樣整。

5、進(jìn)入后點(diǎn)擊我的小程序點(diǎn)擊編輯小程序，可以對基本信息進(jìn)行修改，比 名稱布局圖標(biāo)等等點(diǎn)擊基本信息，然后修改圖標(biāo)，如圖所示小程序的圖標(biāo)尺寸和大小都是有要求的，144*144，規(guī)格按照要求要求制作完成后上傳設(shè)置完成后點(diǎn)擊發(fā)布，進(jìn)行刷新，在微信上搜索小程序就發(fā)生變化了。

6、rpx是微信小程序中特有的尺寸單位，也是把頁面按比例分割達(dá)到自適應(yīng)的效果規(guī)定屏幕寬為750rpx，就是把屏幕寬度分成750部分，根據(jù)屏幕寬度動態(tài)調(diào)整這個(gè)單位通過對不同屏幕的分辨率進(jìn)行調(diào)整和適配，保證相同元素在不同屏幕上的展示是正常的。

7、1首先打開微信開發(fā)工具，載入需要修改的小程序工程2然后打開appjson頁面，在window下寫下面的代碼，先用color和selectedColor設(shè)置底部菜單點(diǎn)擊前和點(diǎn)擊后文字的顏色3然后在list中設(shè)置兩個(gè)標(biāo)簽，其中使用pagePath和text填寫一下點(diǎn)擊跳轉(zhuǎn)的路徑和選項(xiàng)的名字4最后填寫點(diǎn)擊前的圖標(biāo)和點(diǎn)擊后的圖標(biāo)。

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

9、改為rpx的作用微信底層會根據(jù)屏幕寬度自動調(diào)整標(biāo)簽中 所設(shè)置的尺寸大小，不用我們過問以下圖為例，ui給定的頭像的寬高為90px總結(jié)ui以蘋果6或者蘋果6plus為模板設(shè)計(jì)出來的圖片，px和rpx都需要做運(yùn)算處理，規(guī)律如上，小程序官方文檔建議ui以蘋果6模板作圖我的這篇文章有各種設(shè)備的尺寸信息 手機(jī)。

10、4 在“上線了”注冊賬號并創(chuàng)建小程序時(shí)，可以選擇電商類型的模板，并在后臺編輯頁面添加圖片banner版塊，選擇輪播圖類型，并上傳相應(yīng)的圖片5 建議輪播圖的尺寸為1600*900，以達(dá)到更好的視覺效果您也可以使用“上線了”圖庫中的圖片6 在設(shè)置輪播圖時(shí)，商家可以在圖片上添加簡短的引導(dǎo)轉(zhuǎn)化文字或。

11、小程序里面圖片的添加一般都會有尺寸要求，按照尺寸要求添加既可以了，并不是圖片越大越好，有些不符合尺寸要求的圖片上傳后就會變形，這也會導(dǎo)致圖片模糊。

12、5數(shù)字產(chǎn)品類型選擇界面，選擇小程序，如圖56左側(cè)選擇官網(wǎng)或商城，官網(wǎng)為展示型小程序模板根據(jù)行業(yè)選擇小程序模板，預(yù)覽模板后，點(diǎn)擊選用并點(diǎn)擊確認(rèn)按鈕，如圖6圖77點(diǎn)擊小程序模板頭部區(qū)域，彈出鉛筆圖標(biāo)后，進(jìn)入編輯框替換logo，該模板logo為透明色，請按照系統(tǒng)提示尺寸進(jìn)行上傳，如圖8圖9。

13、360像素寬度乘200像素高度根據(jù)查詢廣力云微信網(wǎng)顯示微信小程序平臺規(guī)定，小程序頭像的尺寸必須為正方形為了保證頭像的清晰度，建議頭像的尺寸為360像素寬度乘200像素高度隨著小程序的普及，越來越多的企業(yè)和個(gè)人開始開發(fā)自己的小程序而小程序的頭像是小程序的重要組成部分之一，它不僅可以直觀地展現(xiàn)。

14、啟動頁除品牌標(biāo)志Logo展示外，頁面上的其他所有元素如加載進(jìn)度指示，均由微信統(tǒng)一提供且不能更改，無需開發(fā)者開發(fā)頁面下拉刷新加載在微信小程序內(nèi)，微信提供標(biāo)準(zhǔn)的頁面下拉刷新加載能力和樣式，開發(fā)者無需自行開發(fā)微信下拉刷新錯(cuò)誤使用案例請避免以下錯(cuò)誤使用情況，確保信息的可見性和頁面的可用性頁面內(nèi)加載反饋開發(fā)者。

15、一般情況下，一場小程序營銷活動，我們會設(shè)計(jì)相應(yīng)的專題頁，如果是當(dāng)月的大型促銷活動，首頁也會同步更新調(diào)整架構(gòu)內(nèi)容如一場品牌專場，我們需要設(shè)計(jì)的內(nèi)容 以一場專題活動為例，說明設(shè)計(jì)的圖片內(nèi)容和常規(guī)尺寸要求如下專題頁頭圖即首頁焦點(diǎn)圖輪播圖尺寸視行業(yè)特性而定，如百貨類生鮮類690*230。