这里是 Design Fragments,一处搜集互联网碎片的地方,也是之前 Design Scenes Weekly 的精神续作。
更多内容请查看 Design Fragments 的独立网站,包含了 RSS 订阅和搜索功能。
Design Fragments 目前共搜集了 2511 条信息。
本期是 8 月第 5 周内容。
Design
Motion Labs
- 来自 cuvii 的网页动效合集,偏科幻向,可复制代码,依赖 GSAP。
- → 访问 (labs.cuvii.dev)
===
ThreeUI Community
- 搜集了一些使用 three.js 的网站案例。
- → 访问 (threeui.com)
===
Paper Studio
- 网页中的纸张 mockup 工具。可以上传你的图片到特定尺寸的纸上,可以定制角度、纸张弯曲程度、数量等详细参数。免费导出。
- → 访问 (designminis.com)
===
Paywall Studio
- 根据模板用拖拽方式自定义移动端付费墙样式,没想到还有这种编辑器……仅导出代码需要收费。
- → 访问 (paywallstudio.app)
===
kentaro 的调制器和声音效果器插件
- kentaro 制作的 Ableton Live 插件,不懂 DAW,但是我觉得可以参考一下这些插件面板的设计作为灵感搜集。精致与实用并存。
- → 访问 (kentaro.tools)
===
GENERATIVE ANTITECTURE
- 我在没有上下文的情况下看到了这个工具,在一张信息丰富的海报中,生成动态的建筑透视图。
- → 访问 (re-presentation.jp)
===
Catalog — All things design
- Studio Offgrid 的资源目录,素材、工具、字体厂牌、Skills 等一应俱全。
- → 访问 (catalog.design)
===
Inspora
- 搜集一些动效灵感。鉴于各种灵感搜集站的生命周期并不长,我现在的看法是——多多益善。
- → 访问 (inspora.design)
===
Ink Boil
- 上传图片然后抖动起来。适合一些纯色背景上的线条风格图片,这样就可以达成线条抖动的效果。支持导出 GIF 和视频。
- → 访问 (inkboil.com)
===
Paperlab
- 在网页中定制 3D 空间的纸张 mockup。可以作为代码参数导出。背后是 three.js 和 GSAP。
- → 访问 (paperlab.nawwara.studio)
===
tschichold archive
- 排印大师扬 · 奇肖尔德(Jan Tschichold)的档案馆,收录了他的生涯 2184 幅作品。这可以一窥,有些我们习以为常的排版,经过了哪些历史沉淀。
- → 访问 (tschicholdarchive.com)
===
Tech
Dwitter
- 我一直好奇为什么大多是 SNS 只能发布图文和视频,而没有可执行的代码。直到发现了 Dwitter,它自带一个画布,允许发布 140 字符以内的 JS 代码。想象一下时间线都是图形和数学创意,那很美好了。
- → 访问 (dwitter.net)
===
TextMorph
- 免依赖的小型文本变换网页组件。
- → 访问 (torph.lochie.me)
===
Dory
- OrbStack / Docker Desktop 的开源平替,Swift 编写的原生应用,能跑完整 Linux 桌面,AI Agent 友好。
- → 访问 (github.com)
===
AI
fx - 微型 Agent
- Zig 开发,系统提示设计到工具等可以打包成 6.39 MB 的二进制文件。支持 ACP 也可以编译为 WASM。
- → 访问 (fx.sh)
===
训练模型使用 p5.brush 作画
- 作者使用 Qwen3.5-35B-A3B 进行 RL 来生成更漂亮的花朵水彩画。核心观点是奖励的设置,也就是人类审美如何被泛化为有效的信号。让视觉模型当评委的缺点是,如果是直接打分,最终会拉不开美丑的区分度;最后改为两两对比,以胜率作为奖励信号。文章还提到用 GEPA 优化了系统提示词,不是越详细越好。
- → 访问 (surya.website)
===
AI 界面博物馆
- 将广义上的 AI 界面以时间线形式展示。从最开始的 Siri 到现在,并未变化太多。
- → 访问 (interfaces.kylejeong.com)
===
Fun
2026 RPG sketches
- Sraëka Lillian 每周将他的 RPG 奇思妙想用 EasyRPG 做出一个小 demo。
- → 访问 (itch.io)
===
动画版 Five Hundred and Seven Mechanical Movements
- Henry T. Brown 的这本包含了 507 种机械零件运动的书,在网站上(某些运动)以动画形式呈现,更加直观。
- → 访问 (507movements.com)
===
Other
British Library Book Images 数据集
- 英国图书馆和微软合作的数字化项目中,从 1510 年至 1900 年间出版的 49,455 本书籍中截取了 1,080,814 张图像作为数据集。附带 space 可以去搜索浏览。标签非人工标注。
- → 访问 (huggingface.co)
INFO
Design Fragments 绝大部分内容和服务都是免费的,但是你可以成为订阅会员来支持我。
订阅会员可通过使用 Algolia 的 MCP 在 LLM 对话中搜索和交流 Design Fragments 所有 2511 条信息。
详情请查看。
欢迎分享本文。敬请期待下周内容。