├── docs
└── WeChat
│ ├── untitled.md
│ ├── WeChat_8.0.33图标汇总.md
│ ├── 图标设计尺寸解释.md
│ ├── Themebox主题盒子适配+config配置说明.md
│ ├── WeChat_8.0.54图标汇总.md
│ └── WeChat_8.0.54及以上图标汇总.md
├── images
└── 标题图.png
├── .gitignore
└── README.md
/docs/WeChat/untitled.md:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/WeChat/WeChat_8.0.33图标汇总.md:
--------------------------------------------------------------------------------
1 | # 该部分缺少维护他的勇士。你会是吗？
--------------------------------------------------------------------------------
/images/标题图.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AidenYang1/ThemeDocs_WeChat_For_Themebox/HEAD/images/标题图.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .DS_Store?
3 | */.DS_Store
4 | *.swp
5 | ._*
6 | .Spotlight-V100
7 | .Trashes
8 | Icon?
9 | ehthumbs.db
10 | Thumbs.db
11 |
--------------------------------------------------------------------------------
/docs/WeChat/图标设计尺寸解释.md:
--------------------------------------------------------------------------------
1 | # 图标设计尺寸解释
2 | ## PNG素材
3 | 在 iOS 开发中，**2x 和 3x 图像资源是需要分别设置的**，因为不同设备使用不同的屏幕分辨率倍数。只设置 `3x` 是不够的，因为运行在 `2x` 屏幕分辨率的设备上会导致图像模糊或缺失。
4 |
5 |
6 |
7 | ### 1.为什么需要分别设置 `2x` 和 `3x`？
8 |
9 | 1. 屏幕分辨率差异
10 |
11 | • iOS 设备有不同的屏幕分辨率倍数：
12 |
13 | • **2x**：常见于 iPhone SE (2nd generation)、iPhone 8等非 Retina HD 设备。
14 |
15 | • **3x**：常见于 Retina HD 设备，如 iPhone 13 Pro、iPhone 14 Pro。
16 |
17 | • 如果只设置 `3x`，运行在 `2x` 设备上的图像可能会被强制缩小，导致模糊。
18 |
19 |
20 |
21 |
22 | 2. 兼容性和用户体验
23 |
24 | - 提供设备分辨率匹配的图像，系统`无需缩放`，显示效果最清晰。
25 | - 使用适配的图像可以`减少图像解码和缩放的额外计算`，提升应用性能。
26 | - 直接提供输出的 `2x` 和 `3x` 图像，确保每种分辨率下的视觉效果一致。
27 |
28 |
29 |
30 |
31 | ---
32 | ### 2.如何正确配置 2x 和 3x 图像？
33 |
34 | iOS 使用`后缀`来区分分辨率倍数的图像资源：
35 |
36 | • **2x**：image@2x.png
37 |
38 | • **3x**：image@3x.png
39 |
40 |
41 |
42 |
43 | ---
44 | ### 3.如何快速设置2x、3x尺寸图像？
45 | 你可能头疼还要单独设计两个尺寸，这么多素材不得熬夜赶工。实际上，使用现代原型设计工具`Sketch`、`Axure`、`Figma`等只需要知道图标的`基本尺寸`即可。在ios开发中标准化设计流程都是通过设计基本尺寸`1x`的`矢量素材`，设计`基本尺寸`下的图标和素材，导出时配置统一添加`后缀`、`多比例缩放设置`，打包自动生成`@2x`、`@3x`尺寸的两份图像。（正如我所说，你只需要关注设计本身）
46 |
47 |
48 |
49 |
50 |
51 | ---
52 | ### 4.我可以只设置3x尺寸让其等比例缩放吗?
53 |
54 | 在 iOS 中，缩放通常是等比例的，但即便是等比例缩放，仍然可能导致以下问题：
55 |
56 | - 即使是等比例缩放，从更高分辨率（如 3x）缩小到 2x 时，细节可能会丢失，图像会显得模糊，尤其是小图标或文字较多的图片。
57 | - 锯齿现象：如果图像边缘的像素不够平滑，从 3x 缩放到 2x 时可能会出现锯齿。
58 | - 文件大小不优化：3x 图像的文件大小通常比 2x 图像大得多，而在 2x 设备上使用 3x 图像会增加内存占用和加载时间，浪费资源。
59 | - 小型图标和 UI 元素在缩放后，细节（如线条、圆角）可能会失真。
60 |
61 |
62 |
63 | > 这是偷懒的做法，你可能觉得设计2x浪费时间，但记住使用现代设计工具，不要傻傻的，也没人手动单独设计2x和3x尺寸的素材。所以，不要纠结这个问题。
64 |
65 |
66 |
67 |
68 | ---
69 | ### 5.只能提供 3x 图像怎么办？
70 | 在制作主题时，你可能无法准确的肯定某一素材的原始基本尺寸。例如红包转账气泡封面，这在设计时会出现困扰。此时你可以选择使用PS或Sketch直接测量截图情况下的尺寸。并清楚你的设备的缩放比例。如果是调用的3x尺寸的素材，但计算后2x尺寸图像不是整数。为了素材不被挤压变形，这时你可以只设计通过你测量后的3x比例的尺寸，无需设计2x尺寸。记得：
71 |
72 | - 优化图像细节：确保 3x 图像在缩放到 2x 时不会模糊，比如使用更粗的线条、减少复杂细节。
73 | - 如果是大图（如背景图），等比例缩放通常问题不大，但小图标更容易受影响。
74 |
75 |
76 |
77 |
78 |
79 | ## SVG素材
80 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 《主题适配指南》针对版。
2 |
3 | ## 本适配指南为`iMessage_For_WeChat`衍生文档。此文档包含`v1.2.3`开源版归档后如何自行`DIY`跟随线上版适配，也包含完全 DIY 新的主题的命名适配。
4 |
5 | 
6 |
7 |
8 |
9 | # 1. 基于1.2.3归档版后的主题适配
10 | 此部分为`iMessage主题`归档版不再对外更新主题后，基于[最后归档版本](https://github.com/AidenYang1/iMessageApp_WeChat_For_Themebox/releases/tag/formal-v1.2.3)`v1.2.3`之后的部分更新命名，**但不再提供素材**。
11 | 你可继续使用`v1.2.3`的素材，在其基础上自行适配新的图标命名。
12 | ## v1.2.4（已发布）
13 | [v1.2.4线上版新增适配部分图标命名](https://www.imtheme.site/themeDiy)
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | # 2. 完全开辟新的主题
25 |
26 | ## 2.1 适配Themebox已有映射图标
27 | [《Themebox 适配指南+配置文件说明》](docs/WeChat/Themebox主题盒子适配+config配置说明.md)
28 |
29 |
30 | ## 2.2.适配微信图标
31 | [《微信图标命名汇总》](docs/WeChat/WeChat_8.0.54及以上图标汇总.md)
32 | 自`8.0.54`版本开始整理汇总。
33 |
34 |
35 |
36 |
37 | # 3.现有的Sketch项目使用
38 | - sketch开源文件已归档停留于主题对应版本`v1.2.3`
39 | [Sketch开源文件](https://github.com/AidenYang1/iMessageApp_WeChat_For_Themebox/tree/main/%E5%85%B6%E4%BB%96/01%E8%AF%A5%E4%B8%BB%E9%A2%98%E5%AE%8C%E6%95%B4%E9%A1%B9%E7%9B%AE%E6%96%87%E4%BB%B6%EF%BC%88Sketch%EF%BC%89)
40 |
41 |
42 |
43 | # 4. 图标设计尺寸解释
44 | [《图标设计尺寸解释》](docs/WeChat/图标设计尺寸解释.md)
45 |
46 |
47 |
48 | # 5.主题的封包
49 | `DAT文件`是一种通用的`数据文件格式`，通常用于存储不同媒体或应用程序中使用的数据。在计算机中使用`DAT文件`存储媒体数据、程序配置信息或其他格式化数据。
50 | 需要注意的是DAT文件格式通常不受计算机系统中文件管理器显示的影响，因此我们需要特定的程序或工具来打开或使用这些文件。
51 |
52 | 打开它的方式取决于**创建它**的程序。
53 |
54 | - `Themebox`使用的为`dat`打包方式
55 | - 无论你选择公开`无偿`分享还是`封包`，都是你具有的权利。
56 |
57 |
58 |
59 |
60 | # 6. 一切就绪，整理项目文件结构
61 |
62 | 不要将所有文件堆叠到顶层文件夹，后期维护比较费劲。推荐的目录结构：
63 |
64 | ```
65 | -主题文件夹
66 | - Assets
67 | - png
68 | - 其他配色文件
69 | ```
70 |
71 |
72 | # 我需要帮助
73 | 此章节为我需要帮助的部分，你可以提供帮助作为贡献者。
74 | 现有需要帮助的：
75 |
76 | - 暂无
77 |
78 |
79 |
80 | # 更多内容将不断完善更新，记得 Star⭐️
81 | **解决`我需要帮助`部分内容**。你可以：
82 | - 直接 fork 此仓库，修改对应的 markdown 文件后发起 pr，审核通过将合并请求，你将成为该项目的参与者。（推荐）
83 | - 电报私信我或者使用 issue 发起反馈议题。
84 |
85 | 你的补充和反馈，将帮助完善此文档。也许你也是突然捣鼓微信主题，期待你在捣鼓期间，能留下你宝贵的经验和捣鼓心得，即使过一阵子就回归自己的工作生活，你留下的足迹也将为后来者乘凉。也许他们之中就有非常优秀的设计师，能带来非常棒的主题作品。
86 |
--------------------------------------------------------------------------------
/docs/WeChat/Themebox主题盒子适配+config配置说明.md:
--------------------------------------------------------------------------------
1 | # Themebox 适配指南+配置文件说明
2 | 本主题基于 `Themebox` 适配指南进行适配，该部分文档是你设计主题的第一份`参考文档`。大部分人除非工作涉及性能优化或底层开发，都不需要关注代码如何编译成机器码。因此，一份好的`API+开发者文档`将帮助你只专注于生产`产出的内容`上，而无需关注和研究头疼的`脚手架`问题。
3 | 主题制作同理，`Themebox`作者提供了详细的`说明文档`。这些属性值被填写到`json` 文件中，你可以在制作时直接向 `json` 文件中添加期望的`默认属性值`，以使主题被 `Themebox`初次加载时能如你设计思路所愿，避免不同人`Themebox` 的插件设置不一致出现的主题显示效果`差异性`。
4 | [参考Themebox官方原始适配文档](https://docs.qq.com/doc/DWUxVVkpMQnRjd1p6)
5 |
6 |
7 |
8 | > 编写时请具有基本json数据交换格式的语法常识。如果在这方面你还是小白，无需担心，我说过，你只需要关注内容产出，脚手架的事儿我给你提供几点提醒
9 | - `Themebox`中`config`使用`对象结构`组织数据。数据以键值对存在。`键`和`值`之间用冒号 `:` 分隔，多个键值对用逗号 `,` 分隔。
10 | 如：
11 | ```json
12 | {
13 | "name": "John",
14 | "age": 30,
15 | "isStudent": false
16 | }
17 | ```
18 | - 键必须是`字符串`，用`双引号`包裹。键和值的双引号必须完整，不能漏掉。
19 | - 最后一个键值对或数组元素后面不能加逗号.
20 |
21 |
22 |
23 | > 好了，我说过，你只需要关注内容产出，所以说人话前面的一大堆在你这进行主题适配时就是：
24 | - 左边"`设置`":右边"`值`"。
25 | - 每行`逗号`结尾，最后一行记得`不要有逗号`。
26 |
27 | 如：
28 | ```json
29 | {
30 | "name": "AAAAA",
31 | "auth": "BBBB",
32 | "version": "xxxx"
33 | }
34 | ```
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | ## 1.配置文件config
55 |
56 | 基础配置只需要`主题名称`和`作者`即可
57 |
58 | | | | |
59 | |---|---|---|
60 | |名称|作用|参数|
61 | |themeId|主题ID|系统生成，请勿填写！|
62 | |name|配置主题名称||
63 | |auth|配置主题作者||
64 | |version|主题版本号|系统自动生成，可以不写|
65 |
66 | ## 2.底栏配置
67 |
68 | | | | |
69 | |---|---|---|
70 | |名称|作用|参数|
71 | |tabbar_nor_color|底栏标题颜色|HEX颜色值，不需要#号|
72 | |tabbar_nor_color_dark|暗黑模式||
73 | |tabbar_sel_color|底栏选中时标题颜色||
74 | |tabbar_sel_color_dark|暗黑模式||
75 | |badge_color|消息角标背景颜色||
76 | |badge_color_dark|暗黑模式||
77 | |badge_text_color|角标文字颜色||
78 | |badge_text_color_dark|暗黑模式||
79 | |tabbar_size|底栏图标大小|可选或者宽*高，例如30*30|
80 | |tabbar_top_enabled|用于修改底栏图标偏移，用户开启悬浮底栏时无效|true/false|
81 | |tabbar_top|偏移值，当上面一项为true时才会生效，用户开启悬浮底栏时无效|偏移位置数值，例如-10|
82 | |tabbar_hide_title|隐藏底栏标题，用户开启悬浮底栏时无效|true/false|
83 |
84 | ## 3.其它配置
85 |
86 | | | | |
87 | |---|---|---|
88 | |名称|作用|参数|
89 | |luckmoney_text_color|打开红包时封面上的颜色|HEX颜色值，不需要#号|
90 | |luckmoney_text_color_dark|暗黑模式||
91 | |hongbao_text_color|气泡上红包和转账的文字颜色||
92 | |hongbao_text_color_dark|暗黑模式||
93 | |menu_text_color|长按消息菜单时的文字颜色||
94 | |menu_text_color_dark|暗黑模式||
95 | |hide_source_title|隐藏红包/转账/小程序等气泡上的来源标题|true/false|
96 |
97 | ## 4.裁剪
98 |
99 | | | | |
100 | | ----------- | ---- | ---------------------------------------- |
101 | | 名称 | 作用 | 参数 |
102 | | bubble_edge | 气泡裁剪 | 可不填或者上*左*下*右
例如20*30*8*30，相见下面的说明 |
103 |
--------------------------------------------------------------------------------
/docs/WeChat/WeChat_8.0.54图标汇总.md:
--------------------------------------------------------------------------------
1 |
2 | # 最新：该文档按照54版本整理。
3 | - 本项目仓库的整理起点为 `54` 版本。因此，在该文档中没有 `变动` 标记。
4 | - `@@` 标签表示已适配，但未整理。
5 | - `@@@` 标签表示未知，欢迎补充。（页面查找此定位符快速帮助完善文档）
6 |
7 |
8 | # 说明
9 | - 文档按照适配工作 `延后更新`。如有遗漏，请反馈说明。
10 | - 如你在 `再次实践中` 发现有标注错误的地方，欢迎 `反馈修正`。你将成为本项目的贡献者。
11 | - 如果你有 `先于本项目` 的统计，欢迎投稿。优秀贡献者将获得原 `iMessage` 主题项目 `兑换码`。
12 |
13 |
14 |
15 | # 全局背景和部分头像修改
16 | - 该部分为 `Themebox` 主题插件单独命名的内容，请查看本项目 `首页` 目录中 ` Themebox ` 适配指南中针对各界面 ` 顶栏 `、` 底栏 `、` 全局背景 `、`聊天页背景`、`输入框背景` 等设置的解释。
17 | - 在 `Themebox` 中部分头像的命名也已做映射，如你在该文档中没有找到你所需要查找的图标命名方式，请优先查看位于本项目首页目录的 `Themebox` 适配指南。
18 |
19 | ---
20 |
21 | # 统计表开始
22 |
23 | # 首页
24 |
25 | ## 1. 消息列表页
26 | ### 1.1. 右上角加号
27 | 部分功能槽由第三方插件提供，如没有显示请自行开启功能。
28 |
29 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
30 | | :-- | :--- | :------------------------- | :-----: | :------- |
31 | | | 一键已读 | eyes_on_filled | 24 x 24 | |
32 | | | 发起群聊 | bubble_circle_filled | | |
33 | | | 添加好友 | person_plus_filled | | |
34 | | | 扫一扫 | scan_filled | | |
35 | | | 收付款 | pay_filled | | |
36 | | | 勿扰模式 | mike_off_regular | | |
37 | | | 清理会话 | icons_filled_circle_delete | | |
38 | | | 切换账号 | icons_filled_transfer | | 共用“转账”图标 |
39 | | | 查找用户 | icons_filled_search | | |
40 |
41 |
42 | ## 2. 通讯录页
43 | ### 2.1. 好友相关操作
44 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
45 | | :-- | :------ | :---------------------------- | :-------------------------------------- | :-- |
46 | | | 新的朋友 | plugins_FriendNotify | 30 x 30 纯圆图标或使用 60 x 60 透明无填充圆形包括不规则图标。 | |
47 | | | 仅聊天的朋友 | Contact_Chatonlyfriends | | |
48 | | | 群聊 | add_friend_icon_addgroup | | |
49 | | | 标签 | Contact_icon_ContactTag | | |
50 | | | 公众号 | add_friend_icon_offical | | |
51 | | | 服务号 | add_friend_icon_brand_service | | |
52 | | | 企业微信联系人 | openimbrand | | |
53 | | | 右上角添加朋友 | person_plus_regular | | |
54 |
55 | ### 2.2. 右上角二级菜单
56 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
57 | | :-- | :------ | :---------------------------- | :-------------------------------------- | :-------- |
58 | | | 雷达加朋友 | add_friend_icon_reda | 30 x 30 纯圆图标或使用 60 x 60 透明无填充圆形包括不规则图标。 | |
59 | | | 面对面建群 | add_friend_icon_addgroup | | 与通讯录群聊共用 |
60 | | | 扫一扫 | ScanQRCodeAction | | |
61 | | | 手机联系人 | add_friend_icon_contacts | | |
62 | | | 公众号 | person_tie_regular | | 与通讯录页图标共用 |
63 | | | 企业微信联系人 | add_friend_icon_search_wework | | |
64 | | | 我的二维码 | add_friend_myQR | | |
65 |
66 | ### 2.3. 侧边字母检索
67 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
68 | | :-- | :------- | :---------------- | :----------------- | :-- |
69 | | | 字母滑动检索背景 | ContactIndexShape | 66 x 55 (也可自行设计尺寸) | |
70 |
71 | ## 3. 发现页
72 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
73 | | :-- | :-- | :-------------------------------------------------------------------- | :------- | :----------------- |
74 | | | 朋友圈 | icons_outlined_colorful_moment
icons_outlined_colorful_moment_dark | 30 x 30 | 深色模式可能需要 svg 格式才生效 |
75 | | | 视频号 | icons_outlined_finder | | |
76 | | | 直播 | moment_filled
moment_filled_Dark | | |
77 | | | 扫一扫 | scan_regular | | 深色模式可能需要 svg 格式才生效 |
78 | | | 听一听 | icons_filled_ting_finder_entry_music | | |
79 | | | 看一看 | news_regular | | |
80 | | | 搜一搜 | search_filled（可能标错，项目文件丢失） | | |
81 | | | 附近 | icons_outlined_live_nearby | | |
82 | | | 游戏 | icons_outlined_colorful_game
icons_outlined_colorful_game_Dark | | 深色模式可能需要 svg 格式才生效 |
83 | | | 小程序 | icons_outlined_miniprogram | | |
84 | | | 购物 | shopping_bag_regular | | |
85 |
86 | ## 4. 我的页面
87 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
88 | | :-- | :-- | :-------------------------------------------------------------------------------- | :------- | :-------------- |
89 | | | 服务 | icons_outlined_wechatpay
icons_outlined_wechatpay_Dark | 30 x 30 | |
90 | | | 收藏 | icons_outlined_colorful_favorites
icons_outlined_colorful_favorites_Dark
| | |
91 | | | 贴纸 | smile_regular | | |
92 | | | 卡包 | icons_filled_cards&offers | | 可能需要 svg 格式才能生效 |
93 | | | 视频号 | play_circle_regular | | |
94 | | | 朋友圈 | picture_regular | | |
95 | | | 插件 | WeChat_Lab_Logo_light_small | | |
96 | | | 设置 | gear_regular | | |
97 |
98 |
99 |
100 | # 聊天页
101 | ## 1. 昵称顶栏操作区
102 | ### 1.1. 顶栏操作提示
103 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
104 | | :-- | :--- | :------------ | :------ | :-- |
105 | | | 听筒模式 | 等待整理补充 | | |
106 | | | 通知静音 | 等待整理补充 | | |
107 | | | 搜索 | | | |
108 | | | 更多 | dot_3_regular | 24 x 24 | |
109 | ### 1.2. 进入右上角菜单后聊天更多设置界面
110 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
111 | | :-- | :-- | :---------------------- | :------ | :-- |
112 | | | 减少人 | avatar_dotline_minus_bg | 90 x 90 | |
113 | | | 增加人 | avatar_dotline_add_bg | | |
114 |
115 |
116 | ## 2. 气泡长按功能区
117 | ### 2.1. 微信默认操作
118 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
119 | | :-- | :---- | :-----------------------------: | :------- | :--------------- |
120 | | | 听筒 | ear_filled | 30 x 30 | |
121 | | | 收藏 | - | | 跟随聊天页官方菜单操作区收藏图标 |
122 | | | 转文字 | convert_to_text_filled | | |
123 | | | 删除 | trash_on_filled | | |
124 | | | 多选 | icons_filled_multiple_choice | | |
125 | | | 引用 | icons_filled_quote | | |
126 | | | 提醒 | bell_on_filled | | |
127 | | | 转发 | share_filled | | |
128 | | | 搜一搜 | icons_filled_WeChatSearchEmblem | | |
129 | | | 复制 | doc_filled_16 | | |
130 | | | 隐藏转文字 | eyes_off_filled | | |
131 |
132 | ### 2.2. 第三方插件气泡长按动作
133 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
134 | | :-- | :--- | :---------------------: | :------ | :-- |
135 | | | 小丑 | expression | 30 x 30 | |
136 | | | 转语音 | 等待整理补充 | | |
137 | | | 语音复读 | icons_filled_nearby_hot | | |
138 |
139 |
140 | ## 3. 输入栏区
141 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
142 | | :-- | :--------- | :---------------------------------: | :----------- | :--------------------------------- |
143 | | | 语音消息 | voice_circle_regular | 30 x 30 | |
144 | | | 贴纸 | smile_regular | | |
145 | | | 更多操作 | icons_outlined_addoutline | | 与首页消息列表右上角+号共用 |
146 | | | 键盘输入 | keyboard_circle_regular | | |
147 | | | 输入框文字输入栏背景 | input_text_bg
input_text_bg_Dark | 只需要 1 x 尺寸即可 | 输入文字时上下拉伸，高度自动挤压。（参考安全值：880 x 115） |
148 |
149 |
150 |
151 | ## 4. 微信助手插件快捷工具栏区
152 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
153 | | :-- | :----- | :----------------------------------: | :----------- | :-------------------------------------------- |
154 | | | 快捷回复 | icons_filled_chats | 30 x 30 圆形图标 | 如需要使用不规则图标，请用 30 x 30 无边框不填充的圆形进行包裹，避免图标显示不全。 |
155 | | | 照片 | picture_filled | | |
156 | | | 拍摄 | icons_filled_camera | | |
157 | | | 文件 | icons_filled_folder | | |
158 | | | 红包 | icons_filled_red_envelope | | 命名引用共用-官方更多工具栏 |
159 | | | 转账 | icons_filled_transfer | | |
160 | | | 位置 | icons_filled_location | | 命名引用共用-官方更多工具栏共用 |
161 | | | 通话 | icons_filled_videocall | | 命名引用共用-官方更多工 |
162 | | | 收藏 | icons_filled_favorites | | |
163 | | | 翻译 | translate_filled | | |
164 | | | 名片 | icons_filled_me | | |
165 | | | 搜表情 | 等待排查整理 | | 与其他搜索图标共用 |
166 | | | 语音输入 | icons_filled_voiceinput_white | | |
167 | | | 扫一扫 | icons_filled_scan | | |
168 | | | 搜一搜 | icons_filled_search | | 与其他搜索图标共用 |
169 | | | 收付款 | icons_filled_qr_code | | |
170 | | | 微信助手 | icons_filled_setting | | |
171 | | | 添加贴纸 | icons_filled_othersticker | | |
172 | | | 换行 | icons_multitalk_scroll | | |
173 | | | 粘贴 | icons_filled_note | | |
174 | | | @ | icons_filled_at | | |
175 | | | 全屏输入 | icons_filled_maxwindow | | |
176 | | | 小霸王 | icons_filled_game | | |
177 | | | 浮窗 | icons_outlined_multitask | | |
178 | | | 语音包 | icons_filled_song | | |
179 | | | Misaka | icons_filled_effects | | |
180 | | | 黄白助手 | icons_outlined_colorful_menu_browser | | 存在其他地方浏览器图标引用 |
181 |
182 |
183 | ## 5. 官方菜单工具栏
184 |
185 |
186 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
187 | | :-- | :------- | :---------------------------: | :------- | :----------- |
188 | | | 照片 | picture_filled | 30 x 30 | |
189 | | | 相机 | camera_filled | | |
190 | | | 视频通话 | icons_filled_videocall | | 共用命名-微信助手工具栏 |
191 | | | 位置 | location_filled | | |
192 | | | 红包 | icons_filled_red_envelope | | 共用命名-微信助手工 |
193 | | | 转账 | transfer_filled | | 共用命名-微信助手工 |
194 | | | 语音输入 | icons_filled_voiceinput_white | | |
195 | | | 收藏 | favorites_filled | | |
196 | | | 个人名片 | person_filled | | |
197 | | | 文件 | folder_filled | | |
198 | | | 卡券 | cardholder_filled | | |
199 | | | 直播 | icons_outlined_chats | | |
200 | | | 群工具 | icons_filled_grouptool | | |
201 | | | 群接龙 | icon_outlined_solitaire | | |
202 | | | 第三方转语音插槽 | voice_circle_regular | | 具体哪个插件的反馈 |
203 | | | 音乐 | icon_music_filled | | |
204 | | | 小信号 | icons_filled_barrage | | |
205 | ## 6. 消息气泡
206 | ### 6.1. 语音条
207 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
208 | | :-- | :-------- | :-------------------------------------: | :------- | :-- |
209 | | | 语音条播放状态 1 | ChatRoom_Bubble_Voice_Receiver_Playing1 | 24*24 | 接收方 |
210 | | | 语音条播放状态 2 | ChatRoom_Bubble_Voice_Receiver_Playing2 | | - |
211 | | | 语音条播放状态 3 | ChatRoom_Bubble_Voice_Receiver_Playing3 | | - |
212 | | | 正常状态 | ChatRoom_Bubble_Voice_Receiver | | - |
213 | | | 发送方播放状态1 | ChatRoom_Bubble_Voice_Sender_Playing1 | | 发送方 |
214 | | | 发送方播放状态2 | ChatRoom_Bubble_Voice_Sender_Playing1 | | - |
215 | | | 发送方播放状态3 | ChatRoom_Bubble_Voice_Sender_Playing2 | | - |
216 | | | 发送方正常状态 | ChatRoom_Bubble_Voice_Sender_Playing3 | | - |
217 |
218 |
219 | ## 7. 聊天页长按图片操作
220 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
221 | | :-- | :---------- | :------------------------: | :------- | :-------- |
222 | | | 保存图片 | download_filled | 30*30 | |
223 | | | 查看聊天记录中更多图片 | icons_filled_img_photowall | | |
224 | | | 编辑图片 | pencil_rectangle_regular | | |
225 | | | 提取文字 | icons_outlined_ocr | | |
226 | | | 其他未标注的 | - | | 与其他地方图标共用 |
227 |
228 | # 好友资料页
229 | ## 1. 性别显示
230 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
231 | | :-- | :-- | :--------------------------: | :------ | :-- |
232 | | | 男 | icons_filled_colorful_man | 18 x 18 | |
233 | | | 女 | icons_filled_colorful_female | | |
234 |
235 | ## 2. 语音视频通话
236 |
237 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
238 | | :-- | :--- | :-----------: | :------- | :------------ |
239 | | | 语音通话 | - | | 跟随首页右上角+号发起群聊 |
240 | | | 视频通话 | video_regular | 30 x 30 | |
241 |
242 |
243 | # 朋友圈
244 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
245 | | :-- | :------ | :------------: | :------- | :------------------------- |
246 | | | 评论 | bubble_regular | 30*30 | 会偏大，但是因与其他页面评论图标共用，会影响其他页面 |
247 | | | 点赞 | heart_regular | | |
248 | | | 第三方插件转发 | 欢迎补充
@@@ | | |
249 |
250 |
251 | # 公众号文章阅读页
252 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 | |
253 | | :-- | :-------- | :-------------------------------: | :------- | :---------------- | --- |
254 | | | 收藏 | icons_filled_color_favorites | 30*30 | | |
255 | | | 转发 | share_filled | | | |
256 | | | 分享到朋友圈 | Action_Moments | | | |
257 | | | 在看 | news_regular | | | |
258 | | | 在电脑上打开 | 欢迎补充
@@@ | | | |
259 | | | 在浏览器打开 | - | | 黄白助手引用该图标命名，两者共用 | |
260 | | | 微信读书中打开 | 欢迎补充
@@@ | | | |
261 | | | 发送到我的企业 | 欢迎补充
@@@ | | | |
262 | | | 邮件 | AS_Email | | | |
263 | | | 分享到 QQ | AS_QQ | | | |
264 | | | 分享到 QQ 空间 | Action_qzone | | | |
265 | | | 更多打开方式 | weapp_more_darkmode | | | |
266 | | | 浮窗 | icons_outlined_multitask | | 微信助手工具栏内“浮窗”共用此图标 | |
267 | | | 听全文 | icon_outlined_listen | | | |
268 | | | 稍后听 | icons_outlined_listen_later | | | |
269 | | | 保存为图片 | download_regular | | 与其他下载共用 | |
270 | | | 投诉 | exclamation_mark_triangle_regular | | | |
271 | | | 复制链接 | link_regular | | （与其他链接共用） | |
272 | | | 刷新 | refresh_regular | | | |
273 | | | 全文翻译 | translate_regular | | | |
274 | | | 查找页面内容 | icons_outlined_find_content | | | |
275 | | | 调整字体 | icons_outlined_font | | | |
276 | | | 打开调试 | weapp_icon_debug | | | |
277 | | | 更多信息 | tag_regular | | | |
278 | | | 首页左侧收起浮窗 | arrow_left_circle_filled | | | |
279 |
280 | # 红包转账气泡卡面
281 |
282 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
283 | | :-- | :---- | :-------------------------------------------------------------------------------: | :-------- | :------- |
284 | | | 发送方发送 | ChatRoom_Bubble_HB_Sender
ChatRoom_Bubble_HB_Sender_Dark | 800 x 250 | 导出加@3x后缀 |
285 | | | 发送方接受 | ChatRoom_Bubble_HB_Sender_Handled
ChatRoom_Bubble_HB_Sender_Handled_Dark | | |
286 | | | 接收方正常 | ChatRoom_Bubble_HB_Receiver
ChatRoom_Bubble_HB_Receiver_Dark | | |
287 | | | 接收方接受 | ChatRoom_Bubble_HB_Receiver_Handled
ChatRoom_Bubble_HB_Receiver_Handled_Dark | | |
288 | | | 发送方过期 | ChatRoom_Bubble_HB_Overtime_Sender
ChatRoom_Bubble_HB_Overtime_Sender_Dark | | |
289 | | | 接收方过期 | ChatRoom_Bubble_HB_Overtime_Receiver
ChatRoom_Bubble_HB_Overtime_Receiver_Dark | | |
290 |
291 |
292 | # 更多内容将不断完善更新，记得 Star⭐️
293 | 如果有发现问题或者补充条目。你可以：
294 | - 直接 fork 此仓库，修改对应的 markdown 文件后发起 pr，审核通过将合并请求，你将成为该项目的参与者。（推荐）
295 | - 电报私信我或者使用 issue 发起反馈议题。
296 |
297 | 你的补充和反馈，将帮助完善此文档。也许你也是突然捣鼓微信主题，期待你在捣鼓期间，能留下你宝贵的经验和捣鼓心得，即使过一阵子就回归自己的工作生活，你留下的足迹也将为后来者乘凉。也许他们之中就有非常优秀的设计师，能带来非常棒的主题作品。
298 |
--------------------------------------------------------------------------------
/docs/WeChat/WeChat_8.0.54及以上图标汇总.md:
--------------------------------------------------------------------------------
1 |
2 | # 最新：该文档已按照`54`及以上版本整理。
3 | - 如果你需要快速知道每个版本新增内容，例如 `55` 版本的单独命名，在此页面使用浏览器页面查找搜索 `#55` 即可快速跳转查看所有55单独变化的命名。
4 | - 没有标注 `#55` 标签的表示与 `WeChat` 前一版本相同，保持不变。
5 | - `@@` 标签表示已适配，但未整理。
6 | - `@@@` 标签表示未知，欢迎补充。（页面查找此定位符快速帮助完善文档）
7 |
8 |
9 | # 说明
10 | - 文档按照适配工作 `延后更新`，如有遗漏，请反馈说明。
11 | - 如你在 `再次实践中` 发现有标注错误的地方，欢迎 `反馈修正`。你将成为本项目的贡献者。
12 | - 如果你有 `先于本项目` 的统计，欢迎投稿。优秀贡献者将获得原 `iMessage` 主题项目 `兑换码`。
13 |
14 |
15 |
16 | # 全局背景和部分头像修改
17 | - 该部分为 `Themebox` 主题插件单独命名的内容，请查看本项目 `首页` 目录中 ` Themebox ` 适配指南中针对各界面 ` 顶栏 `、` 底栏 `、` 全局背景 `、`聊天页背景`、`输入框背景` 等设置的解释。
18 | - 在 `Themebox` 中部分头像的命名也已做映射，如你在该文档中没有找到你所需要查找的图标命名方式，请优先查看位于本项目首页目录的 `Themebox` 适配指南。
19 |
20 | ---
21 |
22 | # 统计表开始
23 |
24 | # 首页
25 |
26 | ## 1. 消息列表页
27 | ### 1.1. 右上角加号
28 | 部分功能槽由第三方插件提供，如没有显示请自行开启功能。
29 |
30 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
31 | | :-- | :--- | :------------------------- | :-----: | :------- |
32 | | | 一键已读 | eyes_on_filled | 24 x 24 | |
33 | | | 发起群聊 | bubble_circle_filled | | |
34 | | | 添加好友 | person_plus_filled | | |
35 | | | 扫一扫 | scan_filled | | |
36 | | | 收付款 | pay_filled | | |
37 | | | 勿扰模式 | mike_off_regular | | |
38 | | | 清理会话 | icons_filled_circle_delete | | |
39 | | | 切换账号 | icons_filled_transfer | | 共用“转账”图标 |
40 | | | 查找用户 | icons_filled_search | | |
41 |
42 |
43 | ## 2. 通讯录页
44 | ### 2.1. 好友相关操作
45 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
46 | | :-- | :------ | :---------------------------- | :-------------------------------------- | :-- |
47 | | | 新的朋友 | plugins_FriendNotify | 30 x 30 纯圆图标或使用 60 x 60 透明无填充圆形包括不规则图标。 | |
48 | | | 仅聊天的朋友 | Contact_Chatonlyfriends | | |
49 | | | 群聊 | add_friend_icon_addgroup | | |
50 | | | 标签 | Contact_icon_ContactTag | | |
51 | | | 公众号 | add_friend_icon_offical | | |
52 | | | 服务号 | add_friend_icon_brand_service | | |
53 | | | 企业微信联系人 | openimbrand | | |
54 | | | 右上角添加朋友 | person_plus_regular | | |
55 |
56 | ### 2.2. 右上角二级菜单
57 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
58 | | :-- | :------ | :------------------------------- | :-------------------------------------- | :------------------ |
59 | | | 雷达加朋友 | redar_regular | 30 x 30 纯圆图标或使用 60 x 60 透明无填充圆形包括不规则图标。 | #55 单独 |
60 | | | 面对面建群 | add_friend_icon_addgroup | | 与通讯录群聊共用 |
61 | | | 扫一扫 | ScanQRCodeAction | | |
62 | | | 手机联系人 | phone_rectangle_regular | | #55 单独 |
63 | | | 公众号 | person_tie_regular | | 与通讯录页图标共用 ( #55 单独) |
64 | | | 企业微信联系人 | enterprisewechat_filled_colorful | | #55 单独 |
65 | | | 我的二维码 | add_friend_myQR | | |
66 |
67 | ### 2.3. 侧边字母检索
68 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
69 | | :-- | :------- | :---------------- | :----------------- | :-- |
70 | | | 字母滑动检索背景 | ContactIndexShape | 66 x 55 (也可自行设计尺寸) | |
71 |
72 | ## 3. 发现页
73 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
74 | | :-- | :-- | :-------------------------------------------------------------------- | :------ | :----------------- |
75 | | | 朋友圈 | icons_outlined_colorful_moment
icons_outlined_colorful_moment_dark | 30 x 30 | 深色模式可能需要 svg 格式才生效 |
76 | | | 视频号 | icons_outlined_finder | | |
77 | | | 直播 | moment_filled
moment_filled_Dark | | |
78 | | | 扫一扫 | scan_regular | | 深色模式可能需要 svg 格式才生效 |
79 | | | 听一听 | icons_filled_ting_finder_entry_music | | |
80 | | | 看一看 | news_regular | | |
81 | | | 搜一搜 | search_filled（可能标错，项目文件丢失） | | |
82 | | | 附近 | icons_outlined_live_nearby | | |
83 | | | 游戏 | icons_outlined_colorful_game
icons_outlined_colorful_game_Dark | | 深色模式可能需要 svg 格式才生效 |
84 | | | 小程序 | icons_outlined_miniprogram | | |
85 | | | 购物 | shopping_bag_regular | | |
86 |
87 | ## 4. 我的页面
88 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
89 | | :-- | :-- | :-------------------------------------------------------- | :------- | :-------------- |
90 | | | 服务 | icons_outlined_wechatpay
icons_outlined_wechatpay_Dark | 30 x 30 | |
91 | | | 收藏 | favorites_filled_coloful
favorites_filled_coloful_Dark | | #55 单独 |
92 | | | 贴纸 | smile_regular | | |
93 | | | 卡包 | icons_filled_cards&offers | | 可能需要 svg 格式才能生效 |
94 | | | 视频号 | play_circle_regular | | |
95 | | | 朋友圈 | picture_regular | | |
96 | | | 插件 | WeChat_Lab_Logo_light_small | | |
97 | | | 设置 | gear_regular | | |
98 |
99 |
100 |
101 | # 聊天页
102 | ## 1. 昵称顶栏操作区
103 | ### 1.1. 顶栏操作提示
104 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
105 | | :-- | :--- | :------------ | :------ | :-- |
106 | | | 听筒模式 | 等待整理补充 | | |
107 | | | 通知静音 | 等待整理补充 | | |
108 | | | 搜索 | | | |
109 | | | 更多 | dot_3_regular | 24 x 24 | |
110 | ### 1.2. 进入右上角菜单后聊天更多设置界面
111 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
112 | | :-- | :-- | :---------------------- | :------ | :-- |
113 | | | 减少人 | avatar_dotline_minus_bg | 90 x 90 | |
114 | | | 增加人 | avatar_dotline_add_bg | | |
115 |
116 |
117 | ## 2. 气泡长按功能区
118 | ### 2.1. 微信默认操作
119 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
120 | | :-- | :---- | :-----------------------------: | :------- | :--------------- |
121 | | | 听筒 | ear_filled | 30 x 30 | |
122 | | | 收藏 | - | | 跟随聊天页官方菜单操作区收藏图标 |
123 | | | 转文字 | convert_to_text_filled | | |
124 | | | 删除 | trash_on_filled | | |
125 | | | 多选 | icons_filled_multiple_choice | | |
126 | | | 背景播放 | icons_filled_miniwindow | | #56 单独 |
127 | | | 引用 | icons_filled_quote | | |
128 | | | 提醒 | bell_on_filled | | |
129 | | | 转发 | share_filled | | |
130 | | | 搜一搜 | icons_filled_WeChatSearchEmblem | | |
131 | | | 复制 | doc_filled | | #55 单独 |
132 | | | 隐藏转文字 | eyes_off_filled | | |
133 | | | 反馈错误 | icons_filled_feedback_error | | |
134 | | | 更换语言 | icons_filled_transfer_language | | |
135 | | | 静音播放 | icons_red_story_volume_off | | |
136 |
137 | ### 2.2. 第三方插件气泡长按动作
138 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
139 | | :-- | :--- | :---------------------: | :------ | :-- |
140 | | | 小丑 | expression | 30 x 30 | |
141 | | | 转语音 | icons_filled_radar | | |
142 | | | 语音复读 | icons_filled_nearby_hot | | |
143 | | | 添加字体 | icons_outlined_font | | |
144 | | | 导入字体 | icons_filled_text | | |
145 |
146 |
147 | ## 3. 输入栏区
148 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
149 | | :-- | :--------- | :---------------------------------: | :----------- | :--------------------------------- |
150 | | | 语音消息 | voice_circle_regular | 30 x 30 | |
151 | | | 贴纸 | smile_regular | | |
152 | | | 更多操作 | icons_outlined_addoutline | | 与首页消息列表右上角+号共用 |
153 | | | 键盘输入 | keyboard_circle_regular | | |
154 | | | 输入框文字输入栏背景 | input_text_bg
input_text_bg_Dark | 只需要 1 x 尺寸即可 | 输入文字时上下拉伸，高度自动挤压。（参考安全值：880 x 115） |
155 |
156 |
157 |
158 | ## 4. 微信助手插件快捷工具栏区
159 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
160 | | :-- | :----- | :----------------------------------: | :----------- | :-------------------------------------------- |
161 | | | 快捷回复 | icons_filled_chats | 30 x 30 圆形图标 | 如需要使用不规则图标，请用 30 x 30 无边框不填充的圆形进行包裹，避免图标显示不全。 |
162 | | | 照片 | picture_filled | | |
163 | | | 拍摄 | icons_filled_camera | | |
164 | | | 文件 | icons_filled_folder | | |
165 | | | 红包 | icons_filled_red_envelope | | 命名引用共用-官方更多工具栏 |
166 | | | 转账 | icons_filled_transfer | | |
167 | | | 位置 | icons_filled_location | | 命名引用共用-官方更多工具栏共用 |
168 | | | 通话 | icons_filled_videocall | | 命名引用共用-官方更多工 |
169 | | | 收藏 | icons_filled_favorites | | |
170 | | | 翻译 | translate_filled | | |
171 | | | 名片 | icons_filled_me | | |
172 | | | 搜表情 | 等待排查整理 | | 与其他搜索图标共用 |
173 | | | 语音输入 | icons_filled_voiceinput_white | | |
174 | | | 扫一扫 | icons_filled_scan | | |
175 | | | 搜一搜 | icons_filled_search | | 与其他搜索图标共用 |
176 | | | 收付款 | icons_filled_qr_code | | |
177 | | | 微信助手 | icons_filled_setting | | |
178 | | | 添加贴纸 | icons_filled_othersticker | | |
179 | | | 换行 | icons_multitalk_scroll | | |
180 | | | 粘贴 | icons_filled_note | | |
181 | | | @ | icons_filled_at | | |
182 | | | 全屏输入 | icons_filled_maxwindow | | |
183 | | | 小霸王 | icons_filled_game | | |
184 | | | 浮窗 | icons_outlined_multitask | | |
185 | | | 语音包 | icons_filled_song | | |
186 | | | Misaka | icons_filled_effects | | |
187 | | | 黄白助手 | icons_outlined_colorful_menu_browser | | 存在其他地方浏览器图标引用 |
188 |
189 |
190 | ## 5. 官方菜单工具栏
191 |
192 |
193 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
194 | | :-- | :------- | :---------------------------: | :------- | :----------- |
195 | | | 照片 | picture_filled | 30 x 30 | |
196 | | | 相机 | camera_filled | | |
197 | | | 视频通话 | icons_filled_videocall | | 共用命名-微信助手工具栏 |
198 | | | 位置 | location_filled | | |
199 | | | 红包 | icons_filled_red_envelope | | 共用命名-微信助手工 |
200 | | | 转账 | transfer_filled | | 共用命名-微信助手工 |
201 | | | 语音输入 | icons_filled_voiceinput_white | | |
202 | | | 收藏 | favorites_filled | | |
203 | | | 个人名片 | person_filled | | |
204 | | | 文件 | folder_filled | | |
205 | | | 卡券 | cardholder_filled | | |
206 | | | 直播 | icons_outlined_chats | | |
207 | | | 群工具 | icons_filled_grouptool | | |
208 | | | 群接龙 | icon_outlined_solitaire | | |
209 | | | 第三方转语音插槽 | voice_circle_regular | | 具体哪个插件的反馈 |
210 | | | 音乐 | icon_music_filled | | |
211 | | | 小信号 | icons_filled_barrage | | |
212 | ## 6. 消息气泡
213 | ### 6.1. 语音条（该部分缺矫正和补充）
214 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
215 | | :-- | :-------- | :------------------: | :------- | :----- |
216 | | | 语音条播放状态 1 | icon_voice_playing 1 | 24*24 | #55 单独 |
217 | | | 语音条播放状态 2 | icon_voice_playing 2 | | #55 单独 |
218 | | | 语音条播放状态 3 | icon_voice_playing 3 | | #55 单独 |
219 | | | 暂停状态 | @@ | | |
220 |
221 |
222 |
223 | ## 7. 聊天页长按图片操作
224 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
225 | | :-- | :---------- | :------------------------: | :------- | :-------- |
226 | | | 保存图片 | download_filled | 30*30 | |
227 | | | 查看聊天记录中更多图片 | icons_filled_img_photowall | | |
228 | | | 此聊天中的图片视频 | icon_outlined_picture | | #56 单独 |
229 | | | 编辑图片 | pencil_rectangle_regular | | |
230 | | | 提取文字 | icons_outlined_ocr | | |
231 | | | 其他未标注的 | - | | 与其他地方图标共用 |
232 |
233 | # 好友资料页
234 | ## 1. 性别显示
235 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
236 | | :-- | :-- | :--------------------------: | :------ | :-- |
237 | | | 男 | icons_filled_colorful_man | 18 x 18 | |
238 | | | 女 | icons_filled_colorful_female | | |
239 |
240 | ## 2. 语音视频通话
241 |
242 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
243 | | :-- | :--- | :-----------: | :------- | :------------ |
244 | | | 语音通话 | - | | 跟随首页右上角+号发起群聊 |
245 | | | 视频通话 | video_regular | 30 x 30 | |
246 |
247 |
248 | # 朋友圈
249 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
250 | | :-- | :------ | :------------: | :------- | :------------------------- |
251 | | | 评论 | bubble_regular | 30*30 | 会偏大，但是因与其他页面评论图标共用，会影响其他页面 |
252 | | | 点赞 | heart_regular | | |
253 | | | 朋友圈置顶 | icons_filled_top | | |
254 | | | 部分人可见 | person_2_filled | | |
255 | | | 删除朋友圈 | trash_on_regular | | |
256 | | | 第三方插件转发 | 欢迎补充
@@@ | | |
257 |
258 |
259 | # 公众号文章阅读页
260 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 | |
261 | | :-- | :-------- | :-------------------------------: | :------- | :---------------- | --- |
262 | | | 收藏 | icons_filled_color_favorites | 30*30 | | |
263 | | | 转发 | share_filled | | | |
264 | | | 分享到朋友圈 | Action_Moments | | | |
265 | | | 在看 | news_regular | | | |
266 | | | 在电脑上打开 | icons_filled_othersticker | | | |
267 | | | 在浏览器打开 | - | | 黄白助手引用该图标命名，两者共用 | |
268 | | | 微信读书中打开 | 欢迎补充
@@@ | | | |
269 | | | 发送到我的企业 | 欢迎补充
@@@ | | | |
270 | | | 邮件 | AS_Email | | | |
271 | | | 分享到 QQ | AS_QQ | | | |
272 | | | 分享到 QQ 空间 | Action_qzone | | | |
273 | | | 更多打开方式 | weapp_more_darkmode | | | |
274 | | | 在小程序工具中打开 | weapp_corner_icon_light
weapp_corner_icon_dark | | #56 单独 | |
275 | | | 浮窗 | icons_outlined_multitask | | 微信助手工具栏内“浮窗”共用此图标 | |
276 | | | 听全文 | icon_outlined_listen | | | |
277 | | | 稍后听 | icons_outlined_listen_later | | | |
278 | | | 保存为图片 | download_regular | | 与其他下载共用 | |
279 | | | 投诉 | exclamation_mark_triangle_regular | | | |
280 | | | 复制链接 | link_regular | | #55 （与其他链接共用） | |
281 | | | 刷新 | refresh_regular | | | |
282 | | | 全文翻译 | translate_regular | | | |
283 | | | 查找页面内容 | icons_outlined_find_content | | | |
284 | | | 调整字体 | icons_outlined_font | | | |
285 | | | 打开调试 | weapp_icon_debug | | | |
286 | | | 更多信息 | tag_regular | | | |
287 | | | 首页左侧收起浮窗 | arrow_left_circle_filled | | | |
288 |
289 | # 红包转账气泡卡面
290 |
291 | | | 解释 | 图标命名 | 1 x 基本尺寸 | 说明 |
292 | | :-- | :---- | :-------------------------------------------------------------------------------: | :-------- | :------- |
293 | | | 发送方发送 | ChatRoom_Bubble_HB_Sender
ChatRoom_Bubble_HB_Sender_Dark | 800 x 250 | 导出加@3x后缀 |
294 | | | 发送方接受 | ChatRoom_Bubble_HB_Sender_Handled
ChatRoom_Bubble_HB_Sender_Handled_Dark | | |
295 | | | 接收方正常 | ChatRoom_Bubble_HB_Receiver
ChatRoom_Bubble_HB_Receiver_Dark | | |
296 | | | 接收方接受 | ChatRoom_Bubble_HB_Receiver_Handled
ChatRoom_Bubble_HB_Receiver_Handled_Dark | | |
297 | | | 发送方过期 | ChatRoom_Bubble_HB_Overtime_Sender
ChatRoom_Bubble_HB_Overtime_Sender_Dark | | |
298 | | | 接收方过期 | ChatRoom_Bubble_HB_Overtime_Receiver
ChatRoom_Bubble_HB_Overtime_Receiver_Dark | | |
299 |
300 |
301 | # 更多内容将不断完善更新，记得 Star⭐️
302 | 如果有发现问题或者补充条目。你可以：
303 | - 直接 fork 此仓库，修改对应的 markdown 文件后发起 pr，审核通过将合并请求，你将成为该项目的参与者。（推荐）
304 | - 电报私信我或者使用 issue 发起反馈议题。
305 |
306 | 你的补充和反馈，将帮助完善此文档。也许你也是突然捣鼓微信主题，期待你在捣鼓期间，能留下你宝贵的经验和捣鼓心得，即使过一阵子就回归自己的工作生活，你留下的足迹也将为后来者乘凉。也许他们之中就有非常优秀的设计师，能带来非常棒的主题作品。
307 |
--------------------------------------------------------------------------------