小程序的ui框架尺寸

小程序的 UI 设计指南在小程序官方文档中均有介绍，以微信官方设计文档为参照：

1、 小程序布局：小程序的布局主要采用块察大状结构进行布局，优先采用卡片、列表或网格等布局方式；

2、 小程序 UI 调色：小程序的 UI 调色使用典型的灰色调子，较亮的颜色基调使用明度较浅的颜色余巧；

3、小程序 UI 尺寸：败毁竖采用 1080px 宽，720px 高的界面设计尺寸，控件尺寸以 8px 为基准单位，即每个控件的间距需以 8px 设计；

4、 小程序 UI 字号：字体最大尺寸 36px，最小尺寸 24px，中等字体尺寸使用 30px。

ui设计小程序商城尺寸最好是多少？

1.设计小程序上的轮播图的图片是16:9的宽高比例,所以商家在给小程序商城设计轮播图的时候，尽量按照这个尺寸来选择。如果有多塌颤扒张轮播图，建议几张的轮播图的尺寸大小保持一致，这样整体的视觉上看起来就非常美观、整洁。

2.设计商品图尺寸，建议详情图尺寸：宽度800，高度不限，输出画质70%，格式:jpg.

3.目前微信小程序分享图片分洞帆享卡片的图片尺寸长宽比例是5:4，只要是这样的比例就可以了，比如50px*40px；100px*80px…设置成这样的图片大小，在分享卡片是就不会出现图片变得扭曲或者宽高被隐藏的问题团昌出现了。另外还需要注意的是，图片尽量设置成jpg、png等常见格式.

1、 附近的小程序广告

附近的小程序是微信开放的关键流量入口，同时开放了广告投放渠道。广告位是在附近小程序的第三并首行，点击即可打开对应的小程序。

2、聊天小程序

把小程序任何一个页面分享到群，在群聊天信息页面可以查看 10个 被分享到群的小程序，方便群成员在有需求时方便快捷找到你的小程序，这也是小程序打通微信社群的一大妙招。

3、小程序商店

通过付费或其他方式将小程序投放至小程序商店，起到一定的宣传推广效果。

4、地推

对于部分小程序而言，地推或许是最贴近用户场景的推广方式，线下以小程序码的方式，通过宣传物料等推广小程序。诸如：餐饮，鲜花，美容，健身....等等线下门店。好处在于，见效快，现场快速转化源裂。

5、公众号资料页绑定雹蔽闭相关小程序

小程序和公众号进行关联，当用户关注你的公众号时，就能看到位于显眼位置的相关小程序，点击可直接跳转到小程序。

6、公众号文章插入小程序名片

「公众号 + 小程序」就是在自己的公众号文章里面插入小程序卡片，这是一个长期的过程，前期效果取决于公众号本身的粉丝留存量。

7、 公众号菜单关联小程序

在公众号自定义菜单插入小程序连接，引导粉丝访问。

---