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

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

本期是 4 月第 2 周内容。

Design

CJK 文字对比

  • CJK 的「同一汉字」共享同一个 unicode,但实际上是繁体或异体字。这个小工具用 Noto Sans 为例,展示了大陆、港台、日本和韩国的字形差异。
  • 访问 (tofu.tools)

===

Tech

网页鼠标悬停的速度门控

  • 鼠标快速滑过一组内容时,如何按照只让预期 hover 内容产生交互。此时抖动解决不了问题,而是需要计算包括速度在内的门控来实现多种符合直觉和体验的机制。
  • 访问 (karlkoch.me)

===

SynthID 逆向工程

  • 从大量黑白图样本反推出水印噪声,推导出不同分辨率下的码本,再去做减法。
  • 访问 (github.com)

===

支持主题模式切换的 SVG 网站图标

  • 只需要在 SVG 中加入 @media (prefers-color-scheme: dark) 就行了。原来在这里也可以生效。
  • 访问 (pawelgrzybek.com)

===

MLSharp

  • 一个本地小工具可以将 2D 图像转为 3DGS。支持左右视角的 3D 模式查看。
  • 访问 (suto.bex.jp)

===

AI

CSS Studio

  • 直接在网页上修改样式和布局,然后交给 AI 去实现具体效果。之前介绍过类似的产品 Agentation,Cursor 也自带相应的 Deisign Mode。突然间卷起来了。
  • 访问 (cssstudio.ai)

===

Fun

选中区域的手柄测量

  • Steve Ruiz 测试了一些画板工具的手柄周围区域是如何处罚缩放、旋转和移动的。他写了一个可视化脚本很有意思。之前 bjango 也写过类似的文章。
  • 访问 (x.com)

===

Unfolder for Mac

  • 一款简洁精致的折纸 App。提供 3D 和 2D 视图的切换,可以灵活地拆分和链接零件。
  • 访问 (unfolder.app)

===

Other

Steam 试玩节数据基准

  • 本文试图量化一些 Steam 游戏开发者都会面临的问题:我的游戏该不该参加试玩节;参加后获取多少愿望单算什么水平;能获得多少增长;转化率水平是否正常;该不该多次参加试玩节;试玩节后多长时间发布正式版等等。
  • 访问 (howtomarketagame.com)

INFO

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

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