WeChat · 腾讯出品

微信, 是一个
生活方式超过十亿人, 每天在这里见面

一条语音, 一个红包, 一张照片, 一次转账 — 微信不发明生活, 只是让生活在指尖自然地发生. 跨平台, 免费使用, 简单到不需要说明书.

13亿+月活跃账户
2011年, 第一条消息发出
450亿条消息, 每天
9:41
12 江树 ···
下午 6:02
今晚老地方吃火锅? 我订了七点的位置
好啊, 我刚下班, 路上了
12″
店门口的晚霞, 先到先看
下午 6:47
恭喜发财, 大吉大利领取红包
微信红包
¥88.00那我请锅底, AA 别想了
微信转账
哈哈哈成交, 到了
朋友圈

生活, 给在乎的人看

不是广场, 是院子. 朋友圈只对朋友可见, 点赞和评论也只有共同好友看得到 — 分享不必表演.

1
九宫格, 朋友圈的语法
一张到九张, 不裁剪你的生活. 照片按你拍的顺序排, 没有算法替你挑选.
2
三天可见, 由你决定
展示的范围, 保留的时长, 谁能看谁不能看, 边界始终握在你手里.
3
没有转发, 没有热搜
朋友圈不制造流行, 只承载关系. 这里唯一的推荐算法, 是你的朋友本身.
阿岚
川西七日, 把秋天看完了.
2 小时前··
老周
面包店开业第 100 天. 谢谢每一个回头客.
昨天··
小程序

无需安装, 用完即走

扫一个码, 点一个卡片, 服务就在眼前. 不占内存, 不求关注, 不发通知 — 好的工具应该在完成使命后退场.

最近使用
出行打车
外卖点餐
电影演出
百货商城
快递查询
读书听书
运动健康
生活缴费
超过 450 万个小程序在微信里运行, 平均打开耗时不到 1 秒
支付成功
¥36.80
老地方火锅 (望京店)
支付方式零钱
支付时间今天 21:08
完成
微信支付

一个绿色的对勾
结束一笔账

从菜市场的二维码到跨境消费, 支付被简化成同一个动作: 出示, 确认, 完成. 绿色在微信里很少大面积出现 — 一旦出现, 就意味着 "成了".

收付款码
一张码走遍街头巷尾, 收款语音播报, 摊主不用抬头.
转账与红包
钱跟着对话走. 转账是橙金色的郑重, 红包是节日的仪式.
安全垫底
指纹与面容验证, 延迟到账与冻结通道, 每一笔都有退路.
好的产品用完即走,
走了还会回来.
微信的产品观 — 克制, 是最难的设计
Design System Reference

克制到近乎没有设计

微信的设计语言是 "退后一步": 大面积的白与浅灰把舞台让给内容, 品牌绿只在按钮, 角标和那个支付成功的对勾上出现. 真正的辨识度藏在结构里 — #EDEDED 的聊天背景, #95EC69 的己方气泡, 橙金色的红包, 这些不是装饰, 是十亿人的肌肉记忆.

View DESIGN.md ↗

Color

三层逻辑: 中性灰承载界面, 品牌绿只表达 "确认与完成", 橙金色专属于钱. 颜色越少, 每种颜色的语义越重 — 看到橙色就知道是红包, 看到绿勾就知道钱付出去了.

中性 · 界面的全部底色
纯白画布
#FFFFFF
浅灰面
#F7F7F7
聊天背景
#EDEDED
正文墨
#191919
次级灰
#888888
品牌绿 · 确认与完成
微信绿
#07C160
按压态
#06AD56
己方气泡
#95EC69
绿底衬
#07C160 · 8%
链接蓝
#576B95
功能色 · 钱与警示
红包橙
#FA9D3B
红包渐变
#FBAB53 → #F78F2D
金印
#FCD886
红包封皮
#F6635B
警示红
#FA5151

Typography

系统字优先, Noto Sans SC 兜底. 微信几乎不靠字体表达品牌 — 层级全部来自字号与灰度, 加粗只给关键信息, 数字 (金额) 是唯一被允许放大的主角.

Token样例字号字重用途
--display微信, 是一个生活方式56 / 3.5rem900Hero 主标题
--title-section用完即走38 / 2.4rem900章节标题
--amount¥36.8044 / 2.75rem700金额数字
--title-cell江树16-17 / 1rem500会话名, 导航标题
--body今晚老地方吃火锅?14.5 / 0.9rem400气泡与正文
--caption下午 6:02 · 领取红包11-12 / 0.72rem400时间戳, 辅助说明
--link江树, 老周, 杳杳13-14 / 0.85rem500昵称与链接 (蓝)

Radius

微信的圆角出奇地小: 气泡和头像只有 4px, 按钮 8px. 小圆角是这套语言 "工具感" 的来源 — 它不讨好, 只可靠. 大圆角只留给面板和手机本身.

气泡 · 头像
4px
按钮 · 卡片消息
8px
小程序图标
12px
浮层卡片
16px
面板
24px
角标 Pill
999px

Components

三个原子: 绿色实心按钮 (唯一主操作), 列表 Cell (微信一切设置页的骨架), 聊天气泡 (双色双向). 红点和数字角标是整套系统里最强烈的视觉信号 — 所以才必须最小.

Buttons & Tags
绿色主操作 浅灰次操作 描边按钮
已完成 红包 #话题 99+
List Cell
新消息通知
朋友圈权限
支付安全已开启 ›
Bubbles
对方气泡 · 白
己方气泡 · #95EC69
下午 6:02

Voice & Tone

微信的文案像它的界面一样寡言: 不感叹, 不催促, 不解释自己. 一句 "是一个生活方式" 说了十几年, 因为没有更短的说法了.

寡言
"微信, 是一个生活方式" — 主语加判断, 没有形容词.
按钮只写动词: 完成, 发送, 领取.
能不说的, 一个字都不说.
工具的谦逊
"用完即走" 把退场写进产品观.
不推送 "快回来看看", 不做开屏广告.
不打扰, 是工具对人最高的尊重.
仪式感只给人情
"恭喜发财, 大吉大利" 是全系统最热烈的一句话.
克制的另一面: 该有温度的地方, 绝不冷淡.
钱的颜色是橙金, 因为那是人情的颜色.
View source ↗