微信网页ui设计规范，微信网页ui设计规范要求

金生昨天 85

默认

摘要： 要在微信公众号平台上做个链接活动,界面设计尺寸应该设为多大的呢?_百...*200，多图文的非首个图文是200*200.然后正文内图片规格也是200*200.但是这会给设计图片的...

要在微信公众号平台上做个链接 活动,界面设计 尺寸应该设为多大的呢?_百...

*200，多图文的非首个图文是200*200.然后正文内图片规格也是200*200.但是这会给设计图片的时候带来不便，建议可以都放大一倍。用720*400 400*400 当然你用其他的尺寸也可以的。只是比例最好是接近。特别是封面图，要不就会被系统自动压缩，看起来就不美观了。正文图倒是随便一点都可以。自适应屏幕的。

微信公众平台图片尺寸要求为：封面图片：一级为900像素x500像素（宽x高），二级图片为200x200像素，格式为jpg，png，gif，文件大小5M以内。上传后会自动压缩到宽640像素。正文里图片：官方没具体尺寸限制，一般宽度设为900像素，高度任意，格式和文件大小同封面图片，支持动态gif图片。

第一步：制作900*383尺寸的公众号封面首图。打开比格设计官网，选择尺寸为900*383的公众号封面首图模板，编辑并下载至本地。第二步：制作500*500或1：1比例的封面次图。在比格设计的公众号封面次图模板中，选择相应尺寸的模板进行编辑，下载至电脑。第三步：将首图和次图横向拼接为一张。

微信公众号设计规范要求标题字数控制在15字以内，避免超过一行，字体选用微软雅黑。正文采用14号字，小标题应设置为16号并加粗，注释使用12号字。行间距设置在5至75倍之间，字间距保持为1，文字布局两端对齐，首行无需缩进，段落间距空出一行。注意避免文字颜色超过三种，确保有适当的空白空间。

首先我们要知道，封面图的两个尺寸，微信公众号改版后的长图封面尺寸是 900*383 px，二级封面（也就是正方形封面图）尺寸为 200*200 px。改版后的公众号后台，如果选择从正文图片中选择封面，会自动过滤像素不足的图片。

**制作图片**：首先，使用如photoshop、Canva或在线设计平台（如比格设计）等工具，分别制作两张符合微信公众号封面图尺寸的图片。主图推荐尺寸为900x383像素，次图（如正方形小图）可以是500x500像素或其他适合拼接的尺寸。 **拼接图片**：接着，将制作好的两张图片进行拼接。

微信小程序UI规范

1、统一的视觉规范包括字体、列表、表单输入等元素的设计。字体规范提供了常用字号和颜色指导，列表视觉规范确保了列表的可读性和一致性。表单输入视觉规范保证了输入区域的清晰性和用户友好性。总之，微信小程序UI规范强调了设计中的关键原则，旨在为用户提供高效、流畅、一致的使用体验。开发者应遵循这些原则，确保小程序在微信生态中的良好表现，实现与用户的共赢。

2、首先在微信系统内的所有小程序的全部页面，均会自带微信提供的导航栏，统一解决我在哪，如何回去的问题。在微信层级导航保持体验一致，有助于用户在微信内形成统一的体验和交互认知，无需在各小程序和微信切换中新增学习成本或改变使用习惯。

3、微信小程序设计指南全面解析，带你掌握UI设计规范要点。微信小程序作为新兴的应用形式，它以无需下载、即扫即用的特性革新了用户体验。设计小程序时，遵循的核心理念是简洁、易用和一致性，旨在保障用户在微信生态中的高效交互，同时满足各种需求，实现用户与开发者双赢。

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