这里是 Design Fragments,一处搜集互联网碎片的地方,也是之前 Design Scenes Weekly 的精神续作。
更多内容请查看 Design Fragments 的独立网站,包含了 RSS 订阅和搜索功能。

Design Fragments 目前共搜集了 2461 条信息。

本期是 8 月第 2 周内容。

Design

ELO 2026 Online Exhibition

  • 国际电子文学组织历年举行的在线展会,主打一些数字艺术与电子文学作品。有空了找找灵感很不错。
  • 访问 (projects.cah.ucf.edu)

===

DesEng: Ultimate Resource for Design Engineers

  • 为 Design Engineer 准备的文章、视频和工具资源。感觉进一步加深了设计工程师每天做小动效的刻板印象。
  • 访问 (desengs.com)

===

网页中的拟真玻璃材质

  • 基于 React Three Fiber 构建,WebGPU 渲染,可以控制更多的 3D 管线参数。
  • 访问 (webgpu-glass-material.vercel.app)

===

Originkit

  • 同样是很多网页酷炫小组件,特色在于可以在网页中建立不同的变体,单独自定义参数,然后变体可以单独导出代码。
  • 访问 (originkit.dev)

===

GreatStuff

  • 如题,好东西。不光搜集了一些网站,还有一些有意思的工具和资源。比如这个海报工具 Micro-graphic Generator 就是在这个网站发现的。
  • 访问 (greatstuff.fyi)

===

Tech

Morph Icons

  • 可以在任意图标之间加入形变过渡的工具。核心是纯函数,支持多种框架和自定义 SVG 路径。原理是先归一化为三次贝塞尔,然后统一重新采样找出锚点的对应关系。
  • 访问 (morphicons.com)

===

SwiftUI 七年之痒:何时摆脱测试版?

  • 爱之深责之切。七年过去了,SwiftUI 并没有变成一个真正意义上的生产级 UI 框架,依然有头疼的布局和性能问题。
  • 访问 (ykvm.com)

===

Notomo - Apple 备忘录的 AI Copilot

  • 为 Mac 上的 Apple Notes 窗口带来 Markdown 快捷输入、快速操作、可复用技能和理解笔记上下文的 AI。
  • 访问 (notomo.app)

===

Pandoc 20 周年回顾

  • Pandoc 目前支持 51 种输入格式和 76 种输出格式,可实现 3876 种不同的转换。John MacFarlane 藉此机会回顾了下 Pandoc 如何走过这 20 年的。提到 Pandoc 对比 LLM 转换格式的优势,首先是更环保……我觉得他太谦虚了。
  • 访问 (pandoc.org)

===

更好的肤色色彩空间

  • 用一组简单的数学方程圈定出合理肤色对应的颜色范围,方便数字绘画和游戏捏人时选择肤色。最终的拾色器可以通过 T / U / V 在肤色的深浅、红润黄褐和冷暖之间调节。通过改变 R² 的值来获取更多可能性(比如绿皮肤的兽人、蓝皮肤的精灵)。
  • 访问 (toneyalexander.github.io)

===

Lifeline - 时间线组件

  • 一个 shadcn registry,可以快速生成简洁、布局规整的网页时间线。适合展示自己的职业生涯、旅行记录等。
  • 访问 (github.com)

===

Space Rabbit

  • macOS 的桌面空间切换带有过渡动画,这个 App 直接移除了动画可以瞬移到目标位置。这样每次切换都会为你节省 0.8s(作者统计时间),并在 App 中记录。
  • 访问 (github.com)

===

AI

PixelGPT v0

  • 利用 transformer 原理在网页中无限生成 24*24 的像素图案。背后数据集
  • 访问 (unston.io)

===

Agent Plugins

  • 将 Skills 和 MCP 打包在一起作为 agent 插件的文件格式规范。
  • 访问 (agent-plugins.org)

===

Fun

Angle Ref. Search

  • 旋转颅骨,然后筛选出相似角度的真人照片。网站用了类似 98.css 的风格。
  • 访问 (angleref.com)

===

Vinyl - 桌面黑胶唱片机 App

  • 同步 Spotify 的播放歌曲信息到这个应用中的唱片机,并做为动态壁纸使用。
  • 访问 (vinylformac.com)

===

Branch - 照片实验排版

  • 拍下很多树枝照片,然后按照树枝走向拼接照片路径,最后整个照片也呈现树枝排版。
  • 访问 (branch.constraint.systems)

INFO

Design Fragments 绝大部分内容和服务都是免费的,但是你可以成为订阅会员来支持我。
订阅会员可通过使用 Algolia 的 MCP 在 LLM 对话中搜索和交流 Design Fragments 所有 2461 条信息。
详情请查看

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