⑴ 設計微信小程序是按照什麼尺寸做
rpx單位是微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在
iPhone6
上,屏幕寬度為375px,共有750個物理像素,則750rpx
=
375px
=
750物理像素,1rpx
=
0.5px
=
1物理像素。
設備
rpx換算px
(屏幕寬度/750)
px換算rpx
(750/屏幕寬度)
iPhone5
1rpx
=
0.42px
1px
=
2.34rpx
iPhone6
1rpx
=
0.5px
1px
=
2rpx
iPhone6s
1rpx
=
0.552px
1px
=
1.81rpx
微信小程序也支持rem尺寸單位,rem和rpx的換算關系:rem:
規定屏幕寬度為20rem;1rem
=
(750/20)rpx
註:開發微信小程序時設計師可以用
iPhone6
作為視覺稿的標准。
建議:設計稿使用設備寬度750px比較容易計算750px的話1rpx=1px,這樣的話,設計圖上量出來的尺寸是多少px就是多少rpx,至於在不同的設備上實際上要換算成多少個rem就交給小程序自己換算
⑵ ui設計小程序商城尺寸最好是多少
ui設計小程序商城尺寸最好是多少?
1.設計小程序上的輪播圖的圖片是16:9的寬高比例,所以商家在給小程序商城設計輪播圖的時候,盡量按照這個尺寸來選擇。如果有多張輪播圖,建議幾張的輪播圖的尺寸大小保持一致,這樣整體的視覺上看起來就非常美觀、整潔。
2.設計商品圖尺寸,建議詳情圖尺寸:寬度800,高度不限,輸出畫質70%,格式:jpg.
3.目前微信小程序分享圖片分享卡片的圖片尺寸長寬比例是5:4,只要是這樣的比例就可以了,比如50px*40px;100px*80px…設置成這樣的圖片大小,在分享卡片是就不會出現圖片變得扭曲或者寬高被隱藏的問題出現了。另外還需要注意的是,圖片盡量設置成jpg、png等常見格式.
⑶ 小程序商城運營推廣所需的設計和詳情頁是尺寸是多少
一般情況下,一場小程序營銷活動,我們會設計相應的專題頁,如果是當月的大型促銷活動,首頁也會同步更新調整架構內容。
如服裝類,我們會在架構表備注的要求
商品詳情頁:750或800的寬度皆可,適應手機閱讀,高度則根據商品本身實際情況而定,建議單張圖片150-200KB之間比較好,方便用戶下拉圖片時快速載入圖片內容,提升體驗感。
商品活動標:500*500,其實只要是1:1的方圖即可。
=================
以上就是我的分享
如果對你有用,就點個贊吧!予人玫瑰,手有餘香~
⑷ 微信小程序ui設計尺寸規范
小程序開發尺寸是rpx(responsive pixel),可以實現一稿適配所有屏幕尺寸,小程序編譯後,rpx會做一次px換算。換算是以375個物理像素為基準,也就是在一個寬度為375物理像素的屏幕下,1rpx = 1px。這里了解就行,設計稿尺寸375px或750px都沒問題。