类 iMessage 风格 WeChat 主题

image-amybhyvn.png

iMessage_Theme_For WeChat

一个免费开源的 微信 主题


还原简约干净,
但不简单。

为“心”情换上“新”卡面。

重新为你的红包转账气泡穿上衣服。


有绿色,但也能聊个小“”天。

杜绝花里胡哨

就要深邃的黑,纯净的白

image-sqktkftj.png

一切都在努力

成为主题作者-《主题适配经验指南》衍生项目,包含图标命名统计、制作经验等。欢迎来合作完成👏🏻

材料准备

👉 巨魔用户(需要17.0及以下系统的用户,系统不满足就走下面 免费):插件下载(TrollFools注入)

👉 苹果系统 17.0 以上用户点击:定制V下载

👉 必须下载的:主题 WeChat-iMessage-Themebox.v1.2.3.zip

可以点击底部礼物盒加入主题讨论群组

简介

         一款基于 Apple 系统图标 的类 iMessage 风格 WeChat 主题,为 Themebox 插件专门适配,旨在提供简约而高效的视觉体验。主题覆盖了 iMessage 常见图标,并对部分 WeChat 第三方插件图标进行了专门设计和优化。支持浅色模式和深色 OLED 模式自由切换,整体风格以蓝色为主调,保持一二级界面干净的同时,为功能菜单增加色彩点缀兼具简洁与实用。主题文件包含完整的界面适配及多种红包、转账气泡样式,并附带可供参考的 Sketch 项目文件。持续更新,欢迎参与协作,共同完善主题设计。

(界面随更新、完善和优化可能变化)

         目前该主题可能仍有部分遗漏的待优化和解决的问题。如果你有兴趣和经验愿意共同维护和完善该项目,也欢迎通过该页最底部礼物小图标联系。

主题使用说明

  • 确保你已经安装并激活 Themebox 。(可联系底部小礼物获取)

判断是否激活方法:主题盒子右上角礼物盒查看是否有官方主题,如果没有就代表没激活

若是刚刚才激活成功的,就去主题盒子右上角点击礼物盒,下载官方主题->更换主题->启用插件

注意:千万别点永久删除千万别点永久删除千万别点永久删除,点了那你就重新花钱找我买吧

若收到的是美化鸭的盒子激活那就是完全等同于下面这张图,是同一个主题

核心目的摘要

虽然步骤看起来繁琐,但是就一个目的,下载的主题解压之后复制到主题存放路径。然后在微信启用就能用了

地图预览:

首先:去微信中的->微信助手插件->文件管理器->Documents/ThemeBox/diy/官方主题

查看 diy 目录是否存在

如果不存在,就手动创建一个 diy 文件夹,并且之后再手动创建名叫 官方主题 的文件夹。所以创建完成之后的完整路径就应该是这样 Documents/ThemeBox/diy/官方主题

现在我们一起来看,你下载的 imessage 主题解压之后长这样,如下图

我们要进入到->WeChat-iMessage-Themebox 目录

进入之后,全选,全部选中里面的所有文件,把里面所有文件一股脑的复制,复制到哪儿?->

复制到你刚刚手动创建的 diy 目录下里面的官方主题文件夹。所以你当前位置是在:

Documents/ThemeBox/diy/官方主题确认无误之后就可以点击粘贴了

还不会的查看下方的视频教程,跟着视频一步步做

安装完成之后的一些必要设置

  1. 建议前往 微信 - 设置 - 通用 - 字体大小 将字体大小设置为 标准以下

  2. 使用插件开启全局圆角!全局圆角!全局圆角!!!否则图标尺寸显示不佳。(所有适配基于圆角模式下优化)。
    并将 Themebox 按照如下设置消息字体颜色布局以达到主题显示最佳适配效果 :

  1. 最重要的一项设置,就是素材加载模式,请注意选择自定义优先

  2. 设置完成后,重启微信,以使主题生效。

疑难杂症-请访问👇

本主题《使用指南及答疑》

必看说明

  • 基于 Themebox(兼容1.0.5以上) 主题盒子插件和微信 8.0.54 8.0.55 版本适配。(其他主题插件、微信版本使用不保证兼容性,请自行调整优化)

  • DIY目前只适配主题盒子“官方测试原生主题”,上线版关注兑换码发放。

  • 基于 Apple Developer 官方系统图标库制作。

  • Sketch 项目工程文件内素材命名可能会随着 主题插件WeChat 版本更新而变化。(会第一时间更新和完善。也欢迎主动提 issue。)

  • 免费分享,禁止二次打包售卖。

  • 请多 支持!支持!支持 主题插件作者和原创主题作者!

  • 部分内容如:头像修改气泡长按工具栏部分操作等未做大设计,主要是为了去繁从简,避免太花里胡哨,但如何设置在项目文件中有标注,需要的话可以自行按照说明设计。

  • 部分位置图标引用同一命名,无法单独设置,可能会出现部分位置图标有文本不对应的问题。
    (已最大限度保证显示合理性,避免过于突兀,如有强迫症请自行调整设计或关闭该图标指向的功能)

特性

  • ✅ 类 iMessage 风,以蓝色为主调。简约干净。

  • ✅ 深色纯 OLED 模式(节省电量)

  • ✅ 输入栏适配优化1:1

  • ✅ 菜单栏优化

  • ✅ 保留聊天页底栏实时动态模糊效果

  • ✅ 高清晰度

  • ✅ 部分图标矢量化

  • ✅ 适配微信助手工具栏

  • ✅ 适配第三方插件,并为“黄白助手”“Misaka”单独设计图标。

  • ✅ 不拉伸气泡适配,高度圆角1:1

  • ✅ 命名方式统计表

  • 覆盖全部日常使用场景

  • 主题自动监测更新 dylib 插件

  • 微信内红包、转账气泡选择 dylib 插件

特别设计适配

1. 微信助手工具栏

image-pjkg.png

2. 输入栏

3.官方菜单底栏

转账红包气泡计划

本项目会不定期更新一些制作的新的红包、转账的气泡封面,欢迎关注。
下载压缩包后解压得到红包、转账气泡背景,全选你想要要替换的子文件夹内所有png文件到主题文件夹的Assets目录下覆盖替换即可,重启WeChat生效。

(部分素材可能涉及版权问题,仅供素材学习交流,免费分享,禁止盈利和二次打包!)


目前已推出和计划制作的封面有:

  • ✅ 京卡银行卡封面(默认)

  • MESH 黑卡封面

  • ✅ 渐变黑色简约卡包

  • AppleCash支付封面

  • ✅ 2025Mastercard中国红封面

  • Visa紫卡

  • Visa黑色VIP卡

  • 《童年回忆》系列

  • 2025 年农历春节蛇年封面

其他文件夹

1. 官方 Assets 文件夹

         WeChat 8.0.50 版本的 Assets 素材解包文件夹。 里面涵盖理所有经 Xcode 文件编译后的 Assets 资源文件。仅供参考,大部分图标的命名方式有由主题插件制作者定义命名,但有部分素材命名方式仍然未变。 (素材命名方式可能会随着 WeChat 版本和主题插件更新而变化)

2. 完整 Sketch 项目文件

         制作该套主题时的 Sketch 项目完整文件,提供参考和学习。也可以在此项目文件的基础上进行继续制作和完善。提交 PR 或者电报联系我分享你的项目文件。审核通过后此项目将更新。同时致谢和合作者列将表示对你的感谢。
完整Sketch文件页面树:

主题盒子适配说明
├── 头像修改
├── 背景
│   ├── 主题盒子微信底栏背景
│   ├── 自定义微信界面顶栏
│   ├── 聊天窗口顶栏背景
│   ├── 聊天窗口中间背景
│   ├── 聊天窗口底部背景
│   └── 聊天窗口输入框样式背景
├── 全局
├── 转账红包气泡
├── 杂项
├── 主界面
│   ├── 消息列表页
│   ├── 通讯录页
│   ├── 发现页
│   └── 我的页面
├── 聊天页面
│   ├── 示意图
│   ├── 昵称顶栏操作
│   ├── 气泡长按功能区(未全彩设计,避免繁杂)
│   ├── 输入栏区
│   ├── 微信助手插件工具栏区
│   └── 官方菜单工具栏
└── 好友资料页
    ├── 性别显示
    └── 语音视频通话

........更多未列出项


项目文件包含:

  • 全局背景设置。

  • Themebox 适配指南。

  • WeChat 所有页面分类整理。

  • 主题插件所有图标的命名设置。

  • 素材导出说明。

  • 转账红包气泡制作页。

  • 图标素材矢量化。

红包🧧、转账气泡制作

         项目红包转账气泡背景的制作 PS 项目文件。
         包含:

  • 气泡尺寸 (800 x 250)

  • 底部圆角卡片背景

  • 自定义背景设计的剪贴蒙版

    如果你想要 自定义设计红包转账气泡背景,可基于此项目文件进行初步设计你的个性化转账红包气泡。简单设计完成后进入 Sketch 根据 Sketch 项目文件内的说明批量命名和导出。

    若只使用 PS 导出,请确保导出所有以下命名的 png 格式图片: (图片已经调整尺寸大小,命名方式直接加 @3x 命名,小机型设备会自动缩放)

  • ChatRoom_Bubble_HB_Sender@3x (发送方-普通状态)

  • ChatRoom_Bubble_HB_Sender_Dark@3x (发送方-普通状态-深色模式)

  • ChatRoom_Bubble_HB_Sender_Handled@3x (发送方-接收状态)

  • ChatRoom_Bubble_HB_Sender_Handled_Dark@3x (发送方-接受状态-深色模式)

  • ChatRoom_Bubble_HB_Receiver@3x (接收方-普通状态)

  • ChatRoom_Bubble_HB_Receiver_Dark@3x (接收方-普通状态-深色模式)

  • ChatRoom_Bubble_HB_Receiver_Handled@3x (接收方-接收状态)

  • ChatRoom_Bubble_HB_Receiver_Handled_Dark@3x (接收方-接受状态-深色模式)

  • ChatRoom_Bubble_HB_Overtime_Sender@3x (发送方-过期状态)

  • ChatRoom_Bubble_HB_Overtime_Sender_Dark@3x (发送方-过期状态-深色模式)

  • ChatRoom_Bubble_HB_Overtime_Receiver@3x (接受方-过期状态)

  • ChatRoom_Bubble_HB_Overtime_Receiver_Dark@3x (接受方-过期状态-深色模式)



4. 部分素材导出

         项目部分制作的素材导出,方便没有 Sketch 的用户在其他主题或者地方使用素材。 (会不断更新)

5. 辅助脚本程序

         制作本主题时的辅助 Python 脚本文件。可快速提取官方 WeChat 包里经过解压后的 Assets 文件夹的所有文件的图标、文件名、尺寸大小,以及帮助你快速将他人的主题包里使用相同图标但命名不同的文件按照图标和文件名统一分类输出为 excel 表。

包含:

5.1. 1. 官方 Assets 分类提取程序

         用于参考学习官方 Assets 包。
功能包含:

  • 将文件夹下同时含有 @2x@3x 的同名文件分类为一行输出统计到 excel 表中。

  • 仅含有 @2x@3x 的文件保持 @2x@3x 命名输出一行。

  • 文件名图标预览。

  • 计算所有图标的 1x2x3x 尺寸大小。(方便你基于官方素材进行设计. 使用 Sketch 等原型设计工具时只需设计基础样式,导出时设置 @2x@3x 即可自动生成 2x3x 文件)

  • 按照名称顺序排序

image-gjkl.png

5.2. 2. 未封包的主题素材分类程序

         用于在命名大幅度更新或者变更后快速摸索命名规则。
功能包含:

  • 识别图片唯一 哈希值,区分相同素材但命名不同的文件到同一栏。(适用于使用标准作图软件如 Sketchfigma 或者 Principle 等导出的素材。非标准流程制作的素材可能会出现分类问题)

  • 文件名图标预览。

  • 计算所有图标的 1x2x3x 尺寸大小。(方便你基于官方素材进行设计)。



消息盒子

# 暂无消息 #

只显示最新10条未读和已读信息