微信设计规范

编辑导语：如今，微信已经成为了大家日常必备的社交软件，无论是方便程度还是用户体验，给大家的体验感都不错。在吵得沸沸扬扬之后，iOS版的微信“暗黑模式”终于来了。本文作者带着我们体验微信的细节，看微信 Dark Mode 的设计到底规不规范。前段时间在研究 Dark Mode，业余时间把微信各页面截屏测了一下文本色彩对比

4月7日， 微信 对外宣布发布品牌应用规范，对外公布了包括logo、字体在内的微信品牌形象素材，以期帮助合作伙伴规范微信品牌形象的正确应用，保证品牌完整性和一致性。 根据微信官方设计团队发布的介绍显示，微信主品牌规范包括品牌主标志、文字标志、完整标志、标准字体、标准色彩以及客户端标志。微

腾讯科技讯 4月7日，微信对外宣布发布品牌应用规范，对外公布了包括logo、字体在内的微信品牌形象素材，以期帮助合作伙伴规范微信品牌形象的正确应用，保证品牌完整性和一致性。根据微信官方设计团队发布的介绍显示，微信主品牌规范包括品牌主标志、文字标志、完整标志、标准字体、标准色彩以及客户端标志。微信品牌图形标志微信品牌字体

基于微信小程序轻快的特点，我们（微信官方）拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 说到设计规范，这里有一篇绝对不能错过的： 《内部教程！超实用6

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。预览及说明 预览地址： http://w

写在开头，以表明动机、甩掉一切可能需要承担的责任。说明一下目的： 看到传播很热的微信WeUI，应该说是一种比较简单暴力的表现形式，但落实到设计者进行学习和实操时，具体数值应该会更有参考性； 说明一下过程： 部分数据来自CSS样式，部分数据来自截图后PS测量。 说明一下成果： 数据中类

这是一套非常完整的关于微信H5活动页面设计的UI视觉设计规范教程。希望对那些刚刚从事微信H5界面设计的小伙伴们提供一些帮助。25学堂需要提醒的各位的是这只是微信APP上的H5界面设计，或者是我们自己的APP里面的H5界面设计规范。不是APP的设计规范。 务必理清这个关系。下面的这些是微信H5活动页面的UI设计规范大全：