🔗：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 阅读本专题的往期内容

信息来源：TG频道@NewlearnerChannel

🎨 fenx 和 TA 的 Design Fragments 小窝最先出现在666News。

🔗：Web

🔥 最近很火的生成器网站 Tooooools 把我们又带回了前几年「点阵」和 Lo-fi 流行的年代，它由俄罗斯设计师 Daniil Sukhovskoy 所开发，目前维护了一年了

💡 只需上传照片或视频，平台就可以将它们转化成不同风格，包含了点阵、渐变、重新着色、拉伸等多种风格。此外，平台也提供了丰富的自定义，你可以设置画布尺寸、预处理参数以及导出格式等

👀 个人认为 Tooooools 比较适合用于 Logo 和极简线条视频的复古化处理，开发者表示 Tooooools 可免费用于个人或商业用途，大家可自由进行创作

📘 关联阅读：

1️⃣ more.graphics：生成不同风格的自定义背景纹理图案
2️⃣ 1001 个小而美 App：Nothing 风格 App 大推荐

信息来源：TG频道@NewlearnerChannel

👾 Tooooools：极简主义和 Lo-fi 效果图片/视频生成器最先出现在666News。

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 的实现和交互，希望它能够在秋天给我一个惊喜

信息来源：TG频道@NewlearnerChannel

🔮 分享几款 Liquid Glass 设计项目最先出现在666News。

🔗：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｜微信公众号

信息来源：TG频道@NewlearnerChannel

📇 Postable：一键为推文生成美观的分享图片最先出现在666News。

🔗：Web

如果你对我们的 #People 专栏还有印象，那么一定会记得 Bartosz Ciechanowski 和他的 博客。后者致力于用简单直接美观的网页设计，交代物理、数学和工程上的事情。今天要介绍的 Making Software 也属于这一类

🧠 你有没有了解过触摸屏的工作原理？为什么高斯模糊叫高斯模糊？Making Software 旨在利用网页动画帮你科普这些信息，它不会教你如何真正地开发软件，而是解释你日常使用的东西是如何运作的。Interesting.

🗂 首页提供了详细的内容目录，涉及了像素点色彩、字体、着色器、人工智能、压缩和数据、网络、编译器等等方面。所有内容都通过 Figma 设计和编写，作者称有望于今年欧洲夏季的时候推出

💰 未来 Making Software 将首先通过 PDF 的形式线上发布，现在加入 waitlist，大部分内容将对你免费。正式发布后，作者考虑收取少部分费用以线上分发，目前还没有考虑好是否退出实体书

👀 无论如何，我对于 Making Software 的发布非常期待，喜欢这样简洁优雅的设计，让我们一起等待！

信息来源：TG频道@NewlearnerChannel

💡 Making Software：为软件设计者和开发者提供的参考手册最先出现在666News。

🔗 App Store | Web

🍎 关注 Apple 发布会的朋友应该都有注意到，最近几年 Apple 采用了 Bento 风格的幻灯片来展示新产品的功能规格等。作为一个名称灵感来源于日式便当的设计风格，Bento UI 凭借着它简洁直观、组织性强等特点火速流行起来，这其中就有被 Linktree 收购的 Link-in-Bio 工具 Bento。

🖼️ 如果你也想快速制作 Bento 风格的图片用于长文配图、社交媒体等场景，那么今天分享的 Bento|Craft 则是一款对非设计背景的普通用户更为友好的工具。它由曾推出过 Wall•Genie、Echodots 等产品的独立开发者 thatvirtualboy 打造，能够让你快速生成 Apple 发布会风格的 Bento UI 图片。具有以下功能：

• 内置 Micro、Mini、Mega、Mighty 等多种布局样式，上手即用；
• 通过 Canvas 工作区实现完全自定义，摆脱束缚，设计专属布局；
• 支持文本、图片、背景及图标等自定义，自动为截图添加 Mockups；

🔖 Bento|Craft 提供 iPadOS 及 visionOS 版本，支持运行在 iPadOS 17.0 或 macOS 14.0（M1）或更高版本设备上。App 免费下载，导出图片需付费解锁，支持买断制。

📍 首发频道｜小红书｜Twitter｜微信公众号

信息来源：TG频道@NewlearnerChannel

🍱 Bento|Craft：快速制作 Apple 发布会风格的 Bento UI 图片最先出现在666News。

🔗：Web

最近看到《每日电讯报》出了一个 UI 和 UX 都很不错的设计理念介绍网站，和大家一起分享。有时间的话，希望你在电脑上打开看看

💡 前言

《每日电讯报》所涉及的一切都离不开设计，它有助于提升我们世界级新闻的出版水平，并为我们的读者带来非凡的体验

作为与《每日电讯报》其他所有团队合作的设计团队，我们在这里不断奉献与进步，所做的工作涉及营销、应用程序、网站和报纸印刷等方方面面

🏆 介绍

在接下来的板块中，团队介绍了 Logo、排版、色彩、应用程序和网站、特别企划、Puzzles、播客等方面涉及到的设计理念和案例

在浏览的过程中，你可以一窥优秀设计带来的页面布局和交互，并进一步了解《每日电讯报》的相关元素和设计理念。如果你对他们的设计很感兴趣，可以在网页上查看设计团队成员的具体信息，或注册后进一步探索

信息来源：TG频道@NewlearnerChannel

🗞 The Telegraph Design System：系统阐述《每日电讯报》的设计理念最先出现在666News。

🔗：Web

👉 Features

• 支持手机设备 Mockup / 3D 图标 / 3D 文字、Logo 三种模版
• 可导出图片或视频，支持多种格式
• 丰富的自定义选项

🎨 之前给大家介绍过各种各样的在线 Mockup 网页，但它们都是二维的。Content Core 主打一个全三维的卖点，你可以在网页上随意拖拽物体，让它呈现不同的角度

😜 3D 图标、文字和 Logo 给的样式我感觉还是不甚美观，我想这个项目主要的用途还是给 iOS 开发者做产品宣传。目前手机等设备的 Mockup 模版也不是很多，集中在最新的几款上面

💡 Content Core 提供的自定义选项还是不错的，你可以随意旋转物体，设置环境布局和打光，对细节样式进行调整。导出照片和视频需要注册一下，都是免费的，只是不能够商用。商用需要付费，但是看到 .xyz 的域名，最好三思而后行

📘 关联阅读：

1️⃣ PostSpark：优雅的截图美化 / Mockups 在线网站
2️⃣ Shareshot：美观易用的 Apple 全平台套壳截图 App
3️⃣ Shots.so：制作精美的 Mockup 图片 / 截图
4️⃣ Jellylade：又一个 Mockup 图片 / 截图生成网站

信息来源：TG频道@NewlearnerChannel

📱 Content Core：在线快速制作 3D 图片 / 视频最先出现在666News。

🔗：Web | Blog

👉 Features

• 利用 LLM，通过自然语言生成所需邮件模板
• 由 50 多套高质量电子邮件组件库训练而成
• 一致的、美观的、响应迅速的、跨平台的
• 可供所有人使用，不仅仅是开发人员

✉️ new.email 是 Resend 旗下的新产品，你可以理解为 react.email 的 AI 版本，旨在迅速为开发者和普通用户生成可用的电子邮件模板。在他们刚刚开放 waitlist 的时候我就申请了，近期终于通过，目前产品还处于内测阶段

🧠 实际使用下来，只要你用中文把自己的目的、邮件内容、细节样式说清楚，网站会在很短的时间内为你生成一套电子邮件模板。我以「私密 Telegram 频道邀请函」等内容为主题进行了测试，效果还是不错的

👀 具体来讲，网站生成了一些我没有预料到的内容，比如频道简介还有一些客套话。如果你对于内容文本或是模板样式不满意，还可以继续沟通改进。总的来讲，虽然 new.email 的样式在设计界算不上出众，但适合不会编程的普通人快速生成电子邮件模板，和他们的客户或读者高效沟通自己的产品、文字

👍 如果你有这方面的需求，可以点击网页申请内测，我体验下来还是不错的

信息来源：TG频道@NewlearnerChannel

📬 new.email：通过 AI 迅速生成电子邮件模板（内测中）最先出现在666News。

🔗：Web

👉 Features

• 提供截图美化 / 设备 Mockups / 社交媒体展示 / 代码展示等多个模版
• 丰富的自定义选项，包含字体、代码样式、排版布局、浏览器样式、Mockups 设备样式等
• 生成图片支持自适应布局，可选三维样式
• 支持自定义图片导出质量和多种格式

🏆 相关的截图美化和 Mockups 网站，我们之前已经介绍过许多了，而 PostSpark 算是一个集大成者，功能丰富且优雅

🧑🏻‍💻 它适合许多不同的人群。如果你是开发者，可以使用它制作 App Store / Play Store 应用宣传物料；如果你是社交媒体爱好者，可以通过它生成对应的 Twitter 或 BlueSky 展示页便于传播；如果你是网站运营或自媒体博主，可以利用它制作封面头图

👀 相比来讲，PostSpark 的功能更加丰富，细节之处更加细腻周到，欢迎前去试用。当然，目前它支持的社交媒体平台有限，Instagram 等常用平台因为各种原因很难支持到，希望以后能带来更多的模版

📘 关联阅读：

1️⃣ Shareshot：美观易用的 Apple 全平台套壳截图 App
2️⃣ Apple Frames 3.0：通过快捷指令实现对应机型截屏套壳
3️⃣ Shots.so：制作精美的 Mockup 图片 / 截图
4️⃣ Jellylade：又一个 Mockup 图片 / 截图生成网站
5️⃣ Poet.so：精美的 Twitter 分享卡片
6️⃣ 小作卡片：快速制作社交媒体图片，美化你关心的内容

信息来源：TG频道@NewlearnerChannel

🏞 PostSpark：优雅的截图美化 / Mockups 在线网站最先出现在666News。