这里是 Design Fragments,一处搜集互联网碎片的地方,也是之前 Design Scenes Weekly 的精神续作。
更多内容请查看 Design Fragments 的独立网站,包含了 RSS 订阅和搜索功能。
Design Fragments 目前共搜集了 2558 条信息。
本期是 9 月第 3 周内容。
Design
Piano Sheet Converter
- 雅马哈推出的自动扒谱工具,可以选择演奏者水平来导出不同难度的谱子,支持导出 PDF、MIDI、MusicXML 格式,需订阅费用。
- → 访问 (piano-sheet-converter.beta.yamaha.com)
===
Shaders / Solace — 网页上的可交互 shader 集合
- 目前搜集了 14 个 shader 效果,包括一些像素、粒子、变形、噪点等效果,也有 Specimen index 这样的流行样式。
- → 访问 (shaders.solaceui.com)
===
OKPalette
- 我喜欢这个调色板提取工具中的 stats 和 debug 视图。
- → 访问 (okpalette.color.pizza)
===
Book Cover Archive
- 搜集了很多真实外文书籍封面。元信息会包括书籍的 ISBN 和设计师署名。
- → 访问 (bookcoverarchive.com)
===
微调 Vercel Dashboard 的通知区域设计
- 如何在有限空间内用更好的方法呈现更多的信息,这是界面设计中时刻面临的难题。读完后我发现,似乎已经很久没看到过这样的文章了……
- → 访问 (rauno.me)
===
ChainPainter
===
Compositor – The Photoshop alternative for Mac
- 开源的 Photoshop 替代。macOS 原生应用,本体打包后只有几 MB 大小。有一些基础的 PS 功能,像是照片编辑相关会比较全一些,滤镜和图层样式有待完善。目前还不支持打开 PSD 格式文件。有时候没法卸掉 PS 就是因为其他 App 对于 PSD 支持不够完善。
- → 访问 (robbietilton.com)
===
图标与 label 文字的对齐方法
- 文字换行时,更合适的布局是,图标需要对齐首行文本,除了做成图标字体外,还有一些 CSS 小技巧。
- → 访问 (ishadeed.com)
===
Tech
更好的 macOS Activity Monitor
- 基本是 macOS 自带的活动监视器视图优化版,可能「借用」了一些 Windows 监视器的想法,比如查看 CPU 各进程占用。最好用的是每个具体应用进程单独的调用资源信息,原本是复杂的纯文本,这里优化了展示。虽然界面像是第三方框架,但是确实是原生应用……
- → 访问 (github.com)
===
Minted - SwiftUI 矢量图转为 3D 金属徽章
- 用 SceneKit 的
SCNShape挤压塑形,加上 PBR 材质和打光,只需要一个 SVG 图形就行,不错的原生解决方案。 - → 访问 (github.com)
===
Knap - markdown 模板语言
- 起源于 Obsidian 的模板语言,可以提取数据(比如 JSON)快速转为不同的 markdown 格式,包含变量、过滤器和简单的逻辑判断。也支持 YAML frontmatter。提取虽然不难,但自带了很多 markdown 格式还是很方便的,可读性也强。
- → 访问 (knap.md)
===
Apple 设备尺寸图(官方)
- 为了方便第三方配件厂商,甚至自己打印。Apple 列出了一些自家设备的工程尺寸图。比如你可以在 Apple Watch Ultra 3 图示中看到屏幕圆角精密的连续曲率参数。
- → 访问 (developer.apple.com)
===
APPZAPPER 3000
- macOS 卸载应用,初版发布于 2006 年。20 年后新版 AppZapper 重新推出,功能依旧是卸载,但是形式上有趣了不少。
- → 访问 (appzapper.com)
===
@shadcn/lint
- 面向 Agent 的 Tailwind 设计系统检查工具,支持 ESLint 和 Oxlint,兼容任意 Tailwind v4 项目(无需使用 shadcn/ui !)。
- → 访问 (github.com)
===
JPEG XL 的尴尬定位
- Web 真正需要的是节省带宽、速度快、能避免安全隐患的编解码器,而在这些维度上,AVIF(基于 AV1)已足够成熟甚至全面领先。JPEG XL 曾经唯一的优势为中高保真有损压缩和无损压缩,如今要么被追平,要么在 web 场景下发挥空间有限。JPEG XL 本身仍然是一项出色的图像技术,只是可能更适合 Web 之外的专业领域。
- → 访问 (giannirosato.com)
===
Tinycast
- Raycast 的开源「平替」——说是平替但其实体验还差一些,随着迭代应该会好起来。Raycast 不提供 API BYOK 和移植到非原生技术栈让很多人不爽(虽然目前两者内存资源占用其实都差不多),而拓展生态也没有形成壁垒,只能说痛点还是太痛了,卖 AI credit 还是要量力而行。
- → 访问 (abue-ammar.github.io)
===
AI
gpu-time:Plain English to Real Dates
- 一个运行在浏览器的模型,WebGPU 驱动,可以将英语中的时间信息转化为标准时间格式。因为项目的实验性质,目前模型只支持英语。
- → 访问 (gpu-time.arikko.dev)
===
System One Models & Jev
- 这个新式训练的模型放弃自回归写 token,改为多题并行出决策。可以输入应用的结构化状态文本,加上一组预先声明的决策(是或否 / 多选一 / 有序打分等),输出的是带校准置信度的类型化概率,而不是自然语言。因此在分类、路由、护栏、agent 闸门、实时控制这类需要智能判断的场景里,延迟和成本往往比用 LLM 硬挤 JSON 低一到两个数量级。
- → 访问 (typesafe.ai)
===
Bend
- 面向 AI 编程的验证语言。利用 lean 证明来阻止 AI 犯错,对比人类语言更加精准,且验证很快。
- → 访问 (bend-lang.com)
===
Fun
Green Screen Videos by Murdoink
===
Any Human Ever
- 随机年代,随机文明出生地,生成一段随机的人生。虽然是由 LLM 生成,但是也综合了大量的历史统计数据。正如关于页面 Muriel Rukeyser 所言,「宇宙是由故事组成的,而非原子。」
- → 访问 (anyhumanever.com)
===
Slit-Scan
- 你可能会刷到某些视频平台上那些「扫描线」样式的滤镜工具,这个网站提取了这个工具,你可以随时上传图片并手动操作,生成你想要的样子。可以控制扫描速度,但是没法方向。
- → 访问 (letsscan.club)
===
Lyrica
- 根据歌曲自动生成 MV,根据 BPM 生成时间轴,并依此节奏赋予文字动效。最近登陆了 Steam,但是不同平台账号不互通。
- → 访问 (lyrica.jp)
===
Other
中世纪心理健康
- 现代都市生活光怪陆离,但相对平淡单一的中世纪,人们也会被焦虑与抑郁灯心理问题困扰。抑郁症患者通常被认为是「体内黑胆汁过多,大脑充满迷雾」,长期或强烈的负面情绪甚至有可能致死。应对方法一般是兼顾身体和情绪上的放松,比如按摩、食用番红花、宝石、散步、听歌、读书等,宠物和园艺也都有助于放松情绪,治疗上倒是和现代差不太多。
- → 访问 (aeon.co)
===
糖果包装档案
- 我没想到这些糖果甜品等零食包装也有人收集归档,但你确实可以看到上世纪 60 年代的 M&M 威化饼干的黑金包装。比较遗憾的是网页筛选有一些问题,无法按照年代筛选查看。
- → 访问 (candywrapperarchive.com)
===
彩色消防栓图鉴
- 我没想到有这么多彩色的消防栓也有人收集归档,甚至还加上了色板和 3D 模型(使用 Polycam 扫描)。
- → 访问 (dayroselane.com)
===
Carsized
- 同一比例尺中对比两辆车的尺寸和外观。
- → 访问 (carsized.com)
Design Fragments 绝大部分内容和服务都是免费的,但是你可以成为订阅会员来支持我。
订阅会员可通过使用 Algolia 的 MCP 在 LLM 对话中搜索和交流 Design Fragments 所有 2558 条信息。
详情请查看。
欢迎分享本文。敬请期待下周内容。