资讯/神器/素材全都有！2026年7月设计周刊第三波

一、全文速览图

二、业界动态

1. OpenAI：Codex 正式并入 ChatGPT

OpenAI 宣布将 Codex 正式整合进 ChatGPT，独立入口逐步退出。未来无需再单独使用 Codex，即可在 ChatGPT 中完成代码生成、项目协作与 Agent 工作流。

这也意味着 OpenAI 正持续收拢产品矩阵，把 ChatGPT 打造成统一的 AI 工作入口。

2. 阿里 D20 2026 全球设计院长峰会举办

7 月 10 日至 11 日，D20 2026 全球设计院长峰会在杭州阿里巴巴西溪园区举办，AI 创意创作生态的重要玩家齐聚一堂，共同探讨 AI 与设计的未来。

相比过去聚焦设计工具，今年更多讨论开始围绕 AI 创作平台、Agent 工作流与设计生态展开，也能看出整个行业正在进入新的阶段。

老三整理了 2 天的现场图片合集，放在公开知识库啦

网址： https://my.feishu.cn/wiki/W5wiwsm2giIzQckfYo2cUJJnnVh?from=from_copylink

3. 苹果开放 iOS 27 / iPadOS 27 官方设计资源

Apple 更新 Design Resources，正式提供 iOS 27 与 iPadOS 27 的官方设计资源，同时支持 Figma 与 Sketch 两种格式下载。

对于产品设计师而言，官方资源始终是保持设计规范一致性的最佳参考。

网址： https://developer.apple.com/design/resources/

三、AI 资讯

1. Qwen3.8-Max Preview 上线，千问平台同步完成后台重构

阿里千问上线 Qwen3.8-Max Preview，目前优先向 Token Plan 用户开放。同时新版平台后台也完成整体重构，从模型管理到 API 使用流程均进行了重新设计。

相比一次模型更新，这次更值得关注的是整个平台体验的升级，也意味着国内 AI 开发平台正在不断完善开发者生态。

网址： https://platform.qianwenai.com/home

四、产品推荐

1. Workbox：把 AI Skill 工具箱做成一座可以逛的书架

小耳整理的个人 AI Skill 与工具集合网站，收录了大量日常使用的工具、Prompt 和工作流。整个网站采用书架式布局组织内容，让工具浏览更像是在翻阅一本持续更新的工具目录。

相比传统导航站，它更强调浏览体验：通过拟物化的信息架构和富有创意的交互形式，让寻找工具这件事本身也变得有趣。

网址： https://workbox.xiaoerai.xyz/

2. Amicro：一套专注微交互的 React 动效组件库

Amicro 是一套开源 React 微交互组件库，提供卡片 Hover、按钮反馈、页面转场等常见动画效果，可通过 CLI 快速引入项目。

对于需要提升产品体验细节的团队来说，它提供了一套可直接复用的微交互方案，也适合作为动效设计参考。

网址： https://amicro.vercel.app/

3. WorkBuddy：AI Agent 工作流实践教程

WorkBuddy 分享了一套围绕 AI Agent 的实践案例，通过真实项目展示 Agent 如何协同完成复杂任务。

相比介绍单一工具，它更偏向真实工作流程的拆解，对于希望搭建 AI 工作流的设计师和开发者具有不错的参考价值。

网址： https://codebuddy.work/agents/

4. audio：11KB 的声明式 Web Audio 音频库

Raphael Salaja 开源了一套声明式音频合成库 audio，可以把声音描述成普通 JavaScript 对象，并通过一次函数调用完成播放。整个库压缩后仅 11KB，支持 Tree Shaking，可直接用于 JavaScript 或 React 项目。

相比传统音频 API，它把声音也抽象成了可组合、可复用的组件，非常适合网页交互音效、游戏 UI、产品反馈动画等场景。

对于越来越重视「声音设计（Sound Design）」的产品来说，也是一个值得收藏的轻量工具。

GitHub：https://github.com/raphaelsalaja/audio

在线体验： https://audio.raphaelsalaja.com/

五、设计素材

Marrs Green：全世界最受欢迎的颜色

Marrs Green 曾由来自一百多个国家、超过三万名参与者共同票选，被称为「世界最受欢迎的颜色」。介于蓝绿之间的丝绒质感，让人联想到森林、湖泊与自然景观，因此常被用于传递平静、可靠与自然的品牌氛围。

对于品牌视觉与界面配色来说，也是一个值得收藏的经典色彩案例。

所以说 win 98 配色遥遥领先咯？

Signalbox：英国铁路实时地图可视化

Signalbox 将英国铁路实时运行状态可视化，通过线路、车辆、延误等信息构建出一个持续更新的交通网络。

实时地图最大的挑战并非数据，而是如何在高密度信息下仍保持可读性，对于地图产品、监控系统以及驾驶舱设计都具有参考价值。

网址： https://www.map.signalbox.io/

六、设计细节

BOOM!：把建筑知识翻译成儿童可以操作的体验

Nissen Richards Studio 为奥斯陆国家博物馆设计的 BOOM! 建筑展，通过磁吸模型、互动装置、光箱与儿童尺度空间，将复杂建筑知识转化为可以触摸、移动与探索的体验。

它不是简单降低内容难度，而是主动降低理解门槛，让用户先体验、再理解。这种设计思路，同样值得复杂产品和 B 端系统借鉴。

网址： https://www.designweek.co.uk

VibeLoft：把整个社区设计成一架飞机

VibeLoft 将整个社区比喻成一架飞机：用户拥有自己的座位，产品发布成为登机展示，不同频道对应不同机舱功能。

这种完整的主题化信息架构，让社区不仅拥有统一视觉，也建立了鲜明的品牌记忆点，是一种值得参考的社区体验设计。

网址： https://vibeloft.ai/

七、随便看看

WAIC 2026 逛展手册

一份围绕 WAIC 2026 世界人工智能大会整理的线上逛展指南，汇集展区、企业、路线等信息，帮助观众快速规划参观路径。

对于大型展会来说，也是一个不错的信息组织案例。

网址： https://waic-guide.virxreal.com/#top

Yamanote.fun：把东京山手线做成一个可听的网站

一个围绕东京山手线制作的小网站，将站点、地图与声音结合，通过简单交互建立起强烈的城市记忆。

它证明了即使没有复杂功能，一个明确的感官体验，也能让网页变得令人印象深刻。

记得开声音，梦回 Tokyo

网址： https://www.yamanote.fun/

Codex 换上 QQ 皮肤：社区把 AI IDE 做成了 2000 年的 QQ

最近，一套 Codex QQ Skin 在开发者社区引发热议。作者将 Codex 界面重新设计成经典 Windows XP + QQ 风格：蓝白渐变窗口、三栏布局、QQ 小企鹅头像、项目列表、聊天输入框……让 AI 编程工具瞬间梦回 2000 年代。

开源地址： https://github.com/zhulin025/Codex-QQ-Skin

八、碎碎念

这一周最明显的感受，是 AI 产品开始进入平台化阶段。

OpenAI 将 Codex 合并进 ChatGPT，阿里升级 Qwen3.8-Max 并重构开发平台等等

与此同时，我也越来越喜欢收集那些看似不起眼，却足够打动人的设计细节：有人把工具站做成一排书架，有人把社区变成一架飞机，也有人把复杂的建筑知识翻译成孩子都能玩懂的空间体验。

好的设计，很多时候不是多做一点，而是换一种更容易被理解、更愿意被体验的表达方式。

希望这些内容，能给你带来一点灵感，也欢迎把你最近看到的有趣设计、AI 工具或体验细节分享给我，一起把这份素材池越做越丰富。

我是老三，我们下周见

说明：本文为个人设计灵感整理与学习记录，相关作品版权归原作者所有。内容仅用于设计学习、审美观察与案例研究，如有侵权请联系删除。