这里是 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 条信息。
详情请查看

欢迎分享本文。敬请期待下周内容。