⑴ 设计微信小程序是按照什么尺寸做
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都没问题。