Newlearnerの自留地

#Tools#Design#AI#OpenSource 👷Kami：一个开源的 AI 原生文档设计系统 🔗：GitHub🌐：官网 ⭐️Features • 免费开源，面向 AI 生成文档的排版场景 • 支持一页纸报告、简历、作品集、白皮书、信件、长文档、Slides • 支持中英文双语排版，适合打印、分享和导出 PDF • 内置清晰、美观的图表和关系图绘制能力 • 零配置，适合作为 Claude Code / ChatGPT / Cursor 这类 AI 工具的文档输出 Skill • 风格偏简洁、清晰、克制，避免千篇一律的 AI Design 味道 Kami 可以理解成一个给 AI 文档准备的设计系统。现在 AI 写内容已经不难了，但很多时候最后生成出来的文档，排版还是比较粗糙，要么像网页，要么像模板，要么看着有很重的 AI 味道。Kami 主要解决的就是这一段，把 AI 写出来的内容变成更适合阅读、展示、打印和发送给别人的精致文档。 它适合的场景很多，比如一页纸产品说明、个人简历、作品集 PDF、项目白皮书、长文档、Slides，或者任何需要排版成 PDF 的内容。里面也加入了自动画图的能力，可以把流程图、结构图、关系图这些内容一起做得更清楚。 我会把 Kami 看成 Waza 的妹妹，Kaku 的女儿，一个更偏创作和 Paper 排版的小工具。对于经常用 AI 写文档、做资料、整理作品集、准备对外材料的人来说，Kami 会是一个很顺手的补充。AI 已经能把内容写好了，现在也该让文档本身好看一点。 频道：@NewlearnerChannel

#GitHub情报#Design#Web 🎨基于数学曲线的加载动画集 🔗：GitHub | Web 👉Features - 基于数学曲线生成的加载动画（不是手写关键帧） - 多种曲线类型（正弦 / 螺旋 / 利萨如等风格） - 丰富的参数控制，为动画带来实时变化 - 纯前端实现，所见即所得，支持多种形式导出 💡 在小红书冲浪的时候，发现了这个个人项目。作者使用数学公式曲线运动做动画，还增加了玫瑰、心型曲线的动画，并对每个动画增加了配置项，大家可以尝试调整出自己想要的效果 👀 这个项目无疑结合了数学、动画和 UI，让我们能够自行探索函数与前端的美。大家可以将它们用在Demo / 展示页、加载动画或艺术项目之中，我也向 GPT 发出了询问，得到了另外一些同样很优美有趣的可视化图案代码。可以说，AI 极大程度上方便了普通人去发现美、创作美 🧑🏻‍💻 人终究是视觉动物，近年来各类可视化网页做得越来越精美，短视频也牢牢抓住了人们的眼球。从中挑选出一些适合自己审美的，细细挖掘，背后的原理也十分有意思 📘 关联阅读： 1️⃣介绍两个有趣的地铁网页可视化项目 2️⃣Aeris：实时 3D 航班飞行可视化网页 3️⃣NO DAYS OFF：Adrien Friggeri 和他的跑步可视化网站 4️⃣Bartosz Ciechanowski 和他的博客 频道：@NewlearnerChannel

#macOS#Blog#Design 💻It’s hard to justify Tahoe icons 🔗：Blog 👀 大家对 macOS 的吐槽不是一天两天了，无论是前几年正式版发布一拖再拖，还是几次 UI 和功能的迭代，都很难真正让人称得上满意。我能够理解这整件事，即功能越来越复杂的当下，想要做到「大而美」其实并不容易，但 macOS 在许多表层的细节上，表现依然不尽如人意 💡 老朋友 Nikita 就在近期发文，猛烈抨击 macOS Tahoe 奇奇怪怪的图标排布和设计。Nikita 也是一个 Mac 和 macOS 老派爱好者，之前研究过给 Mac 挑选外接显示器等一系列问题，博客设计也非常简约大方。此次发文，导火索是 Apple 违背了人机交互指南的准则，为右键菜单栏增加了太多图标 😡 在 Nikita 看来，太多图标会影响大家快速识别和选择对应的选项。此外，macOS Tahoe 的图标设计还存在着一图多用、一致性缺失、缺乏细节、令人费解、模糊不清等诸多问题。他非常耐心地做了一些截图展示和对比，并且描绘了他心目中这些图标应有的样子，合情合理、让人十分信服 🧑🏻‍💻 作为 macOS 老用户，我们都品尝到了 Apple Silicon 等硬件为 Mac 带来的丝滑体验，但也希望 macOS 本身能够越来越好。设计主管 Alan Dye 被 Meta 挖走，不知道未来 Apple 的设计团队会给出什么样的作品，但可以肯定的是，macOS 距离大家心目中的模样，还有很长的一段路要走 📘 关联阅读： 1️⃣SolidGlass：在 macOS Tahoe 上禁用 Liquid Glass 效果 2️⃣Mac: It Just Works —— Terribly 频道：@NewlearnerChannel

#Games#Web#GitHub情报#Design#People 🚗Folio 2025：创意开发者 Bruno Simon 和他的 3D 个人介绍页 🔗：GitHub | Web 🛹 最近冲浪的时候看到了一个非常有意思的个人介绍网页，做成了三维世界的形式，每个访客可以驾驶小车在其中自由穿梭。游玩的过程中，总觉得似曾相识，搜索之后发现是 6 年前就介绍过的 folio-2019 项目的更新，也是过了非常久了 🧑‍💻 本次更新后，世界地图进一步扩展，每个区块的连接也更加自然。网站提供了地图，可以点击传送到不同的区域，查看 Bruno Simon 不同方面的信息。在这个过程中，你可以进行赛车比赛、自毁、破坏场地内的其他物品，总之非常解压过瘾 💡 开发者通过 Three.js 搭建了本页面，代码全部开源。在这个世界里，你可以尽情聆听音乐、解锁成就和彩蛋，可以说是非常用心了。此外，开发者还为键鼠、触屏和手柄分别做了适配。如果你上班的时候除了解谜 Sam 不知道做些什么，可以在这个三维世界尽情驰骋 📘 关联阅读： 1️⃣Jesse Zhou 和他的「拉面店」个人主页 2️⃣My Room in 3D：在线参观 3D 房间 3️⃣Slow Roads：在线开车模拟器 频道：@NewlearnerChannel

#PC#Design#Web 💻stickertop.art：收集世界各地的笔记本电脑贴纸文化 🔗：Web 👾 你有给自己的电脑或者其他物品贴贴纸的习惯吗？许多人热衷于给自己的笔记本电脑 A 面贴上各种各样的贴纸，以展示自己的个性和热爱的事物。今天要介绍的网站 stickertop.art 则致力于收集这些个人用户的笔记本电脑贴纸文化，你也可以自行上传 💡 网站列举了数百个风格迥异的展示图片，并通过标签将它们简单归类。在其中，你可以看到 Apple、编程、黑客马拉松、LGBT 等多种多样的文化及对应的贴纸。正是这些贴纸及其背后对应的含义，让这台笔记本电脑变得独一无二 👀 我个人则是「原教旨主义者」，虽然家中也收集了各种各样的贴纸，但从未试过将它们贴到自己的 Mac 上。一方面，我认为保留整面银色的金属质感就可以；另一方面，个人还是更加倾向于冰箱贴那种不留痕迹、便于重新排布的形式。不管如何，欢迎笔记本贴纸文化爱好者上传你们自己的电脑照片 频道：@NewlearnerChannel

#Blog#Design#AI#People 🎨fenx 和 TA 的 Design Fragments 小窝 🔗：DF | Blog | LLM Things 🧑🏻‍💻 fenx 老师和我在 22 年就认识了，那之后 TA 一直在频道同步更新自己的 Design Scenes 设计周刊，直到停止定期更新。fenx 跟我说周刊的更新挤压了自己的生活，之后想做一些有意思的事情 👁 所以 Design Fragments 就是这段时期的产物，近期 fenx 发布了子项目 LLM Things，制作了一些和 AI 厂牌相关的数字贴纸，玩了一些梗，我喜欢这样松弛的创作和表达 💻 这样的贴纸有趣到很多人愿意将它们贴在自己的电脑上，我有个朋友把自己的 MacBook 贴得满满当当，充满了个性。而我一直比较偏向于原教旨主义，喜欢把电脑、汽车等物件尽量保持它们干净的原样；我不大擅长让别人从物件或外表就看透我是个什么样的人，更喜欢通过交流让陌生人认识到我身上的点。见仁见智 👀 而 Design Fragments 是 fenx 日常的碎片化收集和表达，类似于 Anyway FM 的「安妮薇看看」，后者恰好也是我们的伙伴 Clu 参与运营的。它们关注的领域也比较重合，也就是 Tech 或者 Design 领域有趣的人和事 ❤️ 老实说，我很喜欢 fenx 做的这些网页，爱设计的人，自己的主页一定要漂漂亮亮、干干净净的。人总是逃不出视觉动物的局限，有这么多人愿意为我们带来好的中文设计内容、传播自己的审美，是非常好的事情。最近看到 锚坞 的创始人 Willie Liu 要在线下做一个「玩字展」，创作的下一个美好阶段 💡「XXX 和 TA 的 XXX」专题旨在挖掘一些不那么大众的开发者、设计师、生活爱好者，并和大家分享他们的作品。大家可以通过 #People 这个 Tag 阅读本专题的往期内容 频道：@NewlearnerChannel

#Web#Design 👾Tooooools：极简主义和 Lo-fi 效果图片/视频生成器 🔗：Web 🔥 最近很火的生成器网站 Tooooools 把我们又带回了前几年「点阵」和 Lo-fi 流行的年代，它由俄罗斯设计师 Daniil Sukhovskoy 所开发，目前维护了一年了 💡 只需上传照片或视频，平台就可以将它们转化成不同风格，包含了点阵、渐变、重新着色、拉伸等多种风格。此外，平台也提供了丰富的自定义，你可以设置画布尺寸、预处理参数以及导出格式等 👀 个人认为 Tooooools 比较适合用于 Logo 和极简线条视频的复古化处理，开发者表示 Tooooools 可免费用于个人或商业用途，大家可自由进行创作 📘 关联阅读： 1️⃣more.graphics：生成不同风格的自定义背景纹理图案 2️⃣1001 个小而美 App：Nothing 风格 App 大推荐 频道：@NewlearnerChannel

#APPLE#Design#GitHub情报 🔮分享几款 Liquid Glass 设计项目 WWDC25 之后，Liquid Glass 无疑成为了目前顶流的设计语言，各大厂商和开发者们趋之若鹜。今天也想和大家分享几个开源 / 社区的 Liquid Glass 项目实现 1️⃣Apple iOS 26 Library 首先绕不过去的当然是 Apple 自己在 Sketch 社区提供的样本，里面详细展示和介绍了不同界面和应用下的 UI / UX 实现，各位开发者可以重点进行参考，让自己的应用早日适配新风格 2️⃣Liquid Glass React 正如名字那样，本开源项目是通过 React 实现的 Liquid Glass 效果。不同的是，项目提供了非常高度的自定义选项，你可以控制折射最终呈现的效果、高斯模糊的程度等等。这里有一个 Demo 可供体验 3️⃣Liquid Glass Distortion 本项目是国人设计师质子在 Figma 社区的作品，它同样提供了很高质量的实现，并且加入了许多自定义选项，还有专门的「一键 iOS 风格」功能 👀 Liquid Glass 出来之后，大家对它褒贬不一，主流的声音是影响了可阅读性。不过，就在刚刚发布的 Beta 2 中，Apple 对高斯模糊进行了调整，观感好上了不少 💡 个人认为目前可以不急于去评价这个风格到底好与坏，Big Sur 出来的时候大家也是接受不能，然而现在又爱个不停。抛开 Apple 对未来轻量 AR / VR 的布局不谈，我更乐于见到一些优秀的 Liquid Glass 的实现和交互，希望它能够在秋天给我一个惊喜 频道：@NewlearnerChannel

#Web#Utilities#Design 📇Postable：一键为推文生成美观的分享图片 🔗：Web 📐 Postable 是由产品设计师 Aryana Shakibaei 打造的一个推文分享图片在线生成的免费服务，具有以下亮点： - 简单易用，只需在 Twitter 上复制推文链接后并将其粘贴到 Postable 的输入框中即可一键生成； - 内置多种图片尺寸，支持同时导出适合 Instagram、Facebook 等社交平台的最佳展示分享图片； - 内置多种背景样式，支持从 Unsplash 中选取、本地图片上传，或使用推文作者头像作为背景； - 除此之外，Postable 还支持调整图片圆角、展示推文各项数据、选择布局方式等功能。 🪧 自从 Twitter API 调整之后，Poet[dot]so 便无法再为推文生成图片。在这期间，我们曾经介绍过无需跳转三方网站、直接在 Twitter 上生成分享图的 Chrome 拓展 X Cards，虽然在便捷性上更胜一筹，但整体质感还是稍显粗糙。 🧤 今天分享的 Postable 则可能是 Poet[dot]so 之后最好的在线推文分享图片生成服务。得益于产品主创的设计背景，整个产品无论是界面设计还是使用体验都十分优秀。内置的 Pattern 背景、对推文作者头像的 Filter 处理，再到圆角的参数调节等都能看到主创对这一场景的洞察。如果你也在寻找一款足够好用、优雅的推文分享图片生成服务，那么目前完全免费的 Postable 一定不能错过。 📍首发频道｜小红书｜Twitter｜微信公众号 频道：@NewlearnerChannel