#Design #Web

🧑🏻‍🎨 366 Design Concepts：Arkady 的一年日常设计理念合集

🔗：Figma

🧐 不得不承认的是，我是一个很少使用 Apple 系统小组件的人。即便后来支持了 Live Activities，我常用的依然是天气和 汽车信息查看

✍️ 而有个叫 Arkady 的设计师，在过去的一年里面每天设计一款小组件样式（最小方形），并将它们一次性展出。这些小组件的设计领域，涵盖了大家日常使用频率最高的一些，美观而实用

💡 由于使用不多，令我印象深刻的软件小组件一只手就能数出来。其中 61 和他的谜底科技推出的产品，如谜底时钟、谜底黑胶、Dtd Playlist 等等。欢迎大家介绍既具美观、又可交互的小组件给我

👀 设计师 Arkady 目前供职于 Locals，在发布 366 Design Concepts 并在 X 上收获巨大反响后，他又开始每天更新 vlog。正是由于他的坚持，我们才能够接触到这些优秀的设计

频道：@NewlearnerChannel

#Design #Life #GitHub情报 #Browsers

🎨 Artab：让有史以来最好的艺术作品出现在你的新标签页

🔗：GitHub | Web

🏷 此前也介绍过许多浏览器 New Tab 新标签页的项目，他们有的是每日一图 / 一句话，有的可以自定义各个组件的内容，还有的可以帮你管理书签。此次沉浸式翻译开发者 Owen 带来了更为「优雅」的 Artab 项目

🎭 Artab 项目的 Slogan 是「让有史以来最好的艺术作品出现在你的新标签页」，配合适当的背景图片，给人一种身临其境在美术馆看展的感觉。在摄影方面，今年我也更加大胆地使用暗角，来淡化环境、突出主题

👀 目前我还在用 19 年介绍过的 Ataraxia 标签页，原因无他，简单、每天都能看到新的 Bing 壁纸。而 Artab 则是让人眼前一亮的同类佳作，欢迎大家安装使用。通过不同浏览器打开官网，即可看到对应安装链接

📘 关联阅读：

1️⃣ Scene Tab：简约美观的 Chrome 浏览器新标签页
2️⃣ Howdz：支持完全自定义配置的浏览器起始页
3️⃣ SUI2：开源的起始页 Startpage 工具

频道：@NewlearnerChannel

#macOS #APP #Design

🎨 Pixelated macOS Icons：给你的 macOS Dock 换上像素化图标

🔗：Web

🧑🏻‍💻 给 macOS 换图标早已不是什么新鲜事了，从 macOS Big Sur 带来全新系统设计语言以来，大家对「换图标」这件事就乐此不疲。有人觉得旧图标已经落伍，想要换成第三方圆角图标；有人觉得新圆角图标不习惯，想要换回旧图标

👀 前不久给自己的 MacBook Pro 2017 拿出来通通电，好久没看到 macOS Mojave 系统了。当年使用的时候对老系统的设计很喜欢，但时隔几年再看，它的设计已经让人感到十分别扭了

😈 今天继续来折腾 Dock 栏图标，它们是由博主 Juxtopposed 设计的像素图标，涵盖了常用的系统软件和其他第三方软件，有 Figma、Spotify、Telegram、Arc、Obsidian、Notion 等等

💡 但手动更换图标后，每次软件更新都会覆盖掉原来的图标。作者分享了自己的方法，那就是使用第三方图标更换软件 IconChamp，你也可以使用其他的同类软件来实现

📘 关联阅读：

1️⃣ Dockhunt：和网友一起展示你的 macOS Dock 栏软件图标
2️⃣ Pictogram：轻松自定义 macOS App 图标
3️⃣ macOS Big Sur Replacements Icons：一个 macOS Big Sur 自适应图标集

频道：@NewlearnerChannel

#Web #Design #Tools

🏞 PostSpark：优雅的截图美化 / Mockups 在线网站

🔗：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️⃣ 小作卡片：快速制作社交媒体图片，美化你关心的内容

频道：@NewlearnerChannel

#Web #AI #Tools #Design

📬 new.email：通过 AI 迅速生成电子邮件模板（内测中）

🔗：Web | Blog

👉 Features

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

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

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

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

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

频道：@NewlearnerChannel

#Web #Design #Tools

📱 Content Core：在线快速制作 3D 图片 / 视频

🔗：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 图片 / 截图生成网站

频道：@NewlearnerChannel

#Design #Web

🗞 The Telegraph Design System：系统阐述《每日电讯报》的设计理念

🔗：Web

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

💡 前言

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

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

🏆 介绍

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

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

频道：@NewlearnerChannel

#iPadOS #App #Design

🍱 Bento|Craft：快速制作 Apple 发布会风格的 Bento UI 图片

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

频道：@NewlearnerChannel

#Web #Tools #Design

💡 Making Software：为软件设计者和开发者提供的参考手册

🔗：Web

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

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

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

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

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

💡「XXX 和 TA 的 XXX」专题旨在挖掘一些不那么大众的开发者、设计师、生活爱好者，并和大家分享他们的作品。大家可以通过 #People 这个 Tag 阅读本专题的往期内容

频道：@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

#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 #Design

👾 Tooooools：极简主义和 Lo-fi 效果图片/视频生成器

🔗：Web

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

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

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

📘 关联阅读：

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

频道：@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