Newlearnerの自留地
58.8K subscribers
13.4K photos
43 videos
63 files
10.2K links
🆕 不定期推送 IT 相关资讯,欢迎关注!

👥 博客群&投稿群&交流群: @NewlearnerGroup

📩 投稿请私信 @newlearner_pm_bot

🔍 频道内容关键词索引 Bot: @newlearner_search_bot

* 未经授权或标注来源,不得转载本频道内容
Download Telegram
#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
👍121
#Web #AI #Tools #Design

📬 new.email:通过 AI 迅速生成电子邮件模板(内测中)

🔗Web | Blog

👉 Features

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

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

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

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

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

频道:@NewlearnerChannel
5
#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
👍61
#Design #Web

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

🔗Web

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

💡 前言

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

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

🏆 介绍

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

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

频道:@NewlearnerChannel
👍5
#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•GenieEchodots 等产品的独立开发者 thatvirtualboy 打造,能够让你快速生成 Apple 发布会风格的 Bento UI 图片。具有以下功能:

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

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

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

频道:@NewlearnerChannel
🥰8👍2
#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
🥰12👍41
#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
5
#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
10
#Web #Design

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

🔗Web

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

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

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

📘 关联阅读:

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

频道:@NewlearnerChannel
👍6
#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
10🥰1