这里是 Design Fragments，一处搜集互联网碎片的地方，也是之前 Design Scenes Weekly 的精神续作。
更多内容请查看 Design Fragments 的独立网站，包含了 RSS 订阅和搜索功能。
Design Fragments 目前共搜集了 2524 条信息。
本期是 9 月第 1 周内容。
New
Design Fragments 现已注册 WebMCP，提供了 7 种工具可供使用。
- browse_latest：最新约 20 条
- browse_month：指定年+月的全部条目
- search_items：关键词搜索
- open_item：按 id 看条目详情
- get_similar：查找相似条目
- list_tags：展示全部 tag
- browse_tag：按 tag 看相关条目
Design
mesh3D
- 搜集了一些基于 WebGL 和 Three.js 的网站。
- → 访问 (mesh3d.gallery)
===
Design Minis
- Vibe Coding 的普及，网页地端设计工具如雨后春笋，Design Minis 搜集了这些工具并加以分类。
- → 访问 (designminis.com)
===
Machine Vision
- 可在网页上为视频主题加上一层不断变化的框架符号线条等元素，不太好描述，可以亲自试试。免费导出 MP4 文件。
- → 访问 (machine-vision-seven.vercel.app)
===
drohnen-presse
- 神秘的球状关节机械图生成器，可保存为 SVG 格式下载。
- → 访问 (maschinenangst.nikolaj-sokolowski.de)
===
30 Desk
- 在浏览器里每天 30 分钟练习素描和数字绘画。适合每天都想画点什么但是不知道画什么的初学者。网站特意维持了少量工具与限时机制。
- → 访问 (30desk.art)
===
a-psychos-gd-tool
- 基于节点的平面设计工具，目前有 30 多种节点包括文本矢量化、网格、栅格图像滤镜等常见效果。
- → 访问 (github.com)
===
Tuffo
- 受 William S. Gillies 启发的标题文本，自带斜体效果，比起 Gillies Gothic 减少了笔画手写程度，但保留了有趣的笔画字形。
- → 访问 (typeverything.com)
===
Se Micro
- Se Macro 的小号字体优化版本，中宫更开放，inktrap 也更明显。Condensed 和 Black Italic 都很有特色。
- → 访问 (gallerytype.com)
===
构建宽容的多语言界面
- 构建多语言产品时需要注意的事项。很多细节都是影响最终界面布局的关键，这种影响我觉得用蝴蝶效应形容也不为过。
- → 访问 (rene.wang)
===
Tech
Stemdeck
- 将音频分割成最多六个音轨（人声、鼓、贝斯、吉他、钢琴、其他）的本地处理工具。可以自定义混音或导出单个音轨。开源。
- → 访问 (github.com)
===
#96 构建游戏源: New Games Hub
- 我自己的文章。New Games Hub 会每天早晚各 1 次，从我指定的几个信息源提取文章中出现的游戏，并以「简介 + 亮点」的形式展现。文章介绍了背后的历程和详细提取流程。
- → 访问 (fenx.work)
===
TypeGPU
- WebGPU 的类型安全封装，对 JS/TS 开发更友好，支持用 TypeScript 写 shader，模块化比起 three.js 更底层一些。
- → 访问 (docs.swmansion.com)
===
AI
Vercel 如何构建品牌页面 DESIGN.md
- Google 提出 DESIGN.md 后就散养了，Vercel 用最好的实践告诉大家一份 DESIGN.md 文件应该包括综合的设计指导、样式文档以及验收评估指导。
- → 访问 (vercel.com)
INFO
Design Fragments 绝大部分内容和服务都是免费的，但是你可以成为订阅会员来支持我。
订阅会员可通过使用 Algolia 的 MCP 在 LLM 对话中搜索和交流 Design Fragments 所有 2524 条信息。
详情请查看。
欢迎分享本文。敬请期待下周内容。