小程序的程序尺寸（小程序尺寸设计规范）

成都软件开发 05-31 36 抢沙发

默认

摘要： 本文目录一览：1、小程序设计,不得不说的7个坑2、微信小程序ui设计尺寸规范...

本文目录一览：

1、小程序设计,不得不说的7个坑
2、微信小程序ui设计尺寸规范
3、ui设计小程序商城尺寸最好是多少?
4、设计微信小程序是按照什么尺寸做?

小程序设计,不得不说的7个坑

1、其中企业版微信小程序是微信官方来审核，入驻门槛偏高，比如审核周期较长及上线速度比较慢，但顺利上线后，可以直接在微信中搜索展示，曝光率相对较高；而同城优选小程序虽然展示位置相对不那么明显，但门槛也比较低，如在资料上传完成后，由我们平台来审核资质，上线比较快。

2、小程序第三方平台模板当然并不是所有号称用小程序模板的公司，都是设置的骗局。但是确实网上有不少第三方平台，开始对有需求的用户释放‘高性价比’的信息，号称只要用户使用自己的模板，自己就可以很简单地设置好自己的微信小程序，费用仅仅是‘模板费’，其它的全是附送。

3、设计稿最好用二倍图UI设计师都喜欢用一倍图，但为什么用一倍图，方便适配是表面现象，真正原因是开发用的开发工具支持一倍图开发，开发不用再换算数值了。而小程序的开发工具不支持一倍图开发，支持二倍图开发。小程序里的尺寸单位叫 rpx，可以根据屏幕宽度进行自适应。

4、欺诈行为小程序游戏中，一些不良开发商可能会设置虚假的广告或奖品，诱导玩家点击。一旦点击，可能会导致个人信息泄露、手机中毒甚至财产损失。

微信小程序ui设计尺寸规范

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。这里了解就行，设计稿尺寸375px或750px都没问题。

在微信提供的标准组件库中，各种控件元素均已考虑到了页面点击效果以及不同屏幕的适配，因此再次推荐使用或模仿标准控件尺寸进行设计。

**导航明确**：微信提供导航栏，开发者需规定页面跳转关系，确保合理工作。导航区控制程序页面进程，目前有深浅两种配色。 **自定义颜色**：小程序导航栏支持基本的背景颜色自定义，选择颜色需和谐搭配图标。

由于腾讯给开发者规定的小程序大小不能超过1MB，可以承载的内容有限，因而小程序要做到尽可能的简单。思途门票小程序用起来十分方便，能够随时随地查询购买门票了。在搜索框里输入想要查询的景点，即可瞬时购买相关门票，节省用户时间。由于小程序不足1MB，操作过程中页面跳转速度也很快。

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

如服装类530*650。其他小程序推广页分别为：弹窗图530*650，浮窗海报750*259，会场转发图500*400 如服装类，我们会在架构表备注的要求商品详情页：750或800的宽度皆可，适应手机阅读，高度则根据商品本身实际情况而定，建议单张图片150-200KB之间比较好，方便用户下拉图片时快速加载图片内容，提升体验感。

小程序详情页尺寸是750*1600*1400 你在设计稿件中可以把图片做成750px宽，而高度，我建议你做成1600，然后掐头去尾留1400高度作为画布的高度。并且要求考虑到屏幕变长变短后UI是否可以适应。(这个和设计自适应网页一致)为什么要这样做？不同手机高度是不相同的。