尊敬的会员   
网站首页 >> 综合资讯 >> 文章内容

小程序设计尺寸规范 微信小程序开发界面设计稿尺寸介绍

[日期:2023-11-09]   来源:  作者:   阅读: 0[字体: ]

  小程序设计尺寸规范 微信小程序开发界面设计稿尺寸介绍

  微信小程序开发界面设计指南:

  微信小程序界面应该友好礼貌,重点突出,流程明确,清晰明确,导航明确,来去自如m,减少等待,反馈及时,异常可控,有路可退,便捷优雅,减少输入,避免误操作,利用接口提升性能,统一稳定,视觉规范。

  尺寸如下:微信小程序中css的尺寸单位是rpx,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)例如:iPhone6 1rpx = 0.5px 1px = 2rpxiPhone6s 1rpx = 0.552px 1px = 1.81rpx微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx

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

  如果你心疼你的开发小哥哥,让他少掉点头发,设计稿用750*1334的尺寸。但如果你的开发小哥哥之前老欺负你,那你就看着办吧,他都能搞定。

小程序设计尺寸规范

阅读本文还阅读了

小程序界面美化方法介绍

微信小程序怎么套用同样界面模板详细介绍

BAT小程序不再“小”:同一个网络,连接不同的世界

小程序模板源码大全_免费套用小程序界面设计模板

相关评论
赞助商链接
赞助商链接