2026-04-19T17:09:45Z Huazi https://static.quail.ink/media/60evuk7dm.webp https://static.quail.ink/media/60evuk7dm.webp https://quaily.com/designstroll Quaily https://quaily.com/designstroll/p/weekly-094#17128 Huazi 2026-04-19T17:09:45Z 2026-04-19T17:09:45Z <blockquote> <p>本期封面是来自酷瓦佳的自动断电充电器（淘宝直接搜索即可），芯片在背后偷偷切断不如一个硬件在你面前让你看见可以切断电源。好多事情也是如此。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="keebyhttpsgetkeebycom"><a href="https://getkeeby.com/" title="Keeby↗︎" rel="noopener ugc nofollow">Keeby↗︎</a></h3> <p>一个键盘工具的官网，通过扬声器模拟出机械键盘的质感，在点击即可体验。网站的引导小飞机还能互动！<br /> AI 时代的界面需要更多这种有意思的小细节</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/25c257558db760c7880c33e67cef048e.gif" alt="An image to describe post" /></p> <h3 id="ios-">iOS 右滑</h3> <p>淘宝京东这类的购物车可以右滑删除我知道，iOS 的这里竟然还能右滑！！！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/ed37d44c57c04672d4e700fbac2a8b12.png" alt="An image to describe post" /></p> <h3 id="codex-computer-httpsxcomlexrusstatus2044929029334245819"><a href="https://x.com/lexrus/status/2044929029334245819" title="Codex Computer 授权设计↗︎" rel="noopener">Codex Computer 授权设计↗︎</a></h3> <p>上周 Codex 发布了 Computer 插件，可以让 AI 操控你的 Mac，这个授权流程太新颖了，有网友逆向出了<a href="https://github.com/zats/permiso" title="开源版↗︎" rel="noopener">开源版↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/735cd8d8ecf16fdac7d0a224764906ae.gif" alt="An image to describe post" /></p> <h3 id="httpsxcomnotjerrywangstatus2044836804315017390"><a href="https://x.com/notjerrywang/status/2044836804315017390" title="文件夹图标↗︎" rel="noopener">文件夹图标↗︎</a></h3> <p>上周刷到的一组文件夹设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/6436a62da2016800e5efc245d5cc482a.png" alt="An image to describe post" /></p> <h3 id="lettershttpswwwkumailnanjicomplaygroundletters"><a href="https://www.kumailnanji.com/playground/letters" title="Letters↗︎" rel="noopener ugc nofollow">Letters↗︎</a></h3> <p>还记得果子的“hello”动画嘛？有人做了一个在线的工具复刻这种动画（可以换不同的文字）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/46245dbe9c8979fa36bd7e48823ab9e7.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="superislandhttpsdynamicislandapp"><a href="https://dynamicisland.app/" title="SuperIsland↗︎" rel="noopener ugc nofollow">SuperIsland↗︎</a></h3> <p>一个开源免费的上岛产品，可显示音乐、电量、日历、天气、通知等实时信息，支持插件生态，这下可以和 AI 基于他搞一些自定义的插件玩玩。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/c778796c36999af4fddbab97f1a236df.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-094">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-093#17019 Huazi 2026-04-12T19:28:43Z 2026-04-12T19:28:43Z <blockquote> <p>本期封面是来自荷兰设计工作室 Kolkmannen 用视觉暂留原理打造的<a href="https://www.kickstarter.com/projects/kolkmannendesigners/klokman-spinning-illuminated-smart-clock?ref=discovery_category_popular&amp;total_hits=57448&amp;category_id=337" title="智能时钟↗︎" rel="noopener ugc nofollow">智能时钟↗︎</a>。旋转的半透明外壳配合 10000Hz 频率脉冲，将两圈 LED 环变成了 3D 显示屏。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="kai-nairhttpsikeacrispcom"><a href="https://ikeacrisp.com/" title="Kai Nair↗︎" rel="noopener ugc nofollow">Kai Nair↗︎</a></h3> <p>看到一个简约的个站，切换主题很好玩，还有个站 hover 的小细节。看着简单，实际一点也不简单。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/9bbb6aef948a649122e9e884db932e79.png" alt="An image to describe post" /></p> <h3 id="excellent-websiteshttpslogical-surprise-716835framerapp"><a href="https://logical-surprise-716835.framer.app/" title="Excellent websites↗︎" rel="noopener ugc nofollow">Excellent websites↗︎</a></h3> <p>收录各种网站：个人、企业和国外酷站。你说巧不巧，我的个站被收录在了个人分类中（虽然截图是我上个版本的个站，等我抽空把旧版个站整理下开源了）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/025ea3e4d63b1c81f9894cef003ab55a.png" alt="An image to describe post" /></p> <h3 id="heading">腾讯元宝增加日活新姿势</h3> <p>腾讯的生态优势，在元宝里完成任务甚至能换王者皮肤。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/dd676e2dac14ee2461be8df021c49312.png" alt="An image to describe post" /></p> <h3 id="footer1httpswabiai"><a href="https://wabi.ai/" title="有趣的footer+1↗︎" rel="noopener ugc nofollow">有趣的footer+1↗︎</a></h3> <p><a href="https://xiaobot.net/post/d3dc0c06-9fb0-4b19-90c0-d9d9e9ed2d8c" title="周刊 83 期↗︎" rel="noopener ugc nofollow">周刊 83 期↗︎</a>的时候提过这个工具，他们又更新了官网。底部的 footer 呼应着他们的 LOGO</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/18b986df25b808a14a7b7b88c30eb562.gif" alt="An image to describe post" /></p> <h3 id="cogitohttpscogitomd"><a href="https://cogito.md/" title="Cogito↗︎" rel="noopener ugc nofollow">Cogito↗︎</a></h3> <p>Typefully 创始人为 AI Agent 时代设计的 Markdown 编辑器。纯文本存储、无数据库、无专有格式——AI Agent 写入的 Markdown 会实时显示在编辑器中。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/338368efc7196a9697df9097d86e8a2d.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="ui-skillshttpswwwui-skillscom"><a href="https://www.ui-skills.com/" title="UI Skills↗︎" rel="noopener ugc nofollow">UI Skills↗︎</a></h3> <p>由 ibelick 开发的 Agent Skills 工具集，专为打磨 AI 生成的界面而生。包含基线 UI 规范、动效性能审查、无障碍修复、排版校验等技能包。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/6301f01719e9fe5293efccc2893bacfa.png" alt="An image to describe post" /></p> <h3 id="httpsaluanwangcomshort-forminkfield2026"><a href="https://aluanwang.com/short-form/inkfield2026/" title="墨域↗︎" rel="noopener ugc nofollow">墨域↗︎</a></h3> <p>生成艺术家 AluanWang 用 p5.js 构建的笔墨模拟系统。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/5f4cdf6d838e69e4fb3a033ef236cce1.png" alt="An image to describe post" /></p> <h3 id="getdesignmdhttpsgetdesignmd"><a href="https://getdesign.md/" title="getdesign.md↗︎" rel="noopener ugc nofollow">getdesign.md↗︎</a></h3> <p>上周很火的那个收集 <a href="https://github.com/VoltAgent/awesome-design-md" title="Design.md↗︎" rel="noopener">Design.md↗︎</a> 设计系统的项目被做成了一个网站</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/7633e22cc380b181e73d6859d80fa7f8.png" alt="An image to describe post" /></p> <h3 id="httpsparticlelife-tgpma93publicbuiltwithrocketnewparticle-showcaseutm-sourceinstagramutm-mediummarinauiuxutm-campaignrocket1o"><a href="https://particlelife-tgpma93.public.builtwithrocket.new/particle-showcase?utm_source=instagram&amp;utm_medium=marinauiux&amp;utm_campaign=rocket1o" title="粒子模拟器↗︎" rel="noopener ugc nofollow">粒子模拟器↗︎</a></h3> <p>一个粒子模拟器，可以在其中控制元素（比如鸟、鱼、叶子、气泡等）的行为，并将它们快速嵌入到你的网站中。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/fa4cb7408bc9fd1c2d8d6ab305801dde.gif" alt="An image to describe post" /></p> <h3 id="httpswwwnetfolioiowebsites"><a href="https://www.netfolio.io/websites" title="精选全球最佳网站设计案例库↗︎" rel="noopener ugc nofollow">精选全球最佳网站设计案例库↗︎</a></h3> <p>与其他灵感收集站不同的是，网站的左上角提供了个性化设计，让你自由配置你喜欢的浏览方式</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/a91c44c935b993a592290634647854f4.png" alt="An image to describe post" /></p> <h3 id="httpswwwnpmjscompackageunicode-animations"><a href="https://www.npmjs.com/package/unicode-animations" title="字符动画↗︎" rel="noopener ugc nofollow">字符动画↗︎</a></h3> <p>一组加载字符动画，适合用在 AI 产品的加载中，作者是Perplexity 的设计师。链接是这个库的资源</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/35b627c498254ca6fea93b214e331118.gif" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="-claude-code-httpswwwweshiptoday"><a href="https://www.weship.today/" title="设计师的 Claude Code 实战课↗︎" rel="noopener ugc nofollow">设计师的 Claude Code 实战课↗︎</a></h3> <p>一个专为设计师打造的 Claude Code 入门项目。手把手教你用 Claude Code 构建真实天气组件：接入实时数据、用你的 Figma 设计稿（或用他们的模板），最后一键部署到 Vercel。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/cfab80e0234d55acc5a45fdae9aff6cd.png" alt="An image to describe post" /></p> <h3 id="ep09-httpswwwxiaoyuzhoufmcomepisode69d919a7e2c8be3155e44b8f"><a href="https://www.xiaoyuzhoufm.com/episode/69d919a7e2c8be3155e44b8f" title="EP.09 露脸的本质：不是展示，是连接↗︎" rel="noopener ugc nofollow">EP.09 露脸的本质：不是展示，是连接↗︎</a></h3> <p>季更播客又更新啦！本期邀请茶茶和派大鑫聊了聊他们的自媒体的经历。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/26e7ae7f419e037707d952e79afa1fc6.png" alt="An image to describe post" /></p> <h3 id="-vibe-coding-httpsvibecodingfangnetlifyapp"><a href="https://vibecodingfang.netlify.app/#" title="设计师 Vibe Coding 工作流↗︎" rel="noopener ugc nofollow">设计师 Vibe Coding 工作流↗︎</a></h3> <p>一份面向 UI/UX 设计师 的 Vibe Coding 完整工作流指南</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/9ba93ed9bf802de3c8323faa6ff741c3.png" alt="An image to describe post" /></p> <h3 id="aihttpsmpweixinqqcoms9ejyjbp-hmmz6llidbrojg"><a href="https://mp.weixin.qq.com/s/9ejYjBP-hmmz6lliDbROjg" title="如何在AI时代，找回你被埋没的创造力。↗︎" rel="noopener ugc nofollow">如何在AI时代，找回你被埋没的创造力。↗︎</a></h3> <p>不怕失败、不计成本、自带快乐——这是游戏的三个特质，也是创造力的纯粹状态。AI 已经把前两个还给我们了，Claude Code 5 分钟跑起来、Seedance 10 秒出结果。第三个需要我们主动找回：记录让你浑身难受的东西，一个下午做一个烂东西出来，然后看着它自然生长。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/6b1ed8eb2784427be467437e4cdfe7fc.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="figma-weavehttpsappweavyai"><a href="https://app.weavy.ai/" title="Figma Weave↗︎" rel="noopener ugc nofollow">Figma Weave↗︎</a></h3> <p>还记得去年 10 月份 Figma 收购的 Weave 嘛？现在他终于上线了！<br /> 登录后顶部就出现已接入 Seedance2.0，看到这个广告还挺自豪的。<br /> 关于 Weave 的相关内容可以看<a href="https://www.figma.com/blog/five-figma-weave-workflows/" title="这个官方的介绍↗︎" rel="noopener ugc nofollow">这个官方的介绍↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/e42277ee07d19adc0eb5b606142bc354.png" alt="An image to describe post" /></p> <h3 id="tiktokhttpswwwlogonewscntiktoks-new-brand-imagehtml"><a href="https://www.logonews.cn/tiktoks-new-brand-image.html" title="TikTok推出全新品牌设计系统↗︎" rel="noopener ugc nofollow">TikTok推出全新品牌设计系统↗︎</a></h3> <p>DixonBaxi 为 TikTok 重构品牌逻辑。核心关键词从&quot;娱乐&quot;转向&quot;发现”，去掉了色差故障效果，推出”星火”和”发现栏”图形元素。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/4bbb689f391e6e38a3ed54a1fee104f3.png" alt="An image to describe post" /></p> <h3 id="svglogo-httpswwwsvglogotop"><a href="https://www.svglogo.top/" title="SVGLOGO 网站优化↗︎" rel="noopener ugc nofollow">SVGLOGO 网站优化↗︎</a></h3> <p>没想到吧，资讯模块竟然放了我自己的产品资讯。<br /> 上周优化并改版了这个两年前 fork 开源项目做的素材站，那时的 AI 编辑器还没有这么智能，经常一个文件循环卡死。当时依靠我贫瘠的开发知识+朋友们的帮助上线了这个网站。运行一年左右想要收回一些开发成本+域名费用，于是给网站接入了谷歌广告，对，及其影响体验。但每天能带来约$0.1 的广告费，上周访客激增，刷到有个博主在小红书推荐了这个网站（他的数据我真嫉妒）看到评论区的一些话，神器、感谢推荐、收藏……让我思考的是哪一条“广告多”。于是思考再三，每天 $0.1 好像并不能给我带来什么？贪图这点收入从而极度影响访客体验，遂去掉了广告（其实还有一点点）顺手升级了网站的设计（AI 真牛，就是调样式起来也烦的，这里要夸夸<a href="https://gwrdluzl9j9.feishu.cn/wiki/JWRjwF12ZiSQSrkjHbMcMwfbnPu" title="派总的插件" rel="noopener ugc nofollow">派总的插件</a>）念念不忘，必有回响，上周发了网站升级的帖子后，收到了来自访客 @赵崟杉Too 大哥的 200 元赞助打赏。<br /> 感谢你看完我这么长的一段逼逼叨，或许这是目前周刊里最长的描述了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/d8bd24c99101234ee61c1bcba4b6cf70.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <p>本期言论内容来自图书<a href="https://weread.qq.com/web/reader/9a032e80813ab96d9g01700c" title="《巴拉吉预言》" rel="noopener ugc nofollow">《巴拉吉预言》</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/f104a1743b1ff74eb8572f27391f336a.png" alt="An image to describe post" /></p> <ul> <li>互联网上的消极情绪比积极情绪声势更大。</li> <li>投入大量劳动力并不一定会产生价值，采用正确的技术通常可以做到这一点。</li> <li>如果说技术的目的是减少稀缺性，那么技术的终极目标就是消灭死亡。</li> <li>人们花钱买的是事物提供的价值。他们为自身所得买单，而不是所得背后的成本。</li> <li>如今，70岁的人正挥动着90年前的法律武器，来阻止20多岁的人使用21世纪的技术。</li> </ul> <hr /> <p>--本期完--</p> <p>（以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：https://tally.so/r/3NV2Dl</p> <p><img src="https://static.xiaobot.net/file/2025-07-13/62424/c028ab0820911e82b75115aaaa40033c.jpeg" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-092#16911 Huazi 2026-04-05T20:19:33Z 2026-04-05T20:19:33Z <blockquote> <p>本期封面是上周逛商场看到的一个展，每幅画的元素、风格、细节都是每位小朋友的内心写照。这是人类世界独有的，而非那些通过提示词通过 AI 绘制的图片。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpstheme-switchpagesdev"><a href="https://theme-switch.pages.dev/" title="六种主题切换↗︎" rel="noopener ugc nofollow">六种主题切换↗︎</a></h3> <p>上周提到了网站的“阳光模式” 这周就看到丁师 Vibe 了这个网站，里面有六种主题切换：夜晚、月光、晴天、雨天、雪天。<br /> 看到之后给<a href="https://www.huazi.space/" title="我的网站↗︎" rel="noopener ugc nofollow">我的网站↗︎</a>也增加了阳光模式</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/f1d26e417b3c66843655231b2d81f0cd.png" alt="An image to describe post" /></p> <h3 id="httpsxcomreactiive-status2040511285998313827"><a href="https://x.com/reactiive_/status/2040511285998313827" title="将二维码变成一颗像素树↗︎" rel="noopener">将二维码变成一颗像素树↗︎</a></h3> <p>在 <a href="https://xiaobot.net/post/aa1c6928-0da6-44e4-ac83-37d7ea81949f" title="81 期↗︎" rel="noopener ugc nofollow">81 期↗︎</a>中也分享过这个作者的其他作品，他还有个<a href="https://reactiive.io/demos" title="开源项目↗︎" rel="noopener ugc nofollow">开源项目↗︎</a>，用来收集React Native动画作品</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/89b4508cc0614e7ef30a02cdefda2642.gif" alt="An image to describe post" /></p> <h3 id="qr-codehttpsqr-code-animatiovercelapp"><a href="https://qr-code-animatio.vercel.app/" title="Qr code↗︎" rel="noopener ugc nofollow">Qr code↗︎</a></h3> <p>一个好玩查看二维码动效</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/88974a2423f1d3c4de24d7677b90d2c6.gif" alt="An image to describe post" /></p> <h3 id="todo-httpsxcombruce-cqtstatus2039824576583172255"><a href="https://x.com/bruce_CQT/status/2039824576583172255" title="Todo 动效设计↗︎" rel="noopener">Todo 动效设计↗︎</a></h3> <p>一个好玩的 Todo 动效</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/0f4889bd2b8388b8b1ebd2b39bb4177b.gif" alt="An image to describe post" /></p> <h3 id="vibe-islandhttpsvibeislandapp"><a href="https://vibeisland.app/" title="Vibe Island↗︎" rel="noopener ugc nofollow">Vibe Island↗︎</a></h3> <p>给 Claude Code 和 Codex 装上灵动岛，咱们设计师 Vibe 的产品就是好看！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/04/b45155c8c12a24c18c4b1631856975de.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-092">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-091#16802 Huazi 2026-03-29T20:11:22Z 2026-03-29T20:11:22Z <blockquote> <p>本期封面是Claude的实机展览，打字机直接连上了Claude，而老式打字机和 AI 都是流式输出，时光在此碰撞。<a href="https://x.com/rwayne/status/2035938612538405131/photo/2" title="来源↗︎" rel="noopener">来源↗︎</a></p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="dimensionhttpsdimensiondev"><a href="https://dimension.dev/" title="Dimension↗︎" rel="noopener ugc nofollow">Dimension↗︎</a></h3> <p>一个 AI 工作助手平台，能够连接你的应用，理解你的工作，并代表你完成任务。官网设计的真好看</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/cd2146590391290a2cc1f55585210cc4.png" alt="An image to describe post" /></p> <h3 id="httpsjoinroundreddotcn"><a href="https://join.roundreddot.cn/" title="闪念贝壳招聘↗︎" rel="noopener ugc nofollow">闪念贝壳招聘↗︎</a></h3> <p>AI时代的招聘描述应该怎么撰写，我觉得闪念贝壳给出了参考。很认同“用 AI 独立写过 APP”这个点。作品是对能力最好的证明，UI 设计师也可以尝试用 AI 做一个项目，没有什么比落地的产品更有说服力了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/684255ec6a14bb7803dcbc17556d92df.png" alt="An image to describe post" /></p> <h3 id="prime-uihttpsprimeuicom"><a href="https://primeui.com/" title="Prime UI↗︎" rel="noopener ugc nofollow">Prime UI↗︎</a></h3> <p>一个 AI 驱动的网站生成工具，帮你快速搭建基于 Next.js + Tailwind CSS 的生产级网站。网站设计的挺不错，就是有些地方很“惊悚？” 太奇怪了，算了不放配图了，你点链接开看吧。</p> <h3 id="dany-works-onhttpsdanyworks"><a href="https://dany.works/" title="dany works on↗︎" rel="noopener ugc nofollow">dany works on↗︎</a></h3> <p>除了亮暗模式外，或许还有一个“阳光模式”<br /> 可以在网站上按 [D] [S] [N] 切换不同模式体验</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/76219c4f92c144ceffc78644a0e1fb1b.gif" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-091">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-090#16665 Huazi 2026-03-22T19:23:41Z 2026-03-22T19:23:41Z <blockquote> <p>封面产品是来自 BALMUDA 与 Jony Ive 工作室联手打造的 <a href="https://www.balmuda.com/jp/the-clock/" title="The Clock↗︎" rel="noopener ugc nofollow">The Clock↗︎</a><br /> 没有指针，没有表盘玻璃，时间完全用光来表达。从一整块铝经 CNC 削出的机身，经喷砂、阳极氧化等多道工序打磨。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="-ai-">抖音 AI 社交</h3> <p>发现抖音群聊里可以增加 AI 机器人，可以设置不同的性格，还可以把一些其他博主的 AI 分身给拉进来。字节的社交什么时候能支棱起来！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/9209ef5a1dd510164c21729afa7884f7.png" alt="An image to describe post" /></p> <h3 id="heading">软件下载页的设计</h3> <p>群友说 Codex 不是只有 Windows 端吗？原来这种为了方便用户下载对应版本的设计会有这种误解。<br /> 这么说的话，Craft 的这种设计倒是最优解（既能让你直接下载当前系统版本的软件，也能让你知道它还支持其他的客户端）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/8ba1964eada15eb4e21671fd80e57c3b.png" alt="An image to describe post" /></p> <h3 id="httpsxcomnegruandreistatus2033495452050477090"><a href="https://x.com/negruandrei/status/2033495452050477090" title="网站页脚设计↗︎" rel="noopener">网站页脚设计↗︎</a></h3> <p>虽然没什么用，但这个 footer 设计真的很有感觉！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/c62300386f8dd026076f7e7674692b96.png" alt="An image to describe post" /></p> <h3 id="opcsohttpsopcsoopenclaw"><a href="https://opc.so/openclaw" title="opc.so↗︎" rel="noopener ugc nofollow">opc.so↗︎</a></h3> <p>网站收录了 OpenClaw 各地的线下活动和政策信息</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/7d2b8a23460d626184abb5e4c72a8a7b.png" alt="An image to describe post" /></p> <h3 id="al-text-cursorhttpsxcomzielinskiwojstatus2033566382638403910"><a href="https://x.com/zielinskiwoj/status/2033566382638403910" title="Al Text Cursor↗︎" rel="noopener">Al Text Cursor↗︎</a></h3> <p>更有质感的输入框光标</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/98c225da22b60ab725aeff0276181161.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="color-generatorhttpskigendesigncolor"><a href="https://kigen.design/color" title="Color Generator↗︎" rel="noopener ugc nofollow">Color Generator↗︎</a></h3> <p>快速生成设计系统级色板。采用 Tailwind CSS 算法，输出 50-950 标准色阶，支持对比度微调和命名自定义。导出选项丰富：CSS Variables、Tailwind 配置、OKLCH、Design Tokens，还能直接输出 Figma 可用格式。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/e1df777a8607e3363ab1f02575b8d80f.png" alt="An image to describe post" /></p> <h3 id="app-store-httpsbeforeclick"><a href="https://before.click/" title="App Store 介绍图设计灵感↗︎" rel="noopener ugc nofollow">App Store 介绍图设计灵感↗︎</a></h3> <p>网站策展了来自顶级 iOS 应用的 App Store 介绍图设计。涵盖健康、旅行、效率、社交等多个品类，每个案例都是经过市场验证的高转化设计。（域名也有意思： before click）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/60142c168b0b604afe66e1be6d0fd1eb.png" alt="An image to describe post" /></p> <h3 id="radiant-shadershttpsradiant-shaderscomgalleryall"><a href="https://radiant-shaders.com/gallery/all" title="Radiant Shaders↗︎" rel="noopener ugc nofollow">Radiant Shaders↗︎</a></h3> <p>130+ 可交互的 shader 效果，无需依赖库。最新版本支持鼠标拖拽、点击互动，新增 Feedback Loop、Analog Drift、Shattered Plains 等效果。开源、免费、可商用</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/d2b4ef00700c2336e338b436adedd0fe.png" alt="An image to describe post" /></p> <h3 id="httpsmoonvycomappsfont-preview"><a href="https://moonvy.com/apps/font-preview/" title="在线预览本地字体↗︎" rel="noopener ugc nofollow">在线预览本地字体↗︎</a></h3> <p>茶茶 Vibe 的工具，可以在网页中读取本地字体，全屏预览快速筛选；这个 3D 视图也很帅！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/c6a1df2d3dce7c063049a1de33a8cb36.png" alt="An image to describe post" /></p> <h3 id="oklch-httpsoklch-gradientvercelapp"><a href="https://oklch-gradient.vercel.app/" title="OKLCH 渐变生成器：更科学的色彩过渡↗︎" rel="noopener ugc nofollow">OKLCH 渐变生成器：更科学的色彩过渡↗︎</a></h3> <p>基于 OKLCH 色彩空间的渐变生成工具。不同于传统 RGB 或 HSL，OKLCH 能生成感知均匀的色彩过渡，避免中间出现灰暗区域。通过调节明度、色度、色相三个参数，精确控制渐变效果。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/97f327293fbf3f97c2fe3db97090e171.png" alt="An image to describe post" /></p> <h3 id="httpsstudioneatofunascii"><a href="https://studio.neato.fun/ascii" title="开源的生成艺术工具箱↗︎" rel="noopener ugc nofollow">开源的生成艺术工具箱↗︎</a></h3> <p>网站是基于 p5.js 的生成艺术工具集,通过算法和噪声函数创造视觉输出。代码开源可查。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/ffc252ba043cc1ac3cd73d1ecd6e5c2d.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-090">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-089#16539 Huazi 2026-03-15T19:49:16Z 2026-03-15T19:49:16Z <blockquote> <p>封面是一款可以自定义情绪表达的<a href="https://www.xiaohongshu.com/explore/69ae60f7000000001d01151f?xsec_token=ABoJe_QraW5voQ9eAfxQ7dHKhZiKdLuWOqZVglwPMNAhc%3D&amp;xsec_source=pc_user" title="情绪拨动灯↗︎" rel="noopener ugc nofollow">情绪拨动灯↗︎</a>，无形的情绪波动就此可以亲手“拨动”来表达。情绪可视化，让光影赋予生活一种新的仪式感。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="chrome-">Chrome 侧边标签页</h3> <p>Chrome 的侧边标签页终于正式来了<br /> 搭配 <a href="https://lumno.kubai.design/" title="Lumno↗︎" rel="noopener ugc nofollow">Lumno↗︎</a> 插件，找回 ARC 的感觉。<br /> 启用方式</p> <ol> <li>升级到最新版本 146.0.7680.72 以上</li> <li>在 chrome://flags/Vertical 启用</li> <li>设置-外观-标签栏位置-侧边</li> </ol> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/413fd6e710f8105d0cbccf8fffae0de5.png" alt="An image to describe post" /></p> <h3 id="heading">京东的图标</h3> <p>京东的这个逛 图标，好像一个便便在挠头。<br /> 推友说灵感可能是悟空。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/656ea3e35fc9cb982afbddca48ba57b0.png" alt="An image to describe post" /></p> <h3 id="httpsxcom0xurvishstatus2032088807601029129"><a href="https://x.com/0xUrvish/status/2032088807601029129" title="目录设计↗︎" rel="noopener">目录设计↗︎</a></h3> <p>发现一个好玩的目录设计<br /> 下次设计目录的时候或许可以根据场景可以换成：车、小人…</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/29c11887314fd090f4da9e3b96e77642.gif" alt="An image to describe post" /></p> <h3 id="join-difyhttpsjoindifyai"><a href="https://join.dify.ai/" title="Join Dify↗︎" rel="noopener ugc nofollow">Join Dify↗︎</a></h3> <p>好喜欢他们的招聘文案和组织理念，希望有生之前可以加入一家这样的公司。<br /> 或者创办（大胆一点）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/1d0f0fc1fe13f1fcfd810b248f14e11d.png" alt="An image to describe post" /></p> <h3 id="httpswwwxiaohongshucomexplore69afa04b000000002602fe3fapp-platformiosapp-version920share-from-user-hiddentruexsec-sourceapp-sharetypenormalxsec-tokencbf4ifmbkt9kk28y3xu8ru-pvswen9cwp5xv6lg97q7kuauthor-share1xhsshareweixinsessionshareredidn0ldmjy3pue2nzuyotgwnjc5otc9pjg-apptime1773126781share-idf6dc3167517542a2923fe9232e8179b6"><a href="https://www.xiaohongshu.com/explore/69afa04b000000002602fe3f?app_platform=ios&amp;app_version=9.20&amp;share_from_user_hidden=true&amp;xsec_source=app_share&amp;type=normal&amp;xsec_token=CBF4IfmBKt9KK28y3Xu8ru-pvSwEN9CWp5xV6lG97q7kU=&amp;author_share=1&amp;xhsshare=WeixinSession&amp;shareRedId=N0lDMjY3PUE2NzUyOTgwNjc5OTc9Pjg-&amp;apptime=1773126781&amp;share_id=f6dc3167517542a2923fe9232e8179b6" title="性别插画设计↗︎" rel="noopener ugc nofollow">性别插画设计↗︎</a></h3> <p>喜欢最近刷到的这个不同性别插画。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/379327b94056a615ef392014094136a5.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="refero-mcp-for-ai-agentshttpsreferodesignmcp"><a href="https://refero.design/mcp" title="Refero MCP for AI agents↗︎" rel="noopener ugc nofollow">Refero MCP for AI agents↗︎</a></h3> <p>有很多给人参考的灵感库，还是头次见给 AI 用的灵感网站。通过 MCP 的形式可以让 AI 参考网站中的一些设计，估计在背后做了很多标注的工作。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/4a66fd410d6e3533a46944426daeeca1.png" alt="An image to describe post" /></p> <h3 id="httpswwwloftlyycomen"><a href="https://www.loftlyy.com/en" title="发现和探索落地的品牌设计系统↗︎" rel="noopener ugc nofollow">发现和探索落地的品牌设计系统↗︎</a></h3> <p>目前内容较少，除了能在这里下载各大品牌的 SVG logo 外，还能看到各个品牌的色彩系统和品牌字体。<br /> 对了，如果找国内矢量 logo 资源的话，可以去我做的网站 <a href="https://svglogo.top/" title="SVGLOGO↗︎" rel="noopener ugc nofollow">SVGLOGO↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/cc49c6c17149c52f70fc9a14c4a0654c.png" alt="An image to describe post" /></p> <h3 id="hudsguishttpswwwhudsandguiscom"><a href="https://www.hudsandguis.com/" title="HUDS+GUIS↗︎" rel="noopener ugc nofollow">HUDS+GUIS↗︎</a></h3> <p>最激进的交互设计往往诞生于不必&quot;能用&quot;的地方。网站中分享了很多电影、游戏、动画中的HUD与GUI设计。虚构界面不受技术限制，往往比现实更大胆。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/dad529c4c360fd6dfb831133742651a7.png" alt="An image to describe post" /></p> <h3 id="puahttpspua-skillpagesdevinstall"><a href="https://pua-skill.pages.dev/#install" title="pua↗︎" rel="noopener ugc nofollow">pua↗︎</a></h3> <p>原来 AI 也逃不过 PUA</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/0d683ac5c591aedf8535fad8a0e11998.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="framer-awards-2025-winnershttpswwwframercomawards"><a href="https://www.framer.com/awards/" title="Framer Awards: 2025 winners↗︎" rel="noopener ugc nofollow">Framer Awards: 2025 winners↗︎</a></h3> <p>快来看看真正的网页设计作品！<br /> Framer Awards 2025 表彰了在动画、互动、叙事、视觉设计、插件、模板以及Framer平台整体贡献方面的杰出作品和创作者。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/4fa0012aa62070414842abae5b33ffde.png" alt="An image to describe post" /></p> <h3 id="-ai-httpsmpweixinqqcoms--bizmza3njgymtuyoqmid2649202330idx1snab734c0afb1ac5415667a7522037e72echksm86ca99cb578f4d1e73017bfbf18d6b59af6bd0f4bf87c4ba82fb259500828e900421109698a5scene0xtrack1rd"><a href="https://mp.weixin.qq.com/s?__biz=MzA3NjgyMTUyOQ==&amp;mid=2649202330&amp;idx=1&amp;sn=ab734c0afb1ac5415667a7522037e72e&amp;chksm=86ca99cb578f4d1e73017bfbf18d6b59af6bd0f4bf87c4ba82fb259500828e900421109698a5&amp;scene=0&amp;xtrack=1#rd" title="超越对话：驱动 AI 交互的八大用户意图↗︎" rel="noopener ugc nofollow">超越对话：驱动 AI 交互的八大用户意图↗︎</a></h3> <p>当所有产品都在堆砌对话框时，这篇文章提出了不一样的框架：将用户意图拆解为学习、创造、委派等八大模式，为每种场景设计专属界面。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/23bcca0774a5b61afb4792423e0947a9.png" alt="An image to describe post" /></p> <h3 id="httpsdesignlobstersubstackcomp169-what-inspired-you"><a href="https://designlobster.substack.com/p/169-what-inspired-you" title="什么启发了你？↗︎" rel="noopener ugc nofollow">什么启发了你？↗︎</a></h3> <p>为什么AI输出总是平庸？因为它不会被感动。品味是是深度关注世界、被环境影响的结果。AI无法被震撼、困扰、痴迷，所以永远缺少那股人味</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/6568292fd642b84daef30362f86f2729.png" alt="An image to describe post" /></p> <h3 id="aihttpswwwdigitalingcomarticles1471007html"><a href="https://www.digitaling.com/articles/1471007.html" title="为什么拼多多看起来没有“AI焦虑”↗︎" rel="noopener ugc nofollow">为什么拼多多看起来没有“AI焦虑”↗︎</a></h3> <p>看到这篇文章的标题就忍不住点进去看了，果然拼多多还是太超前了。<br /> 文章揭示了中国互联网巨头的AI焦虑指数：字节All-in因为入口可能被颠覆，阿里押注基础设施，腾讯基本盘稳固从容布局，而拼多多专注低价供应链——AI改变不了&quot;便宜&quot;这个核心逻辑。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/f9f9e823ec802e8e01152da6e62f1700.png" alt="An image to describe post" /></p> <h3 id="httpsjakubkrwritingdetails-that-make-interfaces-feel-better"><a href="https://jakub.kr/writing/details-that-make-interfaces-feel-better" title="让界面感觉更好的细节↗︎" rel="noopener ugc nofollow">让界面感觉更好的细节↗︎</a></h3> <p>文章整理了一些让界面&quot;感觉更好&quot;的小细节。这些不起眼的1px调整，或许构成了优秀体验与平庸产品的分水岭。<br /> 文末还提供了一个 skill 可以通过他优化下你现有的项目。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/da2a31fbcfd1cf45f28187b6711ca6e4.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="ardothttpsdqqcom"><a href="https://d.qq.com/" title="Ardot↗︎" rel="noopener ugc nofollow">Ardot↗︎</a></h3> <p>腾讯也做了一个类 Figma 产品，四月左右公测。（<a href="https://mp.weixin.qq.com/s?__biz=Mzg3MjYwODA1OA%3D%3D&amp;mid=2247563302&amp;idx=1&amp;sn=e471d2818a5217593d14df184f8b59c5&amp;chksm=cf37743a923e190829aea98f5ca9361860ec39e4230ecf5875555a518bb9a6d3e8179166aa2d&amp;mpshare=1&amp;scene=1&amp;srcid=0313otxypN44d5mMI0erKsnH&amp;sharer_shareinfo=ccaf7556512e80c37ed1c632e8bf03a9&amp;sharer_shareinfo_first=ccaf7556512e80c37ed1c632e8bf03a9#rd" title="官方宣传文章↗︎" rel="noopener ugc nofollow">官方宣传文章↗︎</a>）<br /> 预计是 2026 更新最频繁的国内 UI 设计协作类工具（因为其他几个基本都不更新了）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/f7ed9730533c3a450d45eb38c5be31e3.png" alt="An image to describe post" /></p> <h3 id="new-apple-emojishttpsblogemojipediaorgfirst-look-new-apple-emojis-in-ios-26-4-beta-4"><a href="https://blog.emojipedia.org/first-look-new-apple-emojis-in-ios-26-4-beta-4/" title="New Apple Emojis↗︎" rel="noopener ugc nofollow">New Apple Emojis↗︎</a></h3> <p>在最新的测试版 iOS 系统中又上线了一些新的 Emoji，这个脸真太好玩了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/1284373c703402f3493d8770b1cc14d1.png" alt="An image to describe post" /></p> <h3 id="apple--50-httpswwwapplecomcnnewsroom202603apple-to-celebrate-50-years-of-thinking-different"><a href="https://www.apple.com.cn/newsroom/2026/03/apple-to-celebrate-50-years-of-thinking-different/" title="Apple 50 周年↗︎" rel="noopener ugc nofollow">Apple 50 周年↗︎</a></h3> <p>原来苹果已经成立50年了，它确实是一家伟大的公司。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/498eb08953c313d9dfb22e1c396fec2b.png" alt="An image to describe post" /></p> <h2 id="heading-1">💬 言论</h2> <p>本周不分享书，分享我最近特别喜欢的一段话：</p> <p>车灯只能照亮五十米，但你依然能开完全程。当你不知道未来该怎么样时，你只需要握紧方向盘，走好当下的路。千万不要提前恐惧，事情总会以意想不到的方式，悄然解决。</p> <p>“人生的容错率很高，三次左转就成了右转。”</p> <hr /> <p>--本期完--</p> <p>（以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：https://tally.so/r/3NV2Dl</p> <p><img src="https://static.xiaobot.net/file/2025-07-13/62424/c028ab0820911e82b75115aaaa40033c.jpeg" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-088#16436 Huazi 2026-03-08T20:31:28Z 2026-03-08T20:31:28Z <blockquote> <p>本期封面产品是荣耀 <a href="https://www.honor.com/cn/activity/honor-robot-phone/" title="Robot Phone↗︎" rel="noopener ugc nofollow">Robot Phone↗︎</a> 太牛了，手机界已经好久没这样大胆的创新了。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="tabbithttpsmpweixinqqcomsc8mdb34apusv-con2ygx1a"><a href="https://mp.weixin.qq.com/s/C8Mdb34apUsv-coN2yGx1A" title="Tabbit↗︎" rel="noopener ugc nofollow">Tabbit↗︎</a></h3> <p>来自美团团队的 AI 浏览器，功能也和Dia、Arc 类似，它知道你开了哪些标签页、看了什么文档、截了什么图。我还是更喜欢 Dia。<br /> 不过 Tabbit 正免费公测中，可以白嫖一些 AI 模型。建议体验<a href="https://tabbitbrowser.com/" title="国外版的↗︎" rel="noopener ugc nofollow">国外版的↗︎</a>（因为可以嫖外国的模型）国内版则体验是国内模型。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/a21c4dc9e66830d829ac8629f4884edf.png" alt="An image to describe post" /></p> <h3 id="cotoolhttpswwwcotoolai"><a href="https://www.cotool.ai/" title="Cotool↗︎" rel="noopener ugc nofollow">Cotool↗︎</a></h3> <p>好玩的 footer</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/8bfefa4a39f457b18b2c37500b5e29e9.gif" alt="An image to describe post" /></p> <h3 id="readouthttpswwwreadoutorg"><a href="https://www.readout.org/" title="Readout↗︎" rel="noopener ugc nofollow">Readout↗︎</a></h3> <p>可视化展示 Claude Code 的每个细节，实时监控 AI 会话、仓库状态、费用开销与 MCP 服务，支持全局搜索和时间轴回放，本地运行。（贼喜欢这个时间轴回放功能，回看我虐待 AI 的每个瞬间）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/626e09a7d6f287af6a8b30e0d151ecd9.png" alt="An image to describe post" /></p> <h3 id="macbook-neohttpswwwapplecomcn"><a href="https://www.apple.com.cn" title="MacBook Neo出场动画↗︎" rel="noopener ugc nofollow">MacBook Neo出场动画↗︎</a></h3> <p>这下拉动画太丝滑了～<br /> 第一次在网页上见到这样的下拉出场方式，<a href="https://www.apple.com.cn/" title="Neo 的宣传视频↗︎" rel="noopener ugc nofollow">Neo 的宣传视频↗︎</a>做的也好看！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/e823ef09623e584e456e3c156ab98062.gif" alt="An image to describe post" /></p> <h3 id="httpswwwciggiesapp"><a href="https://www.ciggies.app/" title="中国卷烟博物馆↗︎" rel="noopener ugc nofollow">中国卷烟博物馆↗︎</a></h3> <p>原来中国的烟有这么多类型！其实有些烟的包装盒设计还挺好看的。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/2def9792e47ac5f8c42c1b030c529faf.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="motionsiteshttpsmotionsitesai"><a href="https://motionsites.ai/" title="MotionSites↗︎" rel="noopener ugc nofollow">MotionSites↗︎</a></h3> <p>精选 20+ 款高品质 Hero 动效提示词模板，可不要被这精美的背景骗到，这些背景都是写在提示词里引用的视频。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/2dcc0dcd8ab9f2271e841d16b8da35c9.png" alt="An image to describe post" /></p> <h3 id="get-illustrationshttpsgetillustrationscomillustration-packs"><a href="https://getillustrations.com/illustration-packs" title="Get illustrations↗︎" rel="noopener ugc nofollow">Get illustrations↗︎</a></h3> <p>一套付费插画库（也有免费部分）<br /> 这种手绘感的插画真好看！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/830ad26e0721edb98b6f7f55795b0c51.png" alt="An image to describe post" /></p> <h3 id="httpshapticslochieme"><a href="https://haptics.lochie.me/" title="给移动端网页增加触觉反馈↗︎" rel="noopener ugc nofollow">给移动端网页增加触觉反馈↗︎</a></h3> <p>一个 npm 包，让移动端网页也能有原生 App 的触觉反馈。一行代码搞定基础震动，还能自定义震动时长、延迟和强度组合。让用户&quot;感受&quot;到你的界面。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/17a57e802d3c6fa649db703de9fde263.png" alt="An image to describe post" /></p> <h3 id="glaze-by-raycasthttpswwwglazeappcom"><a href="https://www.glazeapp.com/" title="Glaze by Raycast↗︎" rel="noopener ugc nofollow">Glaze by Raycast↗︎</a></h3> <p>Raycast 推出 Glaze，用对话生成真·原生桌面应用。不是套壳网页，而是能调用文件系统、摄像头、菜单栏的 macOS App。内置存储、API 和 Liquid Glass 设计系统，生成的应用自动成为 Raycast 插件。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/ef9b8b4b8d4f4a1a3b6d4b3c546b51e8.png" alt="An image to describe post" /></p> <h3 id="impeccable-design-skills-for-ai-harnesseshttpsimpeccablestylehero"><a href="https://impeccable.style/#hero" title="Impeccable: Design skills for AI harnesses↗︎" rel="noopener ugc nofollow">Impeccable: Design skills for AI harnesses↗︎</a></h3> <p>一个完整的设计优化工作流 Skills<br /> audit扫描问题,adapt处理配,normalize统一规范,optimize提升性能,colorize重构配色,animate注入灵魂。<br /> PS：丸辣，他真的比我牛逼多了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/f2680725fa996606a5cfb9aa839fa09c.png" alt="An image to describe post" /></p> <h3 id="rive-httpscommunity-cneaglecoolplugin041323c2-e4b8-433e-a079-160d73deea24"><a href="https://community-cn.eagle.cool/plugin/041323c2-e4b8-433e-a079-160d73deea24" title="Rive 预览插件↗︎" rel="noopener ugc nofollow">Rive 预览插件↗︎</a></h3> <p>过年期间Vibe 的 Eagle 插件在插件市场上线啦。它可以在 Eagle 中为 Rive 动画文件（.riv）提供完整的预览支持。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/28de09e2fa428940e9647e95df7d955c.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-088">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-087#16323 Huazi 2026-03-01T19:51:07Z 2026-03-01T19:51:07Z <blockquote> <p>封面是来自“有计划的P’‘设计并开源的<a href="https://makerworld.com.cn/zh/models/2188599-mo-kuai-hua-guang-zhou-zeng-gao-jia?from=search#profileId-2456448" title="光轴模块化显示器增高架↗︎" rel="noopener ugc nofollow">光轴模块化显示器增高架↗︎</a>，可以像宜家洞洞板一样进行自定义。<a href="https://www.bilibili.com/video/BV1Hnf1BkEAF/?spm_id_from=333.1007.top_right_bar_window_history.content.click&amp;vd_source=c67ad34d6691bc3407da180565eeeb86" title="介绍视频↗︎" rel="noopener ugc nofollow">介绍视频↗︎</a></p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpscantunseespace"><a href="https://cantunsee.space/" title="一个考验设计眼力的小游戏↗︎" rel="noopener ugc nofollow">一个考验设计眼力的小游戏↗︎</a></h3> <p>别沉迷 VibeCoding 了，用游戏的方式来学回顾下这些基础的设计规范</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/04c23d0f2413d2eaa3bf2bc369b027f3.png" alt="An image to describe post" /></p> <h3 id="perplexity-computerhttpswwwperplexityaiproductscomputer"><a href="https://www.perplexity.ai/products/computer" title="Perplexity Computer↗︎" rel="noopener ugc nofollow">Perplexity Computer↗︎</a></h3> <p>Perplexity 的复古未来主义真的太帅了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/51c4c8b81c3108cb574118737bdaf9b0.png" alt="An image to describe post" /></p> <h3 id="firecrawlhttpswwwfirecrawldev"><a href="https://www.firecrawl.dev/" title="Firecrawl↗︎" rel="noopener ugc nofollow">Firecrawl↗︎</a></h3> <p>来自 lue.studio 工作室的网页设计作品<br /> 初看简单，再看全是细节</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/7a139b1bbefa51d42b187b8028bfdcac.png" alt="An image to describe post" /></p> <h3 id="depth-of-fieldhttpswillphancomcomponentstabs"><a href="https://willphan.com/components/tabs" title="Depth of Field↗︎" rel="noopener ugc nofollow">Depth of Field↗︎</a></h3> <p>这样有景深有倾斜的效果竟然可以用 CSS 直接实现！！！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/dce872ca107be2a63de4b9ba895d38fb.gif" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="very-good-componentshttpswwwgoodcomponentsiobrowse"><a href="https://www.goodcomponents.io/browse" title="Very Good Components↗︎" rel="noopener ugc nofollow">Very Good Components↗︎</a></h3> <p>有一个前端组件库。<br /> 这些组件库还有一个好处，是在 VibeCoding 的时候直接复制样式，或者了解某些功能的专业叫法。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/5ad1b19923bab55426b1626500aab5de.png" alt="An image to describe post" /></p> <h3 id="vercel-httpsidenticon-prototypelabsverceldev"><a href="https://identicon-prototype.labs.vercel.dev/" title="Vercel 默认头像方案↗︎" rel="noopener ugc nofollow">Vercel 默认头像方案↗︎</a></h3> <p>上周周刊里也也提到过这样一个默认头像工具，会根据每一个用户名称生成一个独特的哈希值。每个用户头像都是唯一的。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/03/91569781a309e4ff77882bae61d91bd7.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-087">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-086#16179 Huazi 2026-02-22T20:26:19Z 2026-02-22T20:26:19Z <blockquote> <p>本期封面是一盏让时间“掉落”的台灯 <a href="https://designstrollweekly.s3.bitiful.net/2026/02/3d5ee57a3bdbe97aa2fe293fa13115a8.png" title="Fall↗︎" rel="noopener ugc nofollow">Fall↗︎</a> 锥形灯体顶部磁吸着八颗小球，每颗代表一小时的工作时间。开始工作时把球粘上去，一小时到了，一颗球轻轻滑落，停在底座的波纹凹槽里——该休息了。十分钟后灯光转红，提醒你回到战场。没有刺耳的闹钟，没有弹窗通知，只有一颗球安静地落下。番茄钟的理念被做成了一件桌上雕塑，时间管理第一次有了重力和触感。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpsxcomraunofreibergstatus2025298837062259127"><a href="https://x.com/raunofreiberg/status/2025298837062259127" title="表单提交的细节↗︎" rel="noopener">表单提交的细节↗︎</a></h3> <p>虽然是粗糙的手写笔迹动画却在这里显得精致。<br /> 尤其是最后笑脸的眨眼</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/5a44a567b08e7445cf3d5986be15c100.gif" alt="An image to describe post" /></p> <h3 id="style-dropperhttpsxcombnjstatus2021330958671380625"><a href="https://x.com/bnj/status/2021330958671380625" title="Style Dropper↗︎" rel="noopener">Style Dropper↗︎</a></h3> <p>把吸管对准想要的参考图片，直接把它的视觉风格“吸”到你的设计里。像素级的吸管工具我们见多了，但“氛围级”的吸管？这是头一回。这个交互也贼帅呀</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/8c573b1ab029e32ca1a3b09e20d9ccd4.gif" alt="An image to describe post" /></p> <h3 id="httpsxcomcamworboysstatus2025040259969626569"><a href="https://x.com/camworboys/status/2025040259969626569" title="流动的余额↗︎" rel="noopener">流动的余额↗︎</a></h3> <p>像素风的字体变成一个个小球流动太丝滑了。<br /> 果然，金钱是流动的。快流进我的手机里！！！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/c1752372566592efb78db07bb3c8566d.gif" alt="An image to describe post" /></p> <h3 id="amihttpswwwamidev"><a href="https://www.ami.dev/" title="Ami↗︎" rel="noopener ugc nofollow">Ami↗︎</a></h3> <p>这个logo悬停动画简直太好玩了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/b082ba705ebb8c3dd985b8b962a3a33c.gif" alt="An image to describe post" /></p> <h3 id="footer-httpsdurablecom"><a href="https://durable.com/" title="footer 设计↗︎" rel="noopener ugc nofollow">footer 设计↗︎</a></h3> <p>就喜欢这种好玩的设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/6968b83f323fd5fa10309cb184093e28.gif" alt="An image to describe post" /></p> <h3 id="landing-pagehttpswwwllamaindexai"><a href="https://www.llamaindex.ai/" title="Landing Page↗︎" rel="noopener ugc nofollow">Landing Page↗︎</a></h3> <p>一段的滚动动画，可以清晰地解释您的产品使用方法。<br /> 你看，他也用了 AI 喜欢用的蓝紫渐变。但是感觉还好。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/a780fd1ec80008f727e76e1968693a1c.gif" alt="An image to describe post" /></p> <h3 id="httpsphamcodes"><a href="https://pham.codes/" title="个人网站的细节↗︎" rel="noopener ugc nofollow">个人网站的细节↗︎</a></h3> <p>作者将自己的狗狗做成卡通版，融合进自己的网站。网页的“活人感”这不就来了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/1551a502922bddbb083d03d6f507f794.gif" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-086">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-085#15923 Huazi 2026-02-08T19:42:13Z 2026-02-08T19:42:13Z <blockquote> <p>本期封面是德国 <a href="https://momentumstud.io/" title="Momentum Studio↗︎" rel="noopener ugc nofollow">Momentum Studio↗︎</a> 的 Momentum 万年历。顶部十二道刻度配一枚圆柱标记指示月份，底部一个花形旋钮用于拨动日期。没有数字屏幕，全靠指尖触摸来感知时间的流动。在万物自动同步的时代，每天亲手拨一下日期，何尝不是一种仪式感。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="polahttpswwwpolacojpspecialowecaremoremenomae"><a href="https://www.pola.co.jp/special/o/wecaremore/menomae/" title="POLA↗︎" rel="noopener ugc nofollow">POLA↗︎</a></h3> <p>网站是阐述POLA的“关怀”理念，源于创始人为其妻子制作护手霜的经历。页面虽然简单，但是网站中的小插画风格我很喜欢！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/a05ac14cd83ec341dd9c40795a500489.png" alt="An image to describe post" /></p> <h3 id="emmis-playgroundhttpsemmiwucomplayground"><a href="https://emmiwu.com/playground" title="Emmi&#39;s Playground↗︎" rel="noopener ugc nofollow">Emmi's Playground↗︎</a></h3> <p>悬停到网站中的植物部分，就能给植物浇水，看着它们生长。<br /> 在网站中加入这种互动的小巧思真的能提升访客的体验。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/e907c1cc5647ef5acdb94cab9322cff0.png" alt="An image to describe post" /></p> <h3 id="intertapeshttpsintertapesnet"><a href="https://intertapes.net/" title="Intertapes↗︎" rel="noopener ugc nofollow">Intertapes↗︎</a></h3> <p>I专门收集并分享各类冷门磁带及其背后的故事，带读者探索小众音频媒介的历史与文化。<br /> 磁带，好久每听过这个词了，网站很酷</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/65a093aae8832f3b38f653b56e8f9d11.png" alt="An image to describe post" /></p> <h3 id="jaqueline-grobhttpsjackygrobcom"><a href="https://jackygrob.com/" title="Jaqueline Grob↗︎" rel="noopener ugc nofollow">Jaqueline Grob↗︎</a></h3> <p>喜欢这个网站的设计风格，尤其是这个卡片hover 效果</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/05d44d8d375cb2af76c0e3d6d5d56121.gif" alt="An image to describe post" /></p> <h3 id="blossom-color-pickerhttpsxcomlichinlinstatus2019084548072689980"><a href="https://x.com/lichinlin/status/2019084548072689980" title="Blossom Color Picker↗︎" rel="noopener">Blossom Color Picker↗︎</a></h3> <p>还记得在 <a href="https://xiaobot.net/post/2233d842-3fb3-429d-abb6-bb8f307e1930" title="75 期↗︎" rel="noopener ugc nofollow">75 期↗︎</a>提到过的像福寿螺卵的取色器吗，这个是它的升级版本！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/75f0ddccb826d0bd9d3e28db4a59c5cb.gif" alt="An image to describe post" /></p> <h3 id="sleep-well-creativeshttpssleep-well-creativescom"><a href="https://sleep-well-creatives.com/" title="Sleep Well Creatives↗︎" rel="noopener ugc nofollow">Sleep Well Creatives↗︎</a></h3> <p>炫酷的网站无需多言，一定要点进去体验下</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/37e9e2c2e600ab5a1e3bae871ce3cf81.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-085">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-084#15795 Huazi 2026-02-01T14:43:03Z 2026-02-01T14:43:03Z <blockquote> <p>本期封面是 <a href="https://read.compose.llc/p/our-keyboard-design-reveal" title="Compose 无线分体键盘↗︎" rel="noopener ugc nofollow">Compose 无线分体键盘↗︎</a> 全铝机身、完全无线、剪刀脚按键，最妙的是那个帐篷支架的设计：平时折起来是个纤薄的保护套，打开就是倾斜支架。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="-hoverhttpsgaaboojp"><a href="https://gaaboo.jp/" title="有趣的 hover↗︎" rel="noopener ugc nofollow">有趣的 hover↗︎</a></h3> <p>喜欢这里的 hover 交互，每次鼠标经过都会多一个人物。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/a33dbc7e7e599c22644b1c86a7b3644b.gif" alt="An image to describe post" /></p> <h3 id="-tesla-httpsteslauidkrasniycom"><a href="https://teslaui.dkrasniy.com/" title="用浏览器感受 TESLA 车机↗︎" rel="noopener ugc nofollow">用浏览器感受 TESLA 车机↗︎</a></h3> <p>直接使用桌面浏览器打开 TeslaUI，可以感受绝大部分车机功能，使用键盘上的 C 键充电，D 键挂挡行驶。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/96d1f10de4a73ab19e221e0e6263ca4a.png" alt="An image to describe post" /></p> <h3 id="appleunsoldhttpsappleunsoldcom"><a href="https://appleunsold.com/" title="AppleUnsold↗︎" rel="noopener ugc nofollow">AppleUnsold↗︎</a></h3> <p>一个收集苹果周边的网站，里面陈列或者售卖的都是苹果的零售店展示配件</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/7936b4dd9ced65d6c98a59bd04c6a43f.png" alt="An image to describe post" /></p> <h3 id="footer-shouldnt-be-boringhttpsxcomal-fathakbarstatus2015732951217234113"><a href="https://x.com/al_fathakbar/status/2015732951217234113" title="Footer shouldn&#39;t be boring↗︎" rel="noopener">Footer shouldn't be boring↗︎</a></h3> <p>好看的 footer 设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/b792470c60c92962e606db0eba1fed80.gif" alt="An image to describe post" /></p> <h3 id="httpsxcomshinjaejungstatus2015980232667435048"><a href="https://x.com/ShinjaeJung/status/2015980232667435048" title="有趣的投票设计↗︎" rel="noopener">有趣的投票设计↗︎</a></h3> <p>将普通的投票变成实时竞赛</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/bb1de28ceaece3496b10a35450f54ce1.gif" alt="An image to describe post" /></p> <h3 id="aihttpsxcomtar-uniqueeestatus2016160300412653920"><a href="https://x.com/tar_uniqueee/status/2016160300412653920" title="灵动岛&amp;AI↗︎" rel="noopener">灵动岛&amp;AI↗︎</a></h3> <p>结合灵动岛的AI 助手设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/02/122fc2a419ff5327f1b338185c2d602e.gif" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-084">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-083#15674 Huazi 2026-01-25T19:25:49Z 2026-01-25T19:25:49Z <blockquote> <p>封面是来自日本的 <a href="https://muilab.com/en/" title="mui lab↗︎" rel="noopener ugc nofollow">mui lab↗︎</a> 的作品。一块「会消失」的智能家居控制面板。不用时就是一块安静的木板，触碰时文字和图标才从木纹中隐约浮现。 或许家里并不需要那么多冷冰冰发光的屏幕。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="wabihttpswabiai"><a href="https://wabi.ai/" title="Wabi↗︎" rel="noopener ugc nofollow">Wabi↗︎</a></h3> <p>一个基于你的品味、习惯和上下文生成软件的个人软件平台。软件不是重点，挺喜欢他这个简约的LandingPage</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/1f161f3dd84afb94d42f6e115d4635d7.gif" alt="An image to describe post" /></p> <h3 id="hand-mirror-app-httpsappsapplecomusapphand-mirrorid1502839586mt12"><a href="https://apps.apple.com/us/app/hand-mirror/id1502839586?mt=12" title="Hand Mirror App 彩蛋↗︎" rel="noopener ugc nofollow">Hand Mirror App 彩蛋↗︎</a></h3> <p>在软件 Hand Mirror 的购买页有个“Meet the developer”点击后，开发者从图标后钻出来，一直指向付款升级的按钮位置，笑死。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/49f433e4ae552a24115a1e95f2d51364.gif" alt="An image to describe post" /></p> <h3 id="httpsseanwong17githubiomammalia-tree"><a href="https://seanwong17.github.io/Mammalia-tree/" title="探索演化树↗︎" rel="noopener ugc nofollow">探索演化树↗︎</a></h3> <p>一个沉浸式的网页可视化项目，探索哺乳动物 2 亿年的演化史诗。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/78cb80b00464e0d5773252c09f724e52.png" alt="An image to describe post" /></p> <h3 id="animattorhttpswwwanimattorco"><a href="https://www.animattor.co/" title="AniMattor↗︎" rel="noopener ugc nofollow">AniMattor↗︎</a></h3> <p>一个用Rive制作的可交互动态作品集网页</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/374a7b07ce8f3de872d9873734bfd7ab.gif" alt="An image to describe post" /></p> <h3 id="remotionhttpswwwremotiondev"><a href="https://www.remotion.dev/" title="Remotion↗︎" rel="noopener ugc nofollow">Remotion↗︎</a></h3> <p>用自然语言做代码动画视频。上周又火起来了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/be382410fda999258255d9f1f0f8b8e0.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="minimal-galleryhttpsminimalgallery"><a href="https://minimal.gallery/" title="Minimal Gallery↗︎" rel="noopener ugc nofollow">Minimal Gallery↗︎</a></h3> <p>一个收集极简网页设计的灵感库</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/151e6d3c824b095a34298f42e17988a4.png" alt="An image to describe post" /></p> <h3 id="glow-iconshttpswwwglowuicomicons"><a href="https://www.glowui.com/icons" title="Glow Icons↗︎" rel="noopener ugc nofollow">Glow Icons↗︎</a></h3> <p>442 个开源图标，两种风格。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/272fe46e3341f849763845bba1a782f0.png" alt="An image to describe post" /></p> <h3 id="lessons-of-designhttpslessonsdesign"><a href="https://lessons.design/" title="Lessons of Design↗︎" rel="noopener ugc nofollow">Lessons of Design↗︎</a></h3> <p>一位设计师的自我沉淀<br /> 记录他为什么这样设计，以及一路走来学到了什么。没有教程，没有套路，只有真诚的思考碎片。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/32211977fa9350a99e8dcdb5fb7ea198.png" alt="An image to describe post" /></p> <h3 id="figma-3d-tilthttpswwwfigmacomcommunityplugin1592501914078287014figma-3d-tilt"><a href="https://www.figma.com/community/plugin/1592501914078287014/figma-3d-tilt" title="Figma 3D Tilt↗︎" rel="noopener ugc nofollow">Figma 3D Tilt↗︎</a></h3> <p>一个好玩的 Figma 插件，3D 化你的设计图。用这个做作品集岂不是贼酷（如果你的图层不乱的话）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/f17e3cf31ff3273e6af56fd6ceda31d8.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-083">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-082#15554 Huazi 2026-01-18T18:50:10Z 2026-01-18T18:50:10Z <blockquote> <p>封面是一款<a href="https://ifdesign.com/en/winner-ranking/project/time-smiles/675479" title="&#34;微笑时钟&#34;↗︎" rel="noopener ugc nofollow">&quot;微笑时钟&quot;↗︎</a>——用两个极简的&quot;眼睛&quot;显示时分,装饰性的&quot;嘴巴&quot;增添平衡感,每小时轻柔变换表情。重新定义时钟的亲切感。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="macos-tahoes-finder-redesignhttpsxcomguerriero-sestatus2008563458338345327"><a href="https://x.com/guerriero_se/status/2008563458338345327" title="MacOS Tahoe’s Finder Redesign↗︎" rel="noopener">MacOS Tahoe’s Finder Redesign↗︎</a></h3> <p>刷到这个 Finder 的 Redesign，想到了<a href="https://sspai.com/post/105394" title="这篇吐槽新系统图标设计的文章↗︎" rel="noopener ugc nofollow">这篇吐槽新系统图标设计的文章↗︎</a>，最新版的这个大玻璃系统真的是槽点不断。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/24973073a433afc577e41f4dd4df6524.png" alt="An image to describe post" /></p> <h3 id="macusehttpsmacuseapp"><a href="https://macuse.app/" title="Macuse↗︎" rel="noopener ugc nofollow">Macuse↗︎</a></h3> <p>体验真正的 Apple 智能。推荐这个 MCP 工具—Macuse<br /> 它让你的 AI 直接读写原生应用（日历、待办、邮件、备忘录…）<br /> 一键连通 Claude Desktop、Cursor、Raycast 以及任何支持 MCP 协议的客户端（我把他连接到了 Raycast）<br /> 免费版包含所有功能，每天 100 次工具调用，并可连接 1 个客户端（基本够用）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/f9275acf99c6c0439f483836e9068c6a.png" alt="An image to describe post" /></p> <h3 id="life-calendarhttpswwwthelifecalendarcom"><a href="https://www.thelifecalendar.com/" title="Life Calendar↗︎" rel="noopener ugc nofollow">Life Calendar↗︎</a></h3> <p>发现了一个有趣的自动化壁纸项目：每天自动更换手机锁屏壁纸，提醒你 2026 年已经过去多少了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/a70e40b324029c9beb1b1bc455e15e6a.png" alt="An image to describe post" /></p> <h3 id="emergencehttpsemergenceprojectscom"><a href="https://emergenceprojects.com/" title="Emergence↗︎" rel="noopener ugc nofollow">Emergence↗︎</a></h3> <p>不一样的网页设计。奇幻，怪诞的风格</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/6755b446672511df5eedd136b2302769.gif" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="motion-folioshttpswwwmotionfolioscomrefdesignerdailyreportcom"><a href="https://www.motionfolios.com/?ref=designerdailyreport.com" title="Motion Folios↗︎" rel="noopener ugc nofollow">Motion Folios↗︎</a></h3> <p>精选全球顶尖动态设计师作品集</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/57baf010e401dff6c9658bff360308f0.png" alt="An image to describe post" /></p> <h3 id="shadcnui-httpstweakcncom"><a href="https://tweakcn.com/" title="shadcn/ui 的可视化主题编辑器↗︎" rel="noopener ugc nofollow">shadcn/ui 的可视化主题编辑器↗︎</a></h3> <p>内置了很多设计配色，开发可以直接引用。我其实最喜欢他的颜色变量命名，做设计系统的时候很有参考意义。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/b2b5612e8c163527c69248fb42e2e8d5.png" alt="An image to describe post" /></p> <h3 id="skiper-uihttpsskiper-uicomcomponents"><a href="https://skiper-ui.com/components" title="Skiper UI↗︎" rel="noopener ugc nofollow">Skiper UI↗︎</a></h3> <p>一个很棒的动效组件库</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/7083994ebea17d5581b43511f15e5c2e.png" alt="An image to describe post" /></p> <h3 id="better-shothttpswwwbettershotsite"><a href="https://www.bettershot.site/" title="Better Shot↗︎" rel="noopener ugc nofollow">Better Shot↗︎</a></h3> <p>截图软件 CleanShot X 的开源平替版，这图标就输了一大截。真不如去<a href="https://apsgo.cn/59QUO1" title="软购↗︎" rel="noopener ugc nofollow">软购↗︎</a>入手正版，一百多就到手终生版。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/f2ae783c2f22f4e85202c6a05444a55c.png" alt="An image to describe post" /></p> <h3 id="heroiconshttpswwwheroicons-animatedcomrefpeerlistutm-sourcepeerlist"><a href="https://www.heroicons-animated.com/?ref=peerlist&amp;utm_source=peerlist" title="heroicons↗︎" rel="noopener ugc nofollow">heroicons↗︎</a></h3> <p>又一个开源动态图标库，基于 Motion 和 Heroicons 构建</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/44e1826a9e22fcd695ea1a91f88cb3ba.png" alt="An image to describe post" /></p> <h3 id="ui-pockethttpswwwui-pocketcommobileapps"><a href="https://www.ui-pocket.com/mobile/apps" title="UI Pocket↗︎" rel="noopener ugc nofollow">UI Pocket↗︎</a></h3> <p>一个收录日语 App 界面的网站。<br /> 除此之外还有大名鼎鼎的 <a href="http://mobbin.com/" title="Mobbin↗︎" rel="noopener ugc nofollow">Mobbin↗︎</a> 韩国的 <a href="https://wwit.design/" title="WWIT↗︎" rel="noopener ugc nofollow">WWIT↗︎</a> 和中国的 <a href="https://uinotes.com/" title="UI Notes↗︎" rel="noopener ugc nofollow">UI Notes↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/abc3e48afd0119de031c9aff8db5d42e.png" alt="An image to describe post" /></p> <h3 id="2025-apphttps2025appdesignstrollspace"><a href="https://2025app.designstroll.space/" title="2025 App年度报告截图集↗︎" rel="noopener ugc nofollow">2025 App年度报告截图集↗︎</a></h3> <p>还记得<a href="https://xiaobot.net/post/b0a14e1b-9455-4b59-a08a-7d17835a4de4" title="第 80 期↗︎" rel="noopener ugc nofollow">第 80 期↗︎</a> 提到的老三整理的各大APP 年度报告吗？由于放在语雀上老是被禁止公开分享（可以包含了 Youtube 之类的国外软件关键词），于是我做了个网页来展示各App的年度报告页面。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/10e7daa14e1f43113b990a540d85cbcd.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="moylan-arrowiahttpsjarangocom20260106the-moylan-arrow-ia-lessons-for-ai-powered-systems"><a href="https://jarango.com/2026/01/06/the-moylan-arrow-ia-lessons-for-ai-powered-systems/" title="Moylan Arrow：人工智能驱动体验的IA课程↗︎" rel="noopener ugc nofollow">Moylan Arrow：人工智能驱动体验的IA课程↗︎</a></h3> <p>福特工程师 Jim Moylan 发明的油箱盖方向箭头，是信息架构的经典案例：在正确的时间、正确的位置、用最低成本解决结构性歧义。Jorge Arango 以此反思 AI 产品：别急着&quot;加 AI&quot;，先问用户真正需要什么。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/92c1e49113af361bb5d108577184311c.png" alt="An image to describe post" /></p> <h3 id="2025httpsminoraxismediumcombest-new-icons-of-2025-5904c2e6c991"><a href="https://minoraxis.medium.com/best-new-icons-of-2025-5904c2e6c991" title="2025最佳新图标↗︎" rel="noopener ugc nofollow">2025最佳新图标↗︎</a></h3> <p>年度图标盘点，我心目中的最佳必须是爱彼迎的 3D图标！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/e8da7df047eca36ce7dce1b81c4ad7ae.png" alt="An image to describe post" /></p> <h3 id="2026-httpswwwitsnicethatcomfeaturesforward-thinking-graphic-trends-2026-graphic-design-120126"><a href="https://www.itsnicethat.com/features/forward-thinking-graphic-trends-2026-graphic-design-120126" title="2026 五大平面趋势↗︎" rel="noopener ugc nofollow">2026 五大平面趋势↗︎</a></h3> <p>It's Nice That 盘点 2026 五大平面趋势:办公室打印机的&quot;低墨美学&quot;、标本式的视觉索引、微观技术图形、融化般的 Blotch Logo,以及拼贴式字体。反抗数字疲劳,设计正回归混合媒介的不完美。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/397a5b85d562b26da08f28308cf75f63.png" alt="An image to describe post" /></p> <h3 id="httpsleerobcomcompression"><a href="https://leerob.com/compression" title="图像压缩是如何工作的↗︎" rel="noopener ugc nofollow">图像压缩是如何工作的↗︎</a></h3> <p>一篇交互式的文章，介绍了有损压缩和无损压缩两种方式。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/190de92f891c27c85a69ca9569eed562.png" alt="An image to describe post" /></p> <h3 id="gemini-ai-httpsdesigngooglelibrarygemini-ai-visual-design"><a href="https://design.google/library/gemini-ai-visual-design" title="Gemini AI 视觉设计指南↗︎" rel="noopener ugc nofollow">Gemini AI 视觉设计指南↗︎</a></h3> <p>Gemini 应用的视觉设计系统，将渐变、基础形状和动效整合为一套可扩展的 AI 体验语言，帮助设计师在高度不确定的产品形态下，持续建立用户对智能助手的信任与直觉感知。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/72b793a9212cb55ef6fe115fea3d3c31.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="rive-scripting-httpsriveappblogscripting-is-live-in-rive"><a href="https://rive.app/blog/scripting-is-live-in-rive" title="Rive Scripting 正式上线↗︎" rel="noopener ugc nofollow">Rive Scripting 正式上线↗︎</a></h3> <p>Rive终于上线了内测很久的脚本功能，现在设计、代码、动画只需要在一个画布中就能完成，脚本功能让设计师能做到很多以前&quot;只能求开发”的事：粒子效果、物理引擎、数据获取…</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/3c5a465540b2255667ab7d956f072ee6.png" alt="An image to describe post" /></p> <h3 id="chromehttpswwwandroidauthoritycomgoogle-chrome-vertical-tabs-how-enable-3617954"><a href="https://www.androidauthority.com/google-chrome-vertical-tabs-how-enable-3617954/" title="Chrome中的垂直标签页↗︎" rel="noopener ugc nofollow">Chrome中的垂直标签页↗︎</a></h3> <p>Chrome 终于要支持垂直标签页了，目前需要在 145 beta 版中开启。上周发现Arc竟然占用了我 40 多GB的空间，等 Chrome 的垂直标签页正式上线我可就要抛去 Arc了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/63046c6c778bbf110991c4b172258fc0.png" alt="An image to describe post" /></p> <h3 id="figma-">Figma 蓝湖插件被下架</h3> <p>上周蓝湖插件突然被下架了，官方说是<a href="https://forum.figma.com/ask-the-community-7/complaint-my-two-plugins-were-released-several-years-ago-today-they-were-suddenly-removed-by-the-platform-and-no-other-users-can-find-them-anymore-49614" title="不符合Figma的社区准则↗︎" rel="noopener ugc nofollow">不符合Figma的社区准则↗︎</a>，蓝湖官方也提供了<a href="https://my.feishu.cn/wiki/PqO4wHGl5idy9rkV8PicVcxinNf" title="本地安装的教程↗︎" rel="noopener ugc nofollow">本地安装的教程↗︎</a> 其实设计标注交付工具更推荐 <a href="https://moonvy.com/" title="月维↗︎" rel="noopener ugc nofollow">月维↗︎</a>，各项功能吊打蓝湖。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/58ac23f2d1f4b57196738ef9ff471a33.png" alt="An image to describe post" /></p> <h3 id="anthropic--coworkhttpsclaudecomblogcowork-research-preview"><a href="https://claude.com/blog/cowork-research-preview" title="Anthropic 发布 Cowork↗︎" rel="noopener ugc nofollow">Anthropic 发布 Cowork↗︎</a></h3> <p>Cowork 是为非技术用户设计的 Claude Code。它让普通人也能像开发者使用Claude Code那样，让AI直接操作电脑里的文件来完成实际工作任务。Anthropic 对国内用户过于仇视，好不容易充了会员也被封号。我还是等国内的几个模型出类似功能再尝试吧。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/802a754dbab4df05eb859ff41d9d7cfb.png" alt="An image to describe post" /></p> <h3 id="apple-creator-studiohttpswwwapplecomcnnewsroom202601introducing-apple-creator-studio-an-inspiring-collection-of-creative-apps"><a href="https://www.apple.com.cn/newsroom/2026/01/introducing-apple-creator-studio-an-inspiring-collection-of-creative-apps/" title="Apple Creator Studio↗︎" rel="noopener ugc nofollow">Apple Creator Studio↗︎</a></h3> <p>苹果整合旗下多款创意工具应用，正式推出全新的订阅制服务 Apple Creator Studio。该服务将原本独立的 iWork 套件（Pages、Numbers 和 Keynote）、专业视频剪辑套件（Final Cut Pro、Motion 和 Compressor），以及 Logic Pro、MainStage 和 Pixelmator Pro 共计 9 款应用打包，通过订阅模式向用户提供。<br /> 这图标！果子你这！哎！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/9f0e2ddb37741a8894a5b4b0694955ce.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <p>本期言论内容来自图书<a href="https://weread.qq.com/web/reader/0a632480813aba356g010242" title="《小众职业图鉴》" rel="noopener ugc nofollow">《小众职业图鉴》</a></p> <p>都说三百六十行，原来还有这么多小众的职业，是啊，就像书中所说“地上本没有路，走的人多了也就成了路，你又何必画地为牢？” 那些少有人走的路可以看出对真实生活的挣扎，有些职业真的太小众，简直是“拿命挣钱”。不管生活多难，都还是要认真生活。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/f4eee5c3c75499c308e89cdf4208607e.png" alt="An image to describe post" /></p> <ul> <li>地上本没有路，走的人多了也就成了路，你又何必画地为牢？</li> <li>不得不说，生活一旦变得健康，焦虑就会减少，奋斗一旦有了目标，人就会精神。</li> <li>疫情之后，失业人数暴涨，自由职业人群增多，职场牛人大量挤入网文赛道，他们有新鲜的想象力、丰富的经历，和骡子一样的精力，十分可怕。</li> <li>我有知识、有品德、有力量，可是自己偏偏混到卖血的地步了！</li> </ul> <hr /> <p>--本期完--</p> <p>（以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> <a href="https://xiaobot.net/p/DesignStroll" title="小报童订阅↗︎" rel="noopener ugc nofollow">小报童订阅↗︎</a> ｜<a href="https://quaily.com/designstroll" title="Quaily订阅↗︎" rel="noopener">Quaily订阅↗︎</a></p> <p><img src="https://static.xiaobot.net/file/2025-07-13/62424/c028ab0820911e82b75115aaaa40033c.jpeg" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-081#15435 Huazi 2026-01-11T18:20:48Z 2026-01-11T18:20:48Z <blockquote> <p>本期封面是 <a href="https://consumer.huawei.com/cn/routers/x3-pro/" title="华为 X3 Pro 路由器↗︎" rel="noopener ugc nofollow">华为 X3 Pro 路由器↗︎</a> 少见的路由器形态，让路由器从一件需要藏起来的塑料盒子，变成了你愿意摆在客厅中央的艺术品，在照亮屋子的同时，也终于能照亮你的心情。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="mr-pandas-psychologically-safe-portfoliohttpswwwmr-pandas-psychologically-safe-portfoliocom"><a href="https://www.mr-pandas-psychologically-safe-portfolio.com/" title="Mr. Panda&#39;s Psychologically Safe Portfolio↗︎" rel="noopener ugc nofollow">Mr. Panda's Psychologically Safe Portfolio↗︎</a></h3> <p>一个很有趣的手绘剪纸立体风网站，充满人味</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/8a19c34039cac4428c92781274c79014.gif" alt="An image to describe post" /></p> <h3 id="redesign-mac-httpsxcomuiux-harshitstatus2009283850090733633"><a href="https://x.com/uiux_harshit/status/2009283850090733633" title="ReDesign Mac 窗口控件↗︎" rel="noopener">ReDesign Mac 窗口控件↗︎</a></h3> <p>几个有趣的概念设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/eb1f74907833318329139b3f9ec8fbd6.png" alt="An image to describe post" /></p> <h3 id="heading">好的设计总是心有灵犀</h3> <p>淘宝近期发布了他们的AI形象，不做评论。千言万语汇成标题</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/ad42c6608e0924285984ded44ddc04be.png" alt="An image to describe post" /></p> <h3 id="qr-tornadohttpsxcom60fpsdesignstatus2008221645513912776"><a href="https://x.com/60fpsdesign/status/2008221645513912776" title="QR tornado↗︎" rel="noopener">QR tornado↗︎</a></h3> <p>喜欢这个动效。如果群聊二维码这样展示岂不是贼酷（前面的头像是群友的头像，最终汇成二维码）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/79fdd46cf129e5c83500111745876a42.gif" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-081">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/design-walk-weekly-080#15319 Huazi 2026-01-04T19:39:24Z 2026-01-04T19:39:24Z <blockquote> <p>新年快乐！本期封面是 Clicks 新发布的全键盘智能手机-<a href="https://www.clicksphone.com/communicator" title="Communicator↗︎" rel="noopener ugc nofollow">Communicator↗︎</a> 侧键灯光可为不同APP绑定专属颜色，499刀定位备用机市场。在触屏统治的时代，物理按键是否还能找到自己的生存空间？</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="20-httpswebarchiveorgweb20041114014937httpwwwkigotcom"><a href="https://web.archive.org/web/20041114014937/http://www.kigot.com/" title="20 年前的网站↗︎" rel="noopener ugc nofollow">20 年前的网站↗︎</a></h3> <p>AI 无论如何先进，终究无法超越人类的审美，无法超越人类的想象力，</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/be7077e6b683d1095432a4bbda1bc4c2.gif" alt="An image to describe post" /></p> <h3 id="30httpspuddingcool202506hello-stranger"><a href="https://pudding.cool/2025/06/hello-stranger/" title="30分钟与陌生人的对话实验↗︎" rel="noopener ugc nofollow">30分钟与陌生人的对话实验↗︎</a></h3> <p>The Pudding基于1656组真实对话数据，用可视化讲故事：陌生人聊30分钟后，积极情绪平均从6分升到7.4分。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/2a95ba6b1e1af8b6cff2dd1da2a1787a.png" alt="An image to describe post" /></p> <h3 id="eagle--ai-">Eagle 的 AI 推荐标签</h3> <p>发现老牌灵感Eagle 悄悄加了一些 AI 推荐的标签（看起来是基于文件名）还发现之前的 <a href="https://eagle.cool/blog/post/eagle5-teaser" title="5.0 预告里↗︎" rel="noopener ugc nofollow">5.0 预告里↗︎</a>提到的 Eagle MCP 啥的也上线了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/6059164bd16f0666d784b44c53de5240.png" alt="An image to describe post" /></p> <h3 id="httpsinteractive-design-2myshopifycomproductsgreen-vine-aromatic-woods-intensevariant52164927750433pb0"><a href="https://interactive-design-2.myshopify.com/products/green-vine-aromatic-woods-intense?variant=52164927750433&amp;pb=0" title="交互式商品选择↗︎" rel="noopener ugc nofollow">交互式商品选择↗︎</a></h3> <p>上周推荐了这个作者做的台灯选择页，这不，作者又来了一个新作品</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/183cb1059c42fb8096bd3e6a75ae1902.gif" alt="An image to describe post" /></p> <h3 id="2025-httpswwwyuquecomzhanglaosan-bz7nqgmzg15gqv8kka5hs6q9eydsingledoc"><a href="https://www.yuque.com/zhanglaosan-bz7nq/gmzg15/gqv8kka5hs6q9eyd?singleDoc=" title="2025 各产品年度报告↗︎" rel="noopener ugc nofollow">2025 各产品年度报告↗︎</a></h3> <p>老三整理了一份各产品的2025年报</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/2b02dd1e31f749ce3616ff8fee267764.png" alt="An image to describe post" /></p> <h3 id="one-million-screenshotshttpsonemillionscreenshotscom"><a href="https://onemillionscreenshots.com/" title="One Million Screenshots↗︎" rel="noopener ugc nofollow">One Million Screenshots↗︎</a></h3> <p>抓取了超过100万个网站首页截图</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2026/01/98aa6fe9465691ef9cdf7561a33e7b8b.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/design-walk-weekly-080">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/growing-in-sustainability-to-2025-49-mondays#15266 Huazi 2026-01-01T11:38:11Z 2026-01-01T11:38:11Z <h2 id="heading"><strong>序：关于坚持这件小事</strong></h2> <p>自 2021 年 11 月 27 日的<a href="https://www.yuque.com/hhhhuazi/gwyv4u/ksbqit" title="第一篇设计周刊↗" rel="noopener ugc nofollow">第一篇设计周刊↗</a>，算起来已经写 4 年周刊了。</p> <p>2025年就这么过去了，坐在电脑前思考这停滞的一年。想写个复盘又不知道写啥，不如就从周刊开始吧！</p> <p>盘点这一年的周刊，突然有种恍惚感—从第31期到第79期，整整49期内容，每周一准时更新，现在想想我真牛逼啊！</p> <p>今年三月底被裁员那会儿，评论区有朋友说&quot;被裁何尝不是一种短暂的解脱呢&quot;，当时走出公司确实有些恍惚。但正是因为有周刊这个&quot;锚点&quot;，让我在gap期间依然保持着节奏。每周一准时和大家漫步设计。</p> <blockquote> <p>PS：使用 Quaily的订阅的读者，以下部分链接会跳转至小报童，如需要可联系我免费开通小报童平台的订阅</p> </blockquote> <hr /> <h2 id="heading-1"><strong>进化：内容的变与不变</strong></h2> <h3 id="heading-2">从&quot;乱炖&quot;到&quot;精炖&quot;</h3> <p>今年最大的变化就是内容结构的调整。</p> <p><strong>2月（</strong><a href="https://xiaobot.net/post/8da7a75b-1b28-4ea4-8070-9cf177c02965" title="#035期↗" rel="noopener ugc nofollow">#035期↗</a><strong>）</strong> 新增了&quot;言论&quot;板块</p> <p>一开始是摘录读过的文章里的金句。到了<strong>7月（</strong><a href="https://xiaobot.net/post/13f0b1e1-35c1-4fa8-8571-6b656c1a53b6" title="#055期↗" rel="noopener ugc nofollow">#055期↗</a><strong>）</strong>，干脆改成每周推荐一本书的摘抄。</p> <p><img src="https://static.quail.ink/media/30wmu9n25.webp" alt="An image to describe post" /></p> <p><strong>8月（</strong><a href="https://xiaobot.net/post/e685852d-bab9-4862-8132-f966571d25f1" title="#060期↗" rel="noopener ugc nofollow">#060期↗</a><strong>）</strong> 优化了配图展示模板</p> <p>弱化了那个&quot;烦人的设计漫步周刊水印&quot;（是的，我自己都嫌弃它了）。</p> <p><img src="https://static.quail.ink/media/60evugoxv.webp" alt="An image to describe post" /></p> <p><strong>12 月（</strong><a href="https://xiaobot.net/post/2233d842-3fb3-429d-abb6-bb8f307e1930" title="#075↗" rel="noopener ugc nofollow">#075↗</a><strong>至</strong><a href="https://xiaobot.net/post/50d67753-6a0f-4fc0-82df-c1b7e9d0642e" title="#078期↗" rel="noopener ugc nofollow">#078期↗</a><strong>）</strong> 短暂新增了 Rive 板块</p> <p>因为在和朋友一起做Rive课程，特意开了个Rive板块推荐优秀源文件。后来想想还是合并回资源板块了，周刊嘛，保持那种&quot;轻松随意&quot;的调性更重要。</p> <p><img src="https://static.quail.ink/media/m4gvs7xx6.webp" alt="An image to describe post" /></p> <h3 id="heading-3">吐槽与思考并存</h3> <p>今年继续保持着&quot;敢说真话&quot;的态度：</p> <ul> <li> <p>吐槽菜鸟驿站的商业模式（<a href="https://xiaobot.net/post/b371286c-772e-4070-ab54-40445e205808" title="#068期↗" rel="noopener ugc nofollow">#068期↗</a>）</p> </li> <li> <p>质疑百度地图的车道级广告（<a href="https://xiaobot.net/post/12456756-2691-4d7f-8ee4-01c5f5da6f91" title="#047期↗" rel="noopener ugc nofollow">#047期↗</a>）</p> </li> </ul> <p><img src="https://static.quail.ink/media/yxlka4xxk.webp" alt="An image to describe post" /></p> <p>设计不应该只看表面的美，用户体验和商业模式的平衡才是真功夫。</p> <hr /> <h2 id="heading-4"><strong>回响：读者评论里的温度</strong></h2> <p>今年收到80+条评论，每一条我都有认真阅读（真的！）。感谢这些参与评论互动的读者。</p> <p>能和这么多有趣、有品味的人一起分享设计，才是做周刊最大的收获。</p> <p><img src="https://static.quail.ink/media/o8x0fg8ro.webp" alt="An image to describe post" /></p> <hr /> <h2 id="heading-5"><strong>光：被认可的时刻</strong></h2> <h3 id="11-httpsmpweixinqqcomsgajegdingmny3nzq7ujiqw"><a href="https://mp.weixin.qq.com/s/GaJEGdINGmNY3nZQ7UJiQw" title="11 月份入选小报童精选↗" rel="noopener ugc nofollow">11 月份入选小报童精选↗</a></h3> <p>看到到官方动态的那天，我在朋友圈自豪地发了句：&quot;上小报童精选啦😎”</p> <p>（其实是我主动投稿的哈哈哈，但能被选上还是很开心）</p> <h3 id="heading-6">读者们的真情推荐</h3> <p>最让我感动的是<a href="https://x.com/StellaOnChAIn/status/1984114730714513917?s=20" title="@Stella Lin在 10 月的推荐↗" rel="noopener">@Stella Lin在 10 月的推荐↗</a></p> <p>还有<a href="https://x.com/Jackywine/status/1949673382875938991?s=20" title="@Jackywine在7 月↗" rel="noopener">@Jackywine在7 月↗</a>把周刊形容成&quot;大厂设计的每周灵感私房菜&quot;——这个比喻我爱了。</p> <p>过了几天，他又发了条推特，宣传我基于历史周刊做的ima AI知识库（对了，你可以点击 <a href="https://ima.qq.com/wiki/?shareId=e9214d4d205cb56cf7c975b931b646a9944369dd44958978cad8a67ace0c7e68&amp;webFrom=10000079" title="这里↗" rel="noopener ugc nofollow">这里↗</a> 查看并加入）</p> <p>你可以在这个知识库智能检索历史周刊的资源。周刊的内容不只是每周一的阅读，还能变成随时可查询的设计知识库——这是我之前没想到的价值延伸。</p> <p><a href="https://x.com/bearliu/status/1950757017876041905?s=20" title="@Bear Liu在 7 月的推荐↗" rel="noopener">@Bear Liu在 7 月的推荐↗</a> 让我有点小窃喜——他把设计漫步周刊和DEX周刊并列推荐了。</p> <p><a href="https://quaily.com/dingyi" title="丁师的DEX周刊↗" rel="noopener">丁师的DEX周刊↗</a> 是国内设计类newsletter的标杆，能和它并列被提及，我真厉害！</p> <p><img src="https://static.quail.ink/media/v64zho9rv.webp" alt="An image to describe post" /></p> <hr /> <h2 id="heading-7"><strong>复盘：数字里的故事</strong></h2> <p>翻遍这49期周刊，我自己都有点被这个数据量吓到了。</p> <p><img src="https://static.quail.ink/media/gl3vhn224.webp" alt="An image to describe post" /></p> <h3 id="heading-8">发现板块：捕捉设计的瞬间</h3> <p>这是每期占比最大的板块，今年大概分享了<strong>200+个设计发现</strong>。</p> <p><strong>UI/UX细节（约60个）</strong></p> <p>从大厂到独立开发者，从APP到网站，请叫我&quot;名侦探·阿华&quot;</p> <ul> <li> <p>Apple时钟在低电量模式下指针从&quot;转动&quot;变&quot;跳动&quot;（<a href="https://xiaobot.net/post/eb0ba334-d462-412f-abc9-4e38ea241854" title="#069期↗" rel="noopener ugc nofollow">#069期↗</a>）</p> </li> <li> <p>微信好友备注的小而美设计（<a href="https://xiaobot.net/post/9e904550-6c12-4db0-8107-34c9cf2e2f26" title="#045期↗" rel="noopener ugc nofollow">#045期↗</a>）</p> </li> <li> <p>抖音查看博主机位的功能（<a href="https://xiaobot.net/post/89c1bfa0-51d6-4da0-85f2-39eb99eaa2dc" title="#041期↗" rel="noopener ugc nofollow">#041期↗</a>）</p> </li> <li> <p>豆包直接提取抖音视频文案（<a href="https://xiaobot.net/post/9e904550-6c12-4db0-8107-34c9cf2e2f26" title="#045期↗" rel="noopener ugc nofollow">#045期↗</a>）</p> </li> </ul> <p><img src="https://static.quail.ink/media/n9ndh6rr6.webp" alt="An image to describe post" /></p> <p><strong>创意网站（约50个）</strong></p> <p>今年推荐的网站质量自己回看都觉得不错：</p> <ul> <li> <p>个人网站类：<a href="https://benissen.com/" title="Ben Issen的涂鸦画布↗" rel="noopener ugc nofollow">Ben Issen的涂鸦画布↗</a>、<a href="https://dakshie.xyz/" title="Dakshi Goel的工牌交互↗" rel="noopener ugc nofollow">Dakshi Goel的工牌交互↗</a>、<a href="https://rene.wang/zh" title="Rene Wang的Kindle阅读器博客↗" rel="noopener ugc nofollow">Rene Wang的Kindle阅读器博客↗</a></p> </li> <li> <p>工作室官网：<a href="https://www.orangestudio.co/#" title="Orange Studio的复古风↗" rel="noopener ugc nofollow">Orange Studio的复古风↗</a>、<a href="https://flim.ai/" title="Flim.ai的影像搜索引擎↗" rel="noopener ugc nofollow">Flim.ai的影像搜索引擎↗</a></p> </li> <li> <p>实验性项目：<a href="https://weather-pattern.vercel.app/" title="weather.exe的ASCII艺术动画↗" rel="noopener ugc nofollow">weather.exe的ASCII艺术动画↗</a>、<a href="https://readymag.com/websites-of-the-year/" title="Readymag年度最佳网站↗" rel="noopener ugc nofollow">Readymag年度最佳网站↗</a></p> </li> </ul> <p><img src="https://static.quail.ink/media/x685hnmmo.webp" alt="An image to describe post" /></p> <p><strong>产品设计（约40个）</strong></p> <p>从概念到量产，今年的封面产品尤其让人印象深刻：</p> <p><strong>硬件产品类：</strong></p> <ul> <li> <p><a href="https://www.yankodesign.com/2025/12/05/time-gets-a-remix-with-this-hypnotic-spinning-clock/" title="动力学时钟↗" rel="noopener ugc nofollow">动力学时钟↗</a>（<a href="https://xiaobot.net/post/54275cd7-88a4-4fad-99fe-ba1da43fcf15" title="#079↗" rel="noopener ugc nofollow">#079↗</a>）：铝环旋转标记时分，没有指针，没有数字，让时间变成冥想体验</p> </li> <li> <p><a href="https://www.xiaohongshu.com/user/profile/684d45ef000000001b0238cc?xsec_token=ABmwB26pRZPrW6Cl6PGKziNNVJmMkSsxqGyC2IQzZEA24%3D&amp;xsec_source=pc_note" title="算法实验室的流光灯↗" rel="noopener ugc nofollow">算法实验室的流光灯↗</a>（<a href="https://xiaobot.net/post/258c95eb-ad57-43ec-afee-2dc30c44b852" title="#077↗" rel="noopener ugc nofollow">#077↗</a>）：用算法解构自然光的轨迹，把太阳东升西落浓缩进日常空间</p> </li> <li> <p><a href="https://www.striiiipes.com/view-all-products/leather-cardholder-collections/wallet-wallet/" title="Wallet Wallet卡包↗" rel="noopener ugc nofollow">Wallet Wallet卡包↗</a>（<a href="https://xiaobot.net/post/6789106c-3415-457c-8dc4-a5bd825df612" title="#073↗" rel="noopener ugc nofollow">#073↗</a>）：直接把iOS「钱包」app的图标做成了实体产品</p> </li> <li> <p><a href="https://dreamrecorder.ai/" title="初代造梦机↗" rel="noopener ugc nofollow">初代造梦机↗</a>（<a href="https://xiaobot.net/post/13f0b1e1-35c1-4fa8-8571-6b656c1a53b6" title="#055↗" rel="noopener ugc nofollow">#055↗</a>）：MODEM团队的黑科技，早晨说出梦境就能还原成影像</p> </li> </ul> <p><img src="https://static.quail.ink/media/r6wzhm44p.webp" alt="An image to describe post" /></p> <p><strong>有趣的交互（约30个）</strong></p> <p>这些交互让人看了就想玩：</p> <ul> <li> <p>巧妙的关闭按钮（打开按钮平滑移动到关闭位置）</p> </li> <li> <p>创意取色器（用滑块控制颜色，像调音台一样）</p> </li> <li> <p>Rive官网的按钮动效（被我家猫完美重现）</p> </li> </ul> <p>还有约<strong>20个&quot;吐槽&quot;</strong>——对，我没忍住，该说还得说：</p> <ul> <li> <p>菜鸟驿站的&quot;跑腿功能&quot;</p> </li> <li> <p>百度地图的车道级广告</p> </li> <li> <p>取餐码设计的反思（用手机尾号到底好不好）</p> </li> </ul> <p><img src="https://static.quail.ink/media/0dx4t0yyk.webp" alt="An image to describe post" /></p> <p>设计的魅力就在于这些细节——它们不起眼，但能让人感受到创作者的用心。</p> <h3 id="heading-9">资源板块：设计师的百宝箱</h3> <p>今年推荐了<strong>150+个实用资源</strong>，粗略分类如下：</p> <p><strong>设计工具（约40个）</strong></p> <p>各种AI生图工具、配色生成器、SVG图形库、Mockup生成器、浏览器插件、图标管理工具、字体工具等资源…</p> <p><img src="https://static.quail.ink/media/704yurxx4.webp" alt="An image to describe post" /></p> <p><strong>Figma生态（约30个）</strong></p> <p>肥姑妈虽然越来越难用了，谁让他是目前相对较好的设计工具了呢？又爱又恨！</p> <p><img src="https://static.quail.ink/media/20z9upzzo.webp" alt="An image to describe post" /></p> <p><strong>素材资源（约50个）</strong></p> <p>图标库、字体资源、插画和3D素材</p> <p><img src="https://static.quail.ink/media/zzp8b8yy4.webp" alt="An image to describe post" /></p> <p><strong>开发资源（约30个）</strong></p> <p>虽然主要写给设计师看，但开发资源也没落下。一些React组件库、动效库和设计转代码工具</p> <p><img src="https://static.quail.ink/media/r6wzhm44y.webp" alt="An image to describe post" /></p> <h3 id="heading-10">阅读板块：思考的深度</h3> <p>今年推荐了<strong>100+篇文章</strong>，主要集中在：</p> <p><strong>设计方法论（约30篇）</strong></p> <p>从设计思维到设计系统，从微交互到信息架构，这些文章帮我自己也梳理了不少思路。</p> <p><strong>行业洞察（约25篇）</strong></p> <p>AI对设计的影响、设计趋势预测、大厂的设计实践……这个时代变化太快，只能努力跟上。</p> <p><strong>工具教程（约20篇）</strong></p> <p>Figma进阶、Rive动效制作、AI工具使用指南——实用为主。</p> <p><strong>设计师访谈（约15篇）</strong></p> <p>看别人的成长路径，总能找到一些共鸣或启发。</p> <p><strong>思考与随笔（约10篇）</strong></p> <p>比如那篇&quot;<a href="https://mp.weixin.qq.com/s/9ktLfayUwrCLBWVVlmV_lA" title="好用的 AI 产品，不该是 ChatGPT 的样子↗︎" rel="noopener ugc nofollow">好用的 AI 产品，不该是 ChatGPT 的样子↗︎</a>&quot;（<a href="https://xiaobot.net/post/ec51581f-ead8-4c27-b667-712fb28293fd#toc-14" title="#056期↗" rel="noopener ugc nofollow">#056期↗</a>）</p> <p><img src="https://static.quail.ink/media/0dx4t0yye.webp" alt="An image to describe post" /></p> <h3 id="heading-11">资讯板块：跟上时代的脚步</h3> <p>今年追踪了<strong>80+条行业动态</strong>：</p> <p><strong>大厂动态（约30条）</strong></p> <p>Apple的各种设计更新（iOS图标、地图设计、时钟细节）</p> <p>Figma的重大更新（Make工具集、变量导入导出、AI功能）</p> <p>还有一些主流设计工具的更新</p> <p><strong>AI前沿（约15条）</strong></p> <p>这一年AI工具爆发式增长，几乎每期都会提到。</p> <p><img src="https://static.quail.ink/media/704yurxxx.webp" alt="An image to describe post" /></p> <h3 id="heading-12">我的内容偏好</h3> <p>复盘下来，发现自己的口味还挺明显的：</p> <p><strong>1. 日本设计情结</strong></p> <p>封面和内容里经常出现日本设计师的作品。可能是日本设计那种&quot;克制中的巧思&quot;特别对我胃口。</p> <p><strong>2. 微交互强迫症</strong></p> <p>对动效、过渡、反馈这些细节特别敏感。这算病吗（笑）。</p> <p><strong>3. AI工具追踪狂</strong></p> <p>今年AI发展太快，每个新工具都想试试。虽然有时候会想&quot;这玩意儿真的有用吗&quot;，但还是忍不住分享给大家。</p> <p><strong>4. 实用主义至上</strong></p> <p>推荐的工具大多是自己用过或者认真研究过的。不想做那种&quot;收藏=会用&quot;的分享者。</p> <p><strong>5. 吐槽不能少</strong></p> <p>好的设计值得夸，烂的设计该喷也得喷。</p> <h3 id="heading-13">内容的延伸价值</h3> <p>今年还做了个有意思的尝试—把周刊内容接入腾讯ima AI知识库。</p> <p><img src="https://static.quail.ink/media/20z9upzz9.webp" alt="An image to describe post" /></p> <p>最初只是想试试看，没想到效果还不错。读者可以随时问&quot;怎么做好微交互设计&quot;、&quot;推荐一些配色工具&quot;这类问题，AI就能从周刊的往期内容里找到答案并整理出来。Jackywine当时评价说&quot;相当于一个AI设计总监手把手教你做设计&quot;。</p> <p>这个尝试让我看到了内容的更多可能性：</p> <ul> <li> <p>周刊不只是&quot;看完就过&quot;的资讯，还能沉淀成知识库</p> </li> <li> <p>往期内容可以通过AI重新被利用，不会&quot;过期&quot;</p> </li> <li> <p>读者的学习方式可以从&quot;被动接收&quot;变成&quot;主动查询&quot;</p> </li> </ul> <p>读者们可以加入<a href="https://ima.qq.com/wiki/?shareId=e9214d4d205cb56cf7c975b931b646a9944369dd44958978cad8a67ace0c7e68&amp;webFrom=10000079" title="这个知识库↗" rel="noopener ugc nofollow">这个知识库↗</a>，让内容发挥更大的价值。</p> <hr /> <h2 id="heading-14"><strong>尾声：下个周一见</strong></h2> <p><img src="https://static.quail.ink/media/zzp8b8yyx.webp" alt="An image to describe post" /></p> <p>2025年，感谢每一位订阅周刊的朋友。你们的每一条评论、每一次点赞、每一次转发，都是我继续更新的动力。</p> <p>特别感谢那些一路陪伴的老朋友们。</p> <p><strong>@Josh <strong>的每期点赞</strong>、@Stellaaaaa、@钻进袋子里的猫、@Sisi、@WatchuwGotInYorPocket</strong> 等朋友的互动反馈。</p> <p>你们让这个周刊有了温度。</p> <p>同样感谢那些热心读者们的推荐，让更多人知道了这个小而美的设计周刊。</p> <p>2026年，我们继续漫步在设计的世界里，继续发现那些让生活变得更美好的细节。</p> <hr /> <p><strong>P.S. 写给还没订阅的朋友</strong></p> <p>如果你看到这里，还没订阅周刊，不妨考虑加入这趟设计漫步之旅？</p> <p>目前订阅价格是 <strong>12元/季度，48元/年</strong>（一杯咖啡钱，换49杯精神咖啡）。</p> <p>说实话，我最近一直在纠结要不要涨价——毕竟每周花那么多时间整理、筛选、写作，还要保持质量和节奏。但又觉得，保持这个价格也挺好，能让更多设计师看到有价值的内容。</p> <p>所以...暂时不涨？也许涨？还在想...总之，现在这个价格应该是最友好的时候。</p> <p>如果你也想每周一收到一份精心准备的设计漫步，可以通过以下方式订阅本刊。</p> <p><a href="https://xiaobot.net/p/DesignStroll" title="小报童订阅↗" rel="noopener ugc nofollow">小报童订阅↗</a></p> <p><a href="https://quaily.com/designstroll" title="Quaily订阅↗" rel="noopener">Quaily订阅↗</a>（因汇率手续费等原因，价格稍高一点点）</p> <p>2026，我们每周一再见！</p> <hr /> https://quaily.com/designstroll/p/weekly-079#15186 Huazi 2025-12-28T18:31:13Z 2025-12-28T18:31:13Z <blockquote> <p>封面是来自设计师 <a href="https://www.yankodesign.com/2025/12/05/time-gets-a-remix-with-this-hypnotic-spinning-clock/" title="Germain Verbrackel 的动力学时钟↗︎" rel="noopener ugc nofollow">Germain Verbrackel 的动力学时钟↗︎</a> 双铝环独立旋转，用橙蓝色段标记时分，没有指针，没有数字。将读时转化为冥想体验，时间不必一目了然，慢下来看见它流动。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpsmaikasuicom"><a href="https://maikasui.com/" title="巧妙的关闭按钮↗︎" rel="noopener ugc nofollow">巧妙的关闭按钮↗︎</a></h3> <p>打开模态框的按钮平滑地移动到关闭按钮的位置。你可以在模态框外关闭它，但这种设计很贴心，不会让你疑惑“关闭按钮在哪儿？”</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/c4cf57cf0d3eb541f8a1ca433b6e9afb.gif" alt="An image to describe post" /></p> <h3 id="httpsinteractive-design-2myshopifycomproductstable-lamp-with-a-marble-spherical-lampshadevariant52149925347617"><a href="https://interactive-design-2.myshopify.com/products/table-lamp-with-a-marble-spherical-lampshade?variant=52149925347617" title="丝滑的灯具购买页↗︎" rel="noopener ugc nofollow">丝滑的灯具购买页↗︎</a></h3> <p>很丝滑的灯具型号选择页面，用户可实时自定义台灯颜色、材质和尺寸，<a href="https://x.com/darianevezhyna/status/2003821175135522940?s=20" title="作者说↗︎" rel="noopener">作者说↗︎</a>是用Rive实现的。在AI图泛滥的现在，这种更有交互感的电商页面或许是一个趋势。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/c1e8d9cb688737d6d1c388c454172413.gif" alt="An image to describe post" /></p> <h3 id="httpsxcomflarupstatus1995840906667426080"><a href="https://x.com/flarup/status/1995840906667426080" title="拟物化的魅力↗︎" rel="noopener">拟物化的魅力↗︎</a></h3> <p>还是拟物有感觉，完美融合现实世界</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/97bddb84769f08422d5984f8883a9898.png" alt="An image to describe post" /></p> <h3 id="mejinavi2025httpswwwmejiroacjpunivmejinavi2025"><a href="https://www.mejiro.ac.jp/univ/mejinavi2025/" title="MEJINAVI2025｜目白大学がまるっとわかるメジナビ↗︎" rel="noopener ugc nofollow">MEJINAVI2025｜目白大学がまるっとわかるメジナビ↗︎</a></h3> <p>一个充满人味的日本大学招生网站。鼠标悬停时学生表情、姿势、背景色的细微变化，都传达着真实的校园生活温度。在 AI 泛滥的时代，这种满是设计细节的人性化体验更显珍贵。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/6b50a89d59dff2129ed537895d0e89d9.gif" alt="An image to describe post" /></p> <h3 id="httpsxcomdariusdanstatus2003736718546182579s20"><a href="https://x.com/dariusdan/status/2003736718546182579?s=20" title="工匠↗︎" rel="noopener">工匠↗︎</a></h3> <p>你敢信吗？这玩意是用 Figma 画的！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/293265faeed0e37314f50cc16fa6887e.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="portfolio-website-showcasehttpswwwkillerportfoliocom"><a href="https://www.killerportfolio.com/" title="Portfolio Website Showcase↗︎" rel="noopener ugc nofollow">Portfolio Website Showcase↗︎</a></h3> <p>精选优秀作品集网站展示平台，收录设计师、开发者、工作室的高质量作品集案例。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/c61fba0c2b0bd28c63ba69b3f4de9f0b.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-079">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-078#15052 Huazi 2025-12-21T19:13:59Z 2025-12-21T19:13:59Z <blockquote> <p>一盏会动、会听、有情感的台灯—<a href="https://ongolamp.com/" title="Ongo↗︎" rel="noopener ugc nofollow">Ongo↗︎</a> 它能够识别用户的面部表情，感知工作节奏，并通过光线与动作进行回应。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="flimhttpsflimai"><a href="https://flim.ai/" title="Flim↗︎" rel="noopener ugc nofollow">Flim↗︎</a></h3> <p>一个影像搜索引擎，AI 驱动的语义搜索让你快速找到理想视觉参考。底部的这个 Footer 细节很好玩！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/524035815e096b53c7e49aba6944404e.gif" alt="An image to describe post" /></p> <h3 id="rene-wanghttpsrenewangzh"><a href="https://rene.wang/zh" title="Rene Wang↗︎" rel="noopener ugc nofollow">Rene Wang↗︎</a></h3> <p>把博客做成一个真实可交互的 Kindle 阅读器。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/91d012df149f8f13e1f44f2617253cc7.png" alt="An image to describe post" /></p> <h3 id="oatmealhttpstailwindcsscompluskitsoatmeal"><a href="https://tailwindcss.com/plus/kits/oatmeal" title="Oatmeal↗︎" rel="noopener ugc nofollow">Oatmeal↗︎</a></h3> <p>TailwindCSS 新发布的模板，神似Cursor的新官网，这下这种风格又要烂大街了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/5f0440f674e7f2944b1f64c5dff34d1a.png" alt="An image to describe post" /></p> <h3 id="heading">腾讯元宝与微信集成</h3> <p>果然是自家孩子，与微信深度集成，一句话在微信内设置提醒。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/07ad4441c66ebe5e128426cbcc39c407.png" alt="An image to describe post" /></p> <h3 id="the-figma-2025-retrohttps2025-endofyearfigmasite"><a href="https://2025-endofyear.figma.site/" title="The Figma 2025 Retro↗︎" rel="noopener ugc nofollow">The Figma 2025 Retro↗︎</a></h3> <p>Figma年终小测试，看看能答对几题？</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/f8a14724fab9fc694eb757509fbf54cc.png" alt="An image to describe post" /></p> <h3 id="heading-1">小红书点点</h3> <p>点开帖子详情后，左下滑会触发小红书的 点点AI，帮助你解析帖子，这个交互比在评论区@优雅多了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/43475c533ce05447d3947e8adc47f959.png" alt="An image to describe post" /></p> <h2 id="-rive">🕹️ Rive</h2> <h3 id="web-mew-mewhttpsriveappmarketplace24555-45860-web-mew-mew"><a href="https://rive.app/marketplace/24555-45860-web-mew-mew/" title="Web mew mew↗︎" rel="noopener ugc nofollow">Web mew mew↗︎</a></h3> <p>一个跟随鼠标位置的登录页</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/dd1dc02be6554723cf20dcc2888448f7.png" alt="An image to describe post" /></p> <h3 id="animatedomhttpsriveappanimatedom"><a href="https://rive.app/@animatedom/" title="animatedom↗︎" rel="noopener ugc nofollow">animatedom↗︎</a></h3> <p>这个作者发布了一系列的动态卡牌设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/5a4b71f68fb7f0a345f914d7a0dbbd8a.png" alt="An image to describe post" /></p> <h3 id="interactive-slide-uphttpsriveappmarketplace23609-44147-interactive-slide-up"><a href="https://rive.app/marketplace/23609-44147-interactive-slide-up/" title="Interactive slide up↗︎" rel="noopener ugc nofollow">Interactive slide up↗︎</a></h3> <p>之前的这个动效，原来有人用Rive实现出来了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/3ee8645d36451348ef8ca0c23a753fcf.gif" alt="An image to describe post" /></p> <h3 id="box-cathttpsriveappmarketplace23155-43372-box-cat"><a href="https://rive.app/marketplace/23155-43372-box-cat/" title="Box Cat↗︎" rel="noopener ugc nofollow">Box Cat↗︎</a></h3> <p>可爱的猫猫动画，太写实了，我家猫也这样</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/2e56c10ffd2a188d2b610b39d9a46b3f.gif" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="design-promptshttpswwwdesignpromptsdev"><a href="https://www.designprompts.dev/" title="Design Prompts↗︎" rel="noopener ugc nofollow">Design Prompts↗︎</a></h3> <p>一个 AI 时代的设计风格探索器，展示 31+ 种视觉风格如何演绎同一套数据。每种风格都配有可直接使用的 AI 提示词（这提示词的字数都快赶上源码了）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/37da6427d6f4c9657bcb4cbbd95605ab.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-078">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-077#14896 Huazi 2025-12-14T18:16:40Z 2025-12-14T18:16:40Z <blockquote> <p>本期封面是来自 <a href="https://www.xiaohongshu.com/user/profile/684d45ef000000001b0238cc?xsec_token=ABmwB26pRZPrW6Cl6PGKziNNVJmMkSsxqGyC2IQzZEA24%3D&amp;xsec_source=pc_note" title="ALGORITHM LAB↗︎" rel="noopener ugc nofollow">ALGORITHM LAB↗︎</a> 的一款可以随时间流动变化的灯，用算法解构自然光的轨迹，将太阳东升西落、星辰流转的韵律，浓缩进日常空间。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="veeso-aihttpswaitlistveesoai"><a href="https://waitlist.veeso.ai/" title="Veeso AI↗︎" rel="noopener ugc nofollow">Veeso AI↗︎</a></h3> <p>一个AI图像工具的 Waitlist 页面，页面下方是不同格式的文档，上方是输出后的视觉化呈现，很喜欢这个动画！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/5fe493feaac7e91a3c43851ae54895f0.gif" alt="An image to describe post" /></p> <h3 id="codropshttpstympanusnetcodrops"><a href="https://tympanus.net/codrops/" title="Codrops↗︎" rel="noopener ugc nofollow">Codrops↗︎</a></h3> <p>创立于 2009 年的前端创意圣地，专注分享最新 Web 设计趋势和前沿技术实验。从交互动效到代码教程，从 CSS 特效到 WebGL 演示，持续为设计师和开发者提供高质量灵感。还有 2000+ 精选网站展览馆值得探索。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/7b2154e5e8ce095a45735c7028c68780.png" alt="An image to describe post" /></p> <h3 id="footerhttpsxcompraha37vstatus1999486416200565170"><a href="https://x.com/Praha37v/status/1999486416200565170" title="有趣的footer设计↗︎" rel="noopener">有趣的footer设计↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/d14d47b5616986c811376a481677c847.png" alt="An image to describe post" /></p> <h3 id="mobile-phone-museumhttpswwwmobilephonemuseumcomcatalogue"><a href="https://www.mobilephonemuseum.com/catalogue" title="Mobile Phone Museum↗︎" rel="noopener ugc nofollow">Mobile Phone Museum↗︎</a></h3> <p>还是之前的手机形态多</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/ddcde71817833487d425d8909dc1e757.png" alt="An image to describe post" /></p> <h3 id="shopify-editions--winter-26httpswwwshopifycomeditionswinter2026"><a href="https://www.shopify.com/editions/winter2026" title="Shopify Editions | Winter &#39;26↗︎" rel="noopener ugc nofollow">Shopify Editions | Winter '26↗︎</a></h3> <p>电商巨头的半年度功能盛典，150+ 更新浓缩在一个纯炫技网页。<br /> 还有好几个彩蛋，试试能不能发现</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/1259439859035465cd93b28fff3e4b05.png" alt="An image to describe post" /></p> <h3 id="size-of-lifehttpsnealfunsize-of-life"><a href="https://neal.fun/size-of-life/" title="Size of Life↗︎" rel="noopener ugc nofollow">Size of Life↗︎</a></h3> <p>Neal Agarwal 用 5 个月手绘 60 幅插画，将生物尺度从阿米巴虫到蓝鲸可视化呈现。在 AI 生成图泛滥的当下，这些带着人类温度的笔触显得格外珍贵。交互直观，科普扎实，每一帧都透着手工艺的诚意。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/19988775012030c7994f61233aa52f8b.png" alt="An image to describe post" /></p> <h2 id="-rive">🕹️ Rive</h2> <h3 id="3d-book-with-page-flip-animationhttpsriveappcommunityfiles24847-46420-3d-book-with-page-flip-animation"><a href="https://rive.app/community/files/24847-46420-3d-book-with-page-flip-animation/" title="3D Book with Page Flip Animation↗︎" rel="noopener ugc nofollow">3D Book with Page Flip Animation↗︎</a></h3> <p>用 Rive 实现的3D 翻书动画，用骨骼、网格、约束、绑定等技术实现。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/17e935977cf772eaf99617c3270f1d16.gif" alt="An image to describe post" /></p> <h3 id="team-members-sectionhttpsriveappmarketplace24280-45491-team-members-section"><a href="https://rive.app/marketplace/24280-45491-team-members-section/" title="Team members section↗︎" rel="noopener ugc nofollow">Team members section↗︎</a></h3> <p>团队页面设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/297f5dd136541f4ff1fdd0934ad7c739.gif" alt="An image to describe post" /></p> <h3 id="heads-will-rollhttpsriveappmarketplace24665-46084-heads-will-roll"><a href="https://rive.app/marketplace/24665-46084-heads-will-roll/" title="Heads Will Roll↗︎" rel="noopener ugc nofollow">Heads Will Roll↗︎</a></h3> <p>用 Rive 做的切水果小游戏</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/a99845d3fc1704110f9124bb66794781.gif" alt="An image to describe post" /></p> <h3 id="dashboardhttpsriveappmarketplace24744-46242-dashboard"><a href="https://rive.app/marketplace/24744-46242-dashboard/" title="Dashboard↗︎" rel="noopener ugc nofollow">Dashboard↗︎</a></h3> <p>一套蒸汽朋克风仪表板</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/df5fe38d19ba2cdb2c6815ef898e5cf6.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="cosmic-uihttpswwwcosmic-uicom"><a href="https://www.cosmic-ui.com/" title="Cosmic UI↗︎" rel="noopener ugc nofollow">Cosmic UI↗︎</a></h3> <p>一个开源的科幻主题 UI 组件库，基于 TailwindCSS 和可定制的 SVG 形状打造未来感界面。支持 React、Vue、Solid 等框架，内置无障碍交互逻辑。从游戏到仪表盘，让你的项目瞬间穿越到赛博未来。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/6e9c5c637ed80f84846ddab75aa5cb87.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-077">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-076#14444 Huazi 2025-12-07T14:12:58Z 2025-12-07T14:12:58Z <blockquote> <p>本期封面是来自<a href="https://ishikawakazuya.net/" title="いしかわかずや↗︎" rel="noopener ugc nofollow">いしかわかずや↗︎</a>的<a href="https://x.com/issikazu20/status/1906806203642225013?s=20" title="小鸟牙膏↗︎" rel="noopener">小鸟牙膏↗︎</a>-每次刷牙都能挤出来一只小胖鸟</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="readymag-websites-of-the-year-2025httpsreadymagcomwebsites-of-the-year"><a href="https://readymag.com/websites-of-the-year/" title="Readymag Websites of the Year 2025↗︎" rel="noopener ugc nofollow">Readymag Websites of the Year 2025↗︎</a></h3> <p>每年一度的网页设计奥斯卡,今年主题是&quot;打破边界&quot;。入围作品从实验性排版到极简主义都有,还有把实体展览搬到线上的<a href="https://1-145.non-objective.works/" title="《Non-Objective Times》↗︎" rel="noopener ugc nofollow">《Non-Objective Times》↗︎</a>。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/364530f3606f6a308bda6de73ea5815c.png" alt="An image to describe post" /></p> <h3 id="simon-laveuve-httpswwwsimonlaveuvecom"><a href="https://www.simonlaveuve.com/" title="Simon Laveuve 的微观废墟诗学↗︎" rel="noopener ugc nofollow">Simon Laveuve 的微观废墟诗学↗︎</a></h3> <p>把工业废料、日常垃圾组装成精致的微缩建筑,在废墟中造避难所,在绝望里搭乌托邦。这些悬停在崩塌边缘的小房子,提醒我们即使世界破碎,想象力仍能筑一座家。很喜欢他说的:&quot;fragilité devient force&quot;(脆弱即力量)。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/c533e4a378ee368b054db97fdb4eab5c.png" alt="An image to describe post" /></p> <h3 id="rip-">R.I.P. 饿了么</h3> <p>饿了么正式更名淘宝闪购，这个帖子里回顾了饿了么<a href="https://web.okjike.com/u/157c268e-6fd8-489f-92b2-5ecf5d5fcef3/post/693303b99c33f01a989a2dcf" title="9个印象深刻的片段↗︎" rel="noopener ugc nofollow">9个印象深刻的片段↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/1e07fc495f777c5c4cec3c27e2d8a66f.gif" alt="An image to describe post" /></p> <h3 id="dithered-gradientshttpsindentcom"><a href="https://indent.com/" title="dithered gradients↗︎" rel="noopener ugc nofollow">dithered gradients↗︎</a></h3> <p>最近刷到的一种新的渐变方式-dithered gradients<br /> 应该可以翻译成”抖动渐变”吧,有开发者制作了一个<a href="https://dither-gradient.vercel.app/" title="在线工具↗︎" rel="noopener ugc nofollow">在线工具↗︎</a>可视化不同颜色的效果。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/1c3813801acdab959880197e239a4443.png" alt="An image to describe post" /></p> <h2 id="-rive">🕹️ Rive</h2> <h3 id="work-smarthttpsriveappmarketplace25298-47215-work-smart"><a href="https://rive.app/marketplace/25298-47215-work-smart/" title="Work smart↗︎" rel="noopener ugc nofollow">Work smart↗︎</a></h3> <p>适合用在落地页的动效</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/b0e37b7c91ecb8c2579cbbc84bdbb0a6.gif" alt="An image to describe post" /></p> <h3 id="interactive-drum-kit-animationhttpsriveappmarketplace22459-46855-interactive-drum-kit-animation"><a href="https://rive.app/marketplace/22459-46855-interactive-drum-kit-animation/" title="Interactive drum kit animation↗︎" rel="noopener ugc nofollow">Interactive drum kit animation↗︎</a></h3> <p>用Rive做了个架子鼓，牛逼</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/7431bdb8b74ef5497de606b0f95e8eee.gif" alt="An image to describe post" /></p> <h3 id="nova--team-sectionhttpsriveappmarketplace25083-46822-nova-team-section"><a href="https://rive.app/marketplace/25083-46822-nova-team-section/" title="Nova- team section↗︎" rel="noopener ugc nofollow">Nova- team section↗︎</a></h3> <p>团队页面设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/dfd16d100bf572191e787c10b6dccefb.gif" alt="An image to describe post" /></p> <h3 id="bento-card-animationhttpsriveappmarketplace25131-46929-bento-card-animation"><a href="https://rive.app/marketplace/25131-46929-bento-card-animation/" title="Bento Card Animation↗︎" rel="noopener ugc nofollow">Bento Card Animation↗︎</a></h3> <p>一组动态bento</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/61886976c6125ec68250ef3527d89904.gif" alt="An image to describe post" /></p> <h3 id="tools-feature-sectionhttpsriveappmarketplace24932-46543-tools-feature-section"><a href="https://rive.app/marketplace/24932-46543-tools-feature-section/" title="Tools feature section↗︎" rel="noopener ugc nofollow">Tools feature section↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/923a539bf13c21997577b459756915aa.gif" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="google-ai-studiohttpsaistudiogooglecomappssourceshowcaseshowcasetagfeatured"><a href="https://aistudio.google.com/apps?source=showcase&amp;showcaseTag=featured" title="Google AI Studio↗︎" rel="noopener ugc nofollow">Google AI Studio↗︎</a></h3> <p>谷歌官方出品的 AI 应用案例集,从实用工具到创意实验都有,重点是代码全开源可直接 Fork。想学 Gemini 怎么玩?官方出品的最佳入门教材</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/ab82333b22b92bea9c83b85eaa635727.png" alt="An image to describe post" /></p> <h3 id="beautifully-handcrafted-gradientshttpsavatarsoutpacesystems"><a href="https://avatars.outpace.systems/" title="Beautifully handcrafted gradients↗︎" rel="noopener ugc nofollow">Beautifully handcrafted gradients↗︎</a></h3> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-076">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-075#14307 Huazi 2025-11-30T17:56:08Z 2025-11-30T17:56:08Z <blockquote> <p>本期封面是来自法国工作室 L'Atelier d'exercise 设计的<a href="https://www.sebastianbergne.com/archive/monthly-measure/" title="万年历尺子↗︎" rel="noopener ugc nofollow">万年历尺子↗︎</a>，星星标记沿锯齿边滚动即可更改日期，每颗星恰好对应一厘米刻度。日历与测量工具的二合一设计，让时间流逝变得可触摸。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="heading">弹窗也可以很温暖</h3> <p>抖音商城这个降温消费券<br /> 用温暖的针织纹理让人联想冬日的温馨</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/69f8aeb842793d624a2999d5371bcffc.png" alt="An image to describe post" /></p> <h3 id="httpsxcomavstormstatus1992880088011166151"><a href="https://x.com/avstorm/status/1992880088011166151" title="创意取色器↗︎" rel="noopener">创意取色器↗︎</a></h3> <p>刷到的时候觉得贼有创意（直到看到有人说它像福寿螺卵），有人已经基于 <a href="https://motion.dev/examples/react-color-picker" title="Motion实现出来了↗︎" rel="noopener ugc nofollow">Motion实现出来了↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/7df65e63e2f0942fb11cf63cfcba95a5.gif" alt="An image to describe post" /></p> <h3 id="shopify-httpsbfcmshopifycom"><a href="https://bfcm.shopify.com/" title="Shopify 把黑五数据看板做成了电子游乐场↗︎" rel="noopener ugc nofollow">Shopify 把黑五数据看板做成了电子游乐场↗︎</a></h3> <p>每年的黑五他们都会做一个贼牛的网站展示，几乎里面所有的元素都可以操作，电脑里甚至还有一个赛车游戏。他们去年的黑五是一个电台，<a href="https://xiaobot.net/post/32b8b881-2c15-4877-9549-a32739038318" title="在 26 期中提过↗︎" rel="noopener ugc nofollow">在 26 期中提过↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/f99f89208bfdec1fe6ef8411817c521b.png" alt="An image to describe post" /></p> <h3 id="heading-1">小宇宙的通知</h3> <p>好像只有小宇宙单独设计了通知中心的通知样式</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/cbd7c6b20617465693637b11da13bc31.png" alt="An image to describe post" /></p> <h2 id="-rive">🕹️ Rive</h2> <h3 id="rive-expression-gridhttpsriveappmarketplace24941-46557-expression-grid"><a href="https://rive.app/marketplace/24941-46557-expression-grid/" title="Rive Expression Grid↗︎" rel="noopener ugc nofollow">Rive Expression Grid↗︎</a></h3> <p>用最简几何形状探索情绪表达的动画实验。作者为每个表情录制了真人配音（并不后悔！），构建了模块化的面部系统——眼睛、嘴巴、眉毛各自独立组件化，可自由组合。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/d53c129fbb2ae33f783020cfbb90eefc.png" alt="An image to describe post" /></p> <h3 id="spegni-il-cervellohttpsriveappmarketplace21206-39891-spegni-il-cervello"><a href="https://rive.app/marketplace/21206-39891-spegni-il-cervello/" title="Spegni il cervello↗︎" rel="noopener ugc nofollow">Spegni il cervello↗︎</a></h3> <p>一个贼酷的切换开关</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/a1cbe2e47dd5ff988ecbfce4d1d862a3.gif" alt="An image to describe post" /></p> <h3 id="lightboxhttpsriveappmarketplace19639-36948-lightbox"><a href="https://rive.app/marketplace/19639-36948-lightbox/" title="Lightbox↗︎" rel="noopener ugc nofollow">Lightbox↗︎</a></h3> <p>感觉顶部的滑块监测区域有问题，不是很跟手</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/5dec089507b0a1b2874fae0f10772075.gif" alt="An image to describe post" /></p> <h3 id="ui-components-designhttpsriveappmarketplace25127-46925-ui-components-design"><a href="https://rive.app/marketplace/25127-46925-ui-components-design/" title="ui components design↗︎" rel="noopener ugc nofollow">ui components design↗︎</a></h3> <p>一套适用于网站的动态插画</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/12/8186b51a2e000b70b962bbb8b605c2d5.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="photoshophttpschromewebstoregooglecomdetailadobe-photoshopkjchkpkjpiloipaonppkmepcbhcncedo"><a href="https://chromewebstore.google.com/detail/adobe-photoshop/kjchkpkjpiloipaonppkmepcbhcncedo" title="网页版PhotoShop↗︎" rel="noopener ugc nofollow">网页版PhotoShop↗︎</a></h3> <p>阿倒闭竟然也免费了（看来被 <a href="https://www.affinity.studio/" title="Affinity↗︎" rel="noopener ugc nofollow">Affinity↗︎</a> 打的挺惨）网页版还不限制AI功能。<br /> 发布了网页版PhotoShop，用户只需在2025年12月8日前注册，即可免费试用12个月，无需支付费用。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/c91b843f9fe853538268457a0d92c09f.png" alt="An image to describe post" /></p> <h3 id="httpswwwnotionso2b6fcc338e8b80e0aa12dd4fc1a127e9pvs21"><a href="https://www.notion.so/2b6fcc338e8b80e0aa12dd4fc1a127e9?pvs=21" title="黑五设计师清单↗︎" rel="noopener ugc nofollow">黑五设计师清单↗︎</a></h3> <p>丁师收集的设计师黑五清单，如果周一看到的话，还能赶上最后一波车。<br /> 今年黑五消费了啥？我不到三百入手了年费 X Premium</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/fe332a182089b7eeda15f2b13229578c.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-075">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-074#14144 Huazi 2025-11-23T12:38:22Z 2025-11-23T12:38:22Z <blockquote> <p>本期封面是一把<a href="https://www.behance.net/gallery/237372459/BLADEE?tracking_source=search_projects%7Cknife%20product%20design&amp;l=0" title="不用尺子的精准美工刀-BLADEE↗︎" rel="noopener ugc nofollow">不用尺子的精准美工刀-BLADEE↗︎</a> 通过内置刻度盘和测量轮,让重复切割相同尺寸变得轻而易举，转动顶部刻度盘设定长度(0-35),切割时底部测量轮实时追踪进度,接近目标时刀片自动回缩,完全不需要尺子和铅笔标记。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="-google-httpselgooghk"><a href="https://elgoog.hk/" title="重現埋藏已久的 Google 彩蛋↗︎" rel="noopener ugc nofollow">重現埋藏已久的 Google 彩蛋↗︎</a></h3> <p>一个专门收集和复原 Google 历史彩蛋的网站,名字&quot;elgooG&quot;本身就是向经典的镜像彩蛋致敬(把 Google 倒过来写)。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/d85d3ec1516dbc1f6a6529f69a0bd07a.png" alt="An image to describe post" /></p> <h3 id="httpswwwgoodgoodgoodcoarticlesaustrian-power-giants-power-line-animals"><a href="https://www.goodgoodgood.co/articles/austrian-power-giants-power-line-animals" title="奥地利把电塔变成了巨型动物雕塑↗︎" rel="noopener ugc nofollow">奥地利把电塔变成了巨型动物雕塑↗︎</a></h3> <p>奥地利电力公司遇到了一个问题:人们不喜欢新建电塔的样子。于是他们想了个办法——把电塔设计成代表各州的巨型动物雕塑,比如代表 Burgenland 州候鸟迁徙的鹳鸟,以及象征阿尔卑斯山麓森林的雄鹿。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/3b082f2cbc1ccc08613b9c562b939a74.png" alt="An image to describe post" /></p> <h3 id="gemini-3-httpsaistudiogooglecomappsdrive18jaco5a5a5lylgt7freij3hddkvugetmfullscreenapplettrueshowpreviewtrueshowassistanttrue"><a href="https://aistudio.google.com/apps/drive/18JaCO5A5A5LylGt7FREIj3hDdkVuGEtM?fullscreenApplet=true&amp;showPreview=true&amp;showAssistant=true" title="Gemini 3 做的梵高风格实时渲染器↗︎" rel="noopener ugc nofollow">Gemini 3 做的梵高风格实时渲染器↗︎</a></h3> <p>Gemini 3 发布后出现了不少惊艳的 AI 作品,我最喜欢这个梵高风格的实时渲染器,能把摄像头捕捉的画面实时转化成梵高式的笔触粒子。它还支持上传音乐进行声音可视化——通过音频的高低频控制粒子的运动速率,低频让粒子缓慢流动,高频则像烟花般炸裂。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/2d28b446b35b2019d4e78575ce612f4a.png" alt="An image to describe post" /></p> <h3 id="ai-world-clockshttpsclocksbrianmoorecom"><a href="https://clocks.brianmoore.com/" title="AI World Clocks↗︎" rel="noopener ugc nofollow">AI World Clocks↗︎</a></h3> <p>AI 时钟竞技场，一个好玩的实验网站:每分钟让 9 个大模型重新生成一次时钟界面,看看谁做得最好。参赛选手包括 GPT、Claude、Gemini、Kimi K2 等主流模型,看起来 Kimi 的效果最好</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/9b242a66861fdece1744903d8577b8a0.png" alt="An image to describe post" /></p> <h3 id="lock-screen-mirrorhttpsxcomyakuzegstatus1990464778498912367"><a href="https://x.com/yakuzeg/status/1990464778498912367" title="Lock screen mirror↗︎" rel="noopener">Lock screen mirror↗︎</a></h3> <p>你会用前置摄像头当镜子嘛？这个创意直接在锁屏唤起相机。不用解锁、不用打开 App、不用切换摄像头,点一下就能快速整理仪容。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/0052e5c875599ade64fdbee3158bf26e.gif" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-074">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-073#13977 Huazi 2025-11-16T18:44:04Z 2025-11-16T18:44:04Z <blockquote> <p>本期封面是来自巴黎品牌 <a href="https://www.striiiipes.com/view-all-products/leather-cardholder-collections/wallet-wallet/" title="Striiiipes↗︎" rel="noopener ugc nofollow">Striiiipes↗︎</a> 的 Wallet Wallet 卡包——直接把 iOS「钱包」app 的图标做成了实体产品。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpssharegoogleq2rmowc0gnwyo5y2a"><a href="https://share.google/q2RmOwC0GNWyo5y2A" title="谷歌的猫爪彩蛋↗︎" rel="noopener ugc nofollow">谷歌的猫爪彩蛋↗︎</a></h3> <p>最近发现谷歌搜索藏了个可爱的小彩蛋——搜索「cat」或「dog」，点一下左上角出现的小爪子图标，屏幕上就会到处印满猫爪/狗爪印，还配着喵喵叫或汪汪叫的声音。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/bad1a3b091d9eaeea74fc4c379ed729b.png" alt="An image to describe post" /></p> <h3 id="heading">美团给饿了么开……追悼会</h3> <p>美团太会阴阳了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/bc152ade4961688b9a323110c8fd2a3c.png" alt="An image to describe post" /></p> <h3 id="in-common-withhttpswwwincommonwithcomcollectionsall-lighting"><a href="https://www.incommonwith.com/collections/all-lighting" title="In Common With↗︎" rel="noopener ugc nofollow">In Common With↗︎</a></h3> <p>当你切换灯光时，整个页面会变暗，从而营造出更具沉浸感的照明效果。这才是真正的暗色模式，这么一对比，现在的顶多算是黑白切换</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/702fb39ad55fce803d31bb76c164f92a.gif" alt="An image to describe post" /></p> <h3 id="stickertophttpsstickertopartmain"><a href="https://stickertop.art/main/" title="stickertop↗︎" rel="noopener ugc nofollow">stickertop↗︎</a></h3> <p>网站收集了全球各地的笔记本电脑贴纸美学。你看每台电脑上那些精心贴的贴纸,就像它主人的&quot;数字纹身&quot;——有人贴满开源项目logo,有人是猫猫贴纸狂魔,还有人走极简风只贴一张。每台笔记本都在讲一个故事,你的电脑后盖贴了啥？</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/ae507497c86ab3ce3b4e9673ddc0e134.png" alt="An image to describe post" /></p> <h3 id="httpswwwbooooooomcom20231018gum-shoo-by-artist-aaron-luckman"><a href="https://www.booooooom.com/2023/10/18/gum-shoo-by-artist-aaron-luckman/" title="被遗弃的口香糖↗︎" rel="noopener ugc nofollow">被遗弃的口香糖↗︎</a></h3> <p>艺术家 Aaron Luckman 在波士顿街头拍了四年口香糖。对，就是那些被踩扁、黏在地上的口香糖——有些五颜六色，有些灰头土脸，每一块都像是城市的&quot;化石&quot;。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/336628ec56bec084189749f3373eaedd.png" alt="An image to describe post" /></p> <h3 id="house-in-the-househttpshousingsstudiosite"><a href="https://housings.studio.site/" title="house in the house↗︎" rel="noopener ugc nofollow">house in the house↗︎</a></h3> <p>将生活中常见的物品设计成房子</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/e1346d9c036f76f40ede94a97230ecf1.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-073">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-072#13834 Huazi 2025-11-09T17:02:52Z 2025-11-09T17:02:52Z <blockquote> <p>面包烤好了会弹出来，插座过载为啥不能？<a href="https://en.puxiang.com/galleries/9fb9fb47a9bea98f3bef8e64073cd0a0" title="BROOD↗︎" rel="noopener ugc nofollow">BROOD↗︎</a> 就是个会&quot;弹出&quot;的插头，还带表情显示状态</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="nani-aihttpsnaninowzh"><a href="https://nani.now/zh" title="Nani翻译: 智能AI翻译助手，轻松进行多语言翻译↗︎" rel="noopener ugc nofollow">Nani翻译: 智能AI翻译助手，轻松进行多语言翻译↗︎</a></h3> <p>一个可爱的翻译工具</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/b1f9f4a294dea2706d6c641435d70cb0.png" alt="An image to describe post" /></p> <h3 id="httpsxcomdesigncmmntystatus1985658692520268266"><a href="https://x.com/designcmmnty/status/1985658692520268266" title="一个很有质感的按钮↗︎" rel="noopener">一个很有质感的按钮↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/6636f5e3e9c1f7910ff9b3585836eae1.gif" alt="An image to describe post" /></p> <h3 id="httpsxcomannaxtimestatus1987484621999833230"><a href="https://x.com/annaxtime/status/1987484621999833230" title="铲屎官同款验证码↗︎" rel="noopener">铲屎官同款验证码↗︎</a></h3> <p>一个很有创意的验证码，让铲屎官们赛博铲屎。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/11b236924bd2debb79387bb6679dc4be.gif" alt="An image to describe post" /></p> <h3 id="httpswwwkai-groupcomglobaldesign"><a href="https://www.kai-group.com/global/design/" title="在屏幕中享受使用工具↗︎" rel="noopener ugc nofollow">在屏幕中享受使用工具↗︎</a></h3> <p>太美了，在网页中享受餐具的使用</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/8bf93af747e02358f626b2955ab0325c.gif" alt="An image to describe post" /></p> <h3 id="httpsmarijanapavcomstamps"><a href="https://marijanapav.com/stamps" title="一个很有设计感的邮票分享网站↗︎" rel="noopener ugc nofollow">一个很有设计感的邮票分享网站↗︎</a></h3> <p>把收藏的邮票数字化了，排版和动效做得挺精致，还能放大看每张邮票的细节，这种把实体收藏搬到网上的方式挺有意思的。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/3c1d830e07e9fecf709b6bebe3a54946.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="ali-imamhttpsaliimamin"><a href="https://aliimam.in/" title="Ali Imam↗︎" rel="noopener ugc nofollow">Ali Imam↗︎</a></h3> <p>又来一个开源的动画组件库</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/1ef88ba57d7d4a662c55512db62cf39e.png" alt="An image to describe post" /></p> <h3 id="website-design-inspiration--httpsterhttpshttpsternet"><a href="https://httpster.net/" title="Website Design Inspiration | Httpster↗︎" rel="noopener ugc nofollow">Website Design Inspiration | Httpster↗︎</a></h3> <p>网站设计灵感，喜欢这个网站的滚动条设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/aaa9b7e9970e32a3898701e88523fab5.png" alt="An image to describe post" /></p> <h3 id="launchoshttpslaunchosappcom"><a href="https://launchosapp.com/" title="LaunchOS↗︎" rel="noopener ugc nofollow">LaunchOS↗︎</a></h3> <p>MacOS 26 后，果子把启动台改成了垃圾。LaunchOS 是目前所有第三方工具中接近原生的，甚至体验比之前官方的还好。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/2c1abca7eb882eb7f99074b098502848.png" alt="An image to describe post" /></p> <h3 id="strange-attractorshttpsblogshashanktomarcompostsstrange-attractors"><a href="https://blog.shashanktomar.com/posts/strange-attractors" title="Strange Attractors↗︎" rel="noopener ugc nofollow">Strange Attractors↗︎</a></h3> <p>一个使用 Three.js 实现的动态系统可视化工具，它通过简单的数学方程展示了混沌系统的复杂美感。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/9f5f4443800bd64b83ffa255cc96a303.gif" alt="An image to describe post" /></p> <h3 id="moon-phase-trackerhttpsasciimooncom"><a href="https://asciimoon.com/" title="Moon Phase Tracker↗︎" rel="noopener ugc nofollow">Moon Phase Tracker↗︎</a></h3> <p>一个独特的月相追踪器，通过 ASCII 艺术展示月球每日的相位变化，用户可以查看并循环浏览月球的各个阶段。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/de2c2f2f73f0bf3e9909631f10db7aeb.png" alt="An image to describe post" /></p> <h3 id="icon-libraryhttpsnucleoappcomapplibraryarcade"><a href="https://nucleoapp.com/app/?library=arcade" title="icon library↗︎" rel="noopener ugc nofollow">icon library↗︎</a></h3> <p>一套像素风格的图标，网站还有其他风格的，可以直接在线复制</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/405f9b468e18bb3d187dcaa93707c2ac.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="httpsmpweixinqqcomstium-phnjbyk2cn01iqq4w"><a href="https://mp.weixin.qq.com/s/TiUM-phNjByK2Cn01IqQ4w" title="完全指南：如何用字体构建一个品牌？读懂字体里的情感、技术和战略↗︎" rel="noopener ugc nofollow">完全指南：如何用字体构建一个品牌？读懂字体里的情感、技术和战略↗︎</a></h3> <p>衬线体的古典气质到可变字体的技术革新,从传音的多语言适配到勃林格的全球统一。字体不只是好看,更是品牌的&quot;无声代言人&quot;。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/006d04fb058847a7d7c3af7572646fa9.png" alt="An image to describe post" /></p> <h3 id="how-ai-is-changing-design-workflowshttpswwwyoutubecomwatchv5adhiibtzqw"><a href="https://www.youtube.com/watch?v=5ADHIIBtzQw" title="How AI is Changing Design Workflows↗︎" rel="noopener ugc nofollow">How AI is Changing Design Workflows↗︎</a></h3> <p>这期 Dive Club 请来了 Perplexity、Vercel 和一众顶流品牌设计师，聊了聊 AI 怎么改变设计工作流。Nick 直接用 Lovable 一小时搭出品牌工具系统；Vercel 的设计师用 V0 做会议素材生成器。最有意思的是，大家不再把 AI 当加速器，而是把它当「沟通工具」——用交互原型讲故事，比 PPT 快多了。80% 靠创意，20% 靠工具，这话说得太对了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/ee3be2134adfccdeb86d912c236f2e4f.png" alt="An image to describe post" /></p> <h3 id="branding-superhuman-and-grammarly-and-codahttpsmediumcomsmith-dictionbranding-superhuman-and-grammarly-and-coda-8c57f970bead"><a href="https://medium.com/smith-diction/branding-superhuman-and-grammarly-and-coda-8c57f970bead" title="Branding Superhuman (and Grammarly and Coda)↗︎" rel="noopener ugc nofollow">Branding Superhuman (and Grammarly and Coda)↗︎</a></h3> <p>Grammarly 收购 Coda 和 Superhuman 后改名的品牌故事。从一个光标+圆点画出超级英雄 Logo，还定制了 Super Sans 字体。这复盘案例太长长长了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/80b6c82a9d92760a013fb121cccb2156.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="affinityadobehttpsxcomadobesupportjstatus1985610270421762188"><a href="https://x.com/AdobeSupportJ/status/1985610270421762188" title="Affinity免费后的Adobe↗︎" rel="noopener">Affinity免费后的Adobe↗︎</a></h3> <p><a href="https://www.affinity.studio/" title="Affinity↗︎" rel="noopener ugc nofollow">Affinity↗︎</a> 宣布免费后，日本的 Adobe 客服已经被接待不过来了，大家都阿倒闭积怨已深！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/4ff96f77128f56ed3e22635e39c2d715.png" alt="An image to describe post" /></p> <h3 id="apple-one-logohttpswwwlogonewscnapple-one-new-logohtml"><a href="https://www.logonews.cn/apple-one-new-logo.html" title="Apple One 也迎来全新彩色LOGO↗︎" rel="noopener ugc nofollow">Apple One 也迎来全新彩色LOGO↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/befb507261bf02fdd99506c2a50e733f.png" alt="An image to describe post" /></p> <h3 id="-app-storehttpsappsapplecomusiphonetoday"><a href="https://apps.apple.com/us/iphone/today" title="网页版 App Store↗︎" rel="noopener ugc nofollow">网页版 App Store↗︎</a></h3> <p>苹果推出了网页版的 AppStore ,史上最没用的应用商店。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/d6d5020783cc7f519b565f3e2a097d6a.png" alt="An image to describe post" /></p> <h3 id="trae-solo-httpsmpweixinqqcomsszo4hwkwputa3ugnqcphaw"><a href="https://mp.weixin.qq.com/s/szo4hwkwpUta3UGNQCphAw" title="TRAE SOLO 正式版↗︎" rel="noopener ugc nofollow">TRAE SOLO 正式版↗︎</a></h3> <p>TRAE 的 solo 模式终于要上了，或许也是上周宣布下架 Claude 模型后对用户的补偿</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/23a6dc999d3a12dcf50bb66f2676a8b5.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <p>本期言论板块来着图书《<a href="https://weread.qq.com/web/reader/8cd32880813ab8e88g014632" title="顾客什么购买：顾客购买行为背后的秘密" rel="noopener ugc nofollow">顾客什么购买：顾客购买行为背后的秘密</a>》</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/efc04ab7bc177608ca013cb5c8b5cf70.png" alt="An image to describe post" /></p> <ul> <li>将任务塑造为已经开始且尚未完成的，而不是尚未开始的，可以让人们更有决心去完成它，而且他们会更快地完成</li> <li>要了解人们，就需要了解是什么导致他们这样做，而要了解是什么导致他们这样做，就需要知道他们的目标。</li> <li>强大的品牌在人们的大脑中产生了一个真实的影响，这种影响使人们能够在没有思考的情况下凭直觉迅速地做出决策。</li> <li>我们购买的是实现目标的预期</li> </ul> <p>-本期完-<br /> （以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：https://tally.so/r/3NV2Dl</p> <p><img src="https://static.xiaobot.net/file/2025-07-13/62424/c028ab0820911e82b75115aaaa40033c.jpeg" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-071#13683 Huazi 2025-11-02T19:06:24Z 2025-11-02T19:06:24Z <h2 id="-">🔍 发现</h2> <h3 id="ben-issenhttpsbenissencom"><a href="https://benissen.com/" title="Ben Issen↗︎" rel="noopener ugc nofollow">Ben Issen↗︎</a></h3> <p>一个让访客有参与感的个站，画面中心是作者的信息模块，四周是自由的画布可供访客随意涂鸦。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/f58e3c1838efb60409a8b7aa94a9ca4a.png" alt="An image to describe post" /></p> <h3 id="heading">饿了么骑手新制服</h3> <p>最近点外卖看到饿了么骑手的新制服了嘛？官方在<a href="https://weibo.com/1282440983/Q1rJPqXUG" title="八月底就宣布了↗︎" rel="noopener ugc nofollow">八月底就宣布了↗︎</a>制服，新版制服酷似迈凯轮车队的赛服。衣服上充满了阿里系的Logo…… 差评君竟然出了<a href="https://mp.weixin.qq.com/s/uaMdS8Uv5a-f5xaclMvyqw" title="一篇评测↗︎" rel="noopener ugc nofollow">一篇评测↗︎</a>。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/4e5e02e739d7e1d6f6efcbb54a9fbec1.png" alt="An image to describe post" /></p> <h3 id="heading-1">双十一清流</h3> <p>正值双十一期间，多抓鱼并没有像某些应用一样动不动就摇到他们软件。而是一波反营销。在全员营销背景下，反营销是否也能定义成一种营销？</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/464d09fa66fa9d24f961bff2d4276974.png" alt="An image to describe post" /></p> <h3 id="httpsmpweixinqqcomsvemfdye2eo6f3g6jfkewkw"><a href="https://mp.weixin.qq.com/s/VEMfDyE2eO6F3g6jfKewkw" title="给输入法换个金属材质↗︎" rel="noopener ugc nofollow">给输入法换个金属材质↗︎</a></h3> <p>要是有一套金属材质的 UIKit 会是什么效果？</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/65420a573487b4246c85f187490c19d8.png" alt="An image to describe post" /></p> <h3 id="3dhttpsfunesworldmodelsrefchangelogmediamodelassetidvdpnsqmlm2d47q8yxjkiwttvtimjsp2dtgh63qrodlwjbqmi"><a href="https://funes.world/models/?ref=changelog&amp;media=model&amp;assetId=vdpnsqmlm2d47q8yxjkiwttv#timjsp2dtgh63qrodlwjbqmi" title="3D体验世界各地神奇的建筑↗︎" rel="noopener ugc nofollow">3D体验世界各地神奇的建筑↗︎</a></h3> <p>一个用 3D 方式收录全球各种古老建筑的网站。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/11/9fee934ee789fddf0d8039da92aee194.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-071">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-070#13481 Huazi 2025-10-26T18:43:50Z 2025-10-26T18:43:50Z <blockquote> <p>本期封面是一款即将在 Kickstarter 上发布的革命性鼠标-<a href="https://melt-interface.com/melt-mouse" title="Melt Mouse↗︎" rel="noopener ugc nofollow">Melt Mouse↗︎</a> 这款鼠标集成了数字键盘和快捷键垫，并可通过模式切换实现鼠标、数字键盘和触控板功能。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpsspaceexplorationlogoarchivewebflowio"><a href="https://spaceexplorationlogoarchive.webflow.io/" title="太空探索标志档案↗︎" rel="noopener ugc nofollow">太空探索标志档案↗︎</a></h3> <p>收录了 1942–2023 间与航天相关的标志与徽章。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/c1730b23b9228ac9b37c6fedee18686e.png" alt="An image to describe post" /></p> <h3 id="openai-httpsxcomokooo5kmstatus1980792686379692106"><a href="https://x.com/okooo5km/status/1980792686379692106" title="OpenAI 的视觉符号↗︎" rel="noopener">OpenAI 的视觉符号↗︎</a></h3> <p>原来，OpenAI 的视觉符号真是一朵菊花。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/3a1d5a635f1d38670e27d03b143a11cb.png" alt="An image to describe post" /></p> <h3 id="mitchivin-xphttpsmitchivincom"><a href="https://mitchivin.com/" title="MitchIvin XP↗︎" rel="noopener ugc nofollow">MitchIvin XP↗︎</a></h3> <p>之前分享过 <a href="https://inikasdesktop.framer.website/" title="Mac桌面风格的个站↗︎" rel="noopener ugc nofollow">Mac桌面风格的个站↗︎</a> 这次是个XP系统风格的个站，难道是我上年纪了，怎么越看老系统风格越得劲</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/7a80cfd94e806bb6e50366d5ea552ca7.png" alt="An image to describe post" /></p> <h3 id="scarlethttpsxcomarisakaox"><a href="https://x.com/arisakaox" title="Scarlet↗︎" rel="noopener">Scarlet↗︎</a></h3> <p>艺术家 Scarlet 的作品，通过具象化分析图表现城市中空气、微生物等看不见的元素，赋予其生命符号，使城市空间更具趣味和生命力。主页还有更多作品。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/6d9e9a9dde81f964adbae46c399eda3b.png" alt="An image to describe post" /></p> <h3 id="annas-secret-gardenhttpsannasgardenvercelappgallery"><a href="https://annasgarden.vercel.app/gallery" title="Anna&#39;s Secret Garden↗︎" rel="noopener ugc nofollow">Anna's Secret Garden↗︎</a></h3> <p>真正的数字花园，每个人都可以在画一朵花放在这个网站上，目前已经有了 3W 多朵花</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/6820b03560b9ee052f06a774465e88a2.png" alt="An image to describe post" /></p> <h3 id="headers-club--browse-the-hottest-header-images-on-the-internethttpsheadersclub"><a href="https://headers.club/" title="Headers Club · Browse the hottest header images on the internet.↗︎" rel="noopener ugc nofollow">Headers Club · Browse the hottest header images on the internet.↗︎</a></h3> <p>竟然有专门收集 Twitter 个人页背景图的资源站，这些背景图真精致啊</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/d1e6bd5b7e3ecb498f0203901cc41065.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-070">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-069#13370 Huazi 2025-10-19T19:34:26Z 2025-10-19T19:34:26Z <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/3181041240e021dcf8833841bb392a9f.gif" alt="An image to describe post" /></p> <blockquote> <p>封面是上周刷新吉尼斯世界记录的浏阳烟花秀中呈现的“天空之树”</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="rive">撸猫时重现了Rive官网动效</h3> <p>最近拿着逗猫棒和我家主子玩时，突然发现它的动作完美重现了 <a href="https://rive.app/" title="Rive 官网↗︎" rel="noopener ugc nofollow">Rive 官网↗︎</a>的按钮动效</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/9f5622036330a7c29278b0e7d3b1645c.gif" alt="An image to describe post" /></p> <h3 id="apple">Apple的时钟细节</h3> <p>当切换到低电量模式后，图标上的指针由“转动”切换为“跳动”</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/2f948831b94a4cea52fdbbf538ad9b5e.gif" alt="An image to describe post" /></p> <h3 id="heading">饿了么&amp;淘宝闪购</h3> <p>饿了么的图标终于去掉了牛皮癣，漏出了下面的淘宝闪购</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/630063baef11c69da1215b45df575c88.png" alt="An image to describe post" /></p> <h3 id="dayflowhttpsdayflowso"><a href="https://dayflow.so/" title="Dayflow↗︎" rel="noopener ugc nofollow">Dayflow↗︎</a></h3> <p>不是传统计时器，而是把你的整天变成一条可读的时间线：深度工作、浅层任务、娱乐，都被标注出来。还有倍速回顾的视频，让你看见你做了什么。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/3ffcf64aac8c5c18c4034ad7db51c362.png" alt="An image to describe post" /></p> <h3 id="dandy-wenghttpswwwdandywengcom"><a href="https://www.dandyweng.com/" title="Dandy Weng↗︎" rel="noopener ugc nofollow">Dandy Weng↗︎</a></h3> <p>一个很羡慕的大佬-翁天信，更新了他的官网。在现在的AI时代，这个官网没有框架和依赖、没有服务器端渲染、没有打包编译流程、没有 AI 生成代码，甚至没有 JS！一个纯粹的 HTML + CSS 网页。<br /> PS：他 <a href="https://www.youtube.com/watch?v=F4BWNANyNhs" title="11 年前在同济大学的演讲↗︎" rel="noopener ugc nofollow">11 年前在同济大学的演讲↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/5da203195cba8bde3cab425d0f672f54.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-069">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-068#13263 Huazi 2025-10-12T17:36:11Z 2025-10-12T17:36:11Z <blockquote> <p>封面是来自 Open Tools 团队 整出的 <a href="https://www.crowdsupply.com/open-tools/open-printer" title="开源喷墨打印机↗︎" rel="noopener ugc nofollow">开源喷墨打印机↗︎</a>，官方说它用的都是标准机械零件，还搞了模块化设计，装起来、改一改、坏了修都贼简单。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="heading">吐槽下菜鸟的商业模式</h3> <p>网购商品未经用户同意默认送至驿站，现在还取件页面塞了一个“跑腿功能”让我自己花钱找跑腿去驿站取快递！<br /> 就差明抢了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/fe59ad95e4c80bb310475d1a6a772f60.png" alt="An image to describe post" /></p> <h3 id="ai-token-awardshttpsaitokenawardscom"><a href="https://aitokenawards.com/" title="AI Token Awards↗︎" rel="noopener ugc nofollow">AI Token Awards↗︎</a></h3> <p>OpenAI 前几天在他们的开发者大会上给一些「高频 API 客户」颁发了奖牌。这个网站可以帮你生成一个自己的奖牌，还可以上传自定义的Logo</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/28e2d64f82bc0da959c88c48a0eea7e7.png" alt="An image to describe post" /></p> <h3 id="cloudflare-workers-httpsworkerscloudflarecom"><a href="https://workers.cloudflare.com/" title="Cloudflare Workers 的新首页↗︎" rel="noopener ugc nofollow">Cloudflare Workers 的新首页↗︎</a></h3> <p>上月底 Cursor 更新了他们的官网，这次 Cloudflare Workers 的新官网同样有很多可以交互的细节，你看，在 AI 时代，网页的设计感觉比原来重要了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/a0a115ac281fa975d64da1c4ccf4cd80.gif" alt="An image to describe post" /></p> <h3 id="httpswwwxiaohongshucomexplore68dbc8d200000000040029a9app-platformiosapp-version931share-from-user-hiddentruexsec-sourceapp-sharetypenormalxsec-tokencbo7wmahmrykmoxtzc6yy-eqmyh1la5qbujlxy0db4-k8author-share1xhsshareweixinsessionshareredidn0ldmjy3pue2nzuyotgwnjc5otc9pjg-apptime1759832991share-id28a32b0384dc482db65f3962905da7d5"><a href="https://www.xiaohongshu.com/explore/68dbc8d200000000040029a9?app_platform=ios&amp;app_version=9.3.1&amp;share_from_user_hidden=true&amp;xsec_source=app_share&amp;type=normal&amp;xsec_token=CBO7wMAHmryKMOXtzc6YY_eqMyH1La5QBUJlXy0db4_K8=&amp;author_share=1&amp;xhsshare=WeixinSession&amp;shareRedId=N0lDMjY3PUE2NzUyOTgwNjc5OTc9Pjg-&amp;apptime=1759832991&amp;share_id=28a32b0384dc482db65f3962905da7d5" title="一个很有创意的日历↗︎" rel="noopener ugc nofollow">一个很有创意的日历↗︎</a></h3> <p>仅限有创意，可读性一般，甚至看不出来星期几</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/abd589056015b1caaa0bc15779caf6ca.png" alt="An image to describe post" /></p> <h3 id="-iphone--3d-touchhttpsxcomprivatetalkystatus1973740272468246626"><a href="https://x.com/privatetalky/status/1973740272468246626" title="如果 iPhone 还有 3D Touch↗︎" rel="noopener">如果 iPhone 还有 3D Touch↗︎</a></h3> <p>iOS26 液态玻璃全球首摔！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/242cae924df552ba6094e73382b244e7.png" alt="An image to describe post" /></p> <h3 id="geniestudiohttpsgeniestudioapp"><a href="https://geniestudio.app/" title="Geniestudio↗︎" rel="noopener ugc nofollow">Geniestudio↗︎</a></h3> <p>一个AI作图工具，网站风格很可爱，底部的footer设计更可爱</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/61fff4fe57064369658da8108a898d01.gif" alt="An image to describe post" /></p> <h3 id="moonlock-betahttpsbetamoonlockcom"><a href="https://beta.moonlock.com/" title="Moonlock Beta↗︎" rel="noopener ugc nofollow">Moonlock Beta↗︎</a></h3> <p>CleanMyMac 做了一个 Mac 的杀毒软件（Mac好像也不用杀毒），目前限免内测中。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/7ece5b316d7c31b62a9ea7fead9a56f9.png" alt="An image to describe post" /></p> <h3 id="local-daily-commutehttpswwwcommutingto"><a href="https://www.commuting.to/" title="local daily commute↗︎" rel="noopener ugc nofollow">local daily commute↗︎</a></h3> <p>享受天空，这光影，这细节。当做屏保帅炸了。作者的<a href="https://www.chloeyan.me/" title="个人网站↗︎" rel="noopener ugc nofollow">个人网站↗︎</a>更细节（切换成黑夜后鼠标会提着灯）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/5e24ec80c7368730d4499cd419a94316.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="navbar-galleryhttpswwwnavbargallery"><a href="https://www.navbar.gallery/" title="Navbar Gallery↗︎" rel="noopener ugc nofollow">Navbar Gallery↗︎</a></h3> <p>导航栏设计灵感网站，为您的设计查找最佳导航栏示例。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/437be35785f0ff9ec61c499a3ce2417c.png" alt="An image to describe post" /></p> <h3 id="paper-monohttpsgithubcompaper-designpaper-mono"><a href="https://github.com/paper-design/paper-mono" title="paper-mono↗︎" rel="noopener">paper-mono↗︎</a></h3> <p>还记得之前周刊提过的那个设计工具<a href="https://paper.design/" title="Paper↗︎" rel="noopener ugc nofollow">Paper↗︎</a>嘛？他们最近竟然开源了一款字体。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/c10755e16dad35e30a3f934dc705ebf9.png" alt="An image to describe post" /></p> <h3 id="free-faceshttpswwwfreefacesgallery"><a href="https://www.freefaces.gallery/" title="Free Faces↗︎" rel="noopener ugc nofollow">Free Faces↗︎</a></h3> <p>一些免费的英文字体合集</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/c0ac9a2af8e3290b1b1dc64457dc3bc2.png" alt="An image to describe post" /></p> <h3 id="elevenlabs-uihttpsuielevenlabsio"><a href="https://ui.elevenlabs.io/" title="ElevenLabs UI↗︎" rel="noopener ugc nofollow">ElevenLabs UI↗︎</a></h3> <p>elevenlabs 开源了兼容 shadcn ui 的前端组件，有大量和音频输入输出相关的组件。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/d352271f1a90dff7afc9e85f850097d5.png" alt="An image to describe post" /></p> <h3 id="191-social-proof-exampleshttpssocialproofexamplescom"><a href="https://socialproofexamples.com/" title="191 Social Proof Examples↗︎" rel="noopener ugc nofollow">191 Social Proof Examples↗︎</a></h3> <p>190+ 超棒的真实社会认同案例集。发现建立信任、推动转化和发展品牌的策略</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/cf6de4950239bfa0c6385652a8605bbf.png" alt="An image to describe post" /></p> <h3 id="prompt-libraryhttpsseedreampromptsvercelapp"><a href="https://seedreamprompts.vercel.app/" title="Prompt Library↗︎" rel="noopener ugc nofollow">Prompt Library↗︎</a></h3> <p>豆包生图的几百个提示词合集</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/5409afd805f7e7f281075e9a0704f49e.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="httpscnmonotype-asiacomresourcesarticlescaling-creative-operations"><a href="https://cn.monotype-asia.com/resources/article/scaling-creative-operations" title="蒙纳发布《高效创意运营指南》↗︎" rel="noopener ugc nofollow">蒙纳发布《高效创意运营指南》↗︎</a></h3> <p>蒙纳最新发布的《高效创意运营指南》调研了来自美国、英国和德国的 1,008 位创意专业人士，覆盖科技、媒体、零售、金融服务等多个行业，揭示了创意运营领域最关键的挑战、趋势与机遇。报告<a href="https://img02.ma.scrmtech.com/44246/2488/resource/1759198424/SC_250928_MT_Survey_Report_FINAL_v8.pdf" title="下载地址↗︎" rel="noopener ugc nofollow">下载地址↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/2cf86265ec9c0196af2ecdbb47de3ee2.png" alt="An image to describe post" /></p> <h3 id="httpswwwlatentspacepfigma"><a href="https://www.latent.space/p/figma" title="品味是你的护城河↗︎" rel="noopener ugc nofollow">品味是你的护城河↗︎</a></h3> <p>与Figma CEO Dylan 的对谈节目，讨论了设计师如何使用 Figma Make 进行构建、Figma 如何成为 vibe coding 时代美学的情境库，以及为什么设计现在是您唯一的差异化因素。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/b07e7481f49afba906a139b63d81e9f5.png" alt="An image to describe post" /></p> <h3 id="fluid-forms-vibrant-colorshttpsmicrosoftdesignarticlesfluid-forms-vibrant-colors"><a href="https://microsoft.design/articles/fluid-forms-vibrant-colors/" title="Fluid forms, vibrant colors↗︎" rel="noopener ugc nofollow">Fluid forms, vibrant colors↗︎</a></h3> <p>来自微软的 Microsoft 365 应用图标更新介绍，微软的设计一向是图片仅供参考。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/efc9fbd6ccf6507eba5410838f5c1879.png" alt="An image to describe post" /></p> <h3 id="openai-httpsacademyopenaicompublictagswork-users-687a99983f28471c9dbb0731"><a href="https://academy.openai.com/public/tags/work-users-687a99983f28471c9dbb0731" title="OpenAI 官方使用教程↗︎" rel="noopener ugc nofollow">OpenAI 官方使用教程↗︎</a></h3> <p>300+ 精选官方提示词，覆盖12 个大类（IT、人力资源、销售、产品、客户服务……）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/99a8cc5d9f7a9794bb03faa8deabff2f.png" alt="An image to describe post" /></p> <h3 id="7-practical-animation-tipshttpsemilkowalskiui7-practical-animation-tips"><a href="https://emilkowal.ski/ui/7-practical-animation-tips" title="7 Practical Animation Tips↗︎" rel="noopener ugc nofollow">7 Practical Animation Tips↗︎</a></h3> <p>Emil Kowalski 分享了 7 个你可以用来改进动画的简单方法：缩放你的按钮，不要从 scale(0) 开始动画，不要延迟后续提示框，选择合适的缓动，让你的动画具有来源感知能力，保持动画快速，以及在无计可施时使用模糊。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/6c065ae2b56afda6a8176d1a7e9c5542.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="httpswwwxiaohongshucomexplore68e78bbc000000000401129bxsec-tokenabwbdfl7qlgw1p7qshxkguxl10kqgths2tf95hxpyo3-0xsec-sourcepc-user"><a href="https://www.xiaohongshu.com/explore/68e78bbc000000000401129b?xsec_token=ABWbdFL7QLGw1P7QsHXKguxL10KqGThs2TF95hXPYO3-0=&amp;xsec_source=pc_user" title="豆包新品硬件曝光↗︎" rel="noopener ugc nofollow">豆包新品硬件曝光↗︎</a></h3> <p>从曝光图看，有摄像头，有音响。应该是类似<a href="https://www.rabbit.tech/" title="rabbit↗︎" rel="noopener ugc nofollow">rabbit↗︎</a>的人工智能终端</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/c6ed986f9b3f0009e60974ca22b11a97.png" alt="An image to describe post" /></p> <h3 id="comet-browser-httpswwwperplexityaicomet"><a href="https://www.perplexity.ai/comet" title="Comet Browser 开放下载↗︎" rel="noopener ugc nofollow">Comet Browser 开放下载↗︎</a></h3> <p>perplexity 的 AI浏览器 comet 开放下载。很喜欢 perplexity 的未来复古风格，就是他们老是弹人机验证很烦（或许是我魔法的问题）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/403eac69325053d6f61e63c8a95d1233.png" alt="An image to describe post" /></p> <h3 id="labubuhttpsxcomexpo2025storedmstatus1970678080873353265"><a href="https://x.com/expo2025storedm/status/1970678080873353265" title="LABUBU和大阪世博会联动↗︎" rel="noopener">LABUBU和大阪世博会联动↗︎</a></h3> <p>LABUBU和大阪世博会吉祥物联动了，推出了脉脉造型的联动LABUBU。商品将于10月1日至10月11日，在世博会会场内官方商店东门店大丸松坂屋百货店现场抽选售卖，每人限购一件。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/965b2d963be1b4358d6a1b24ee0e98d8.png" alt="An image to describe post" /></p> <h3 id="30httpsmpweixinqqcomsrxpuu-oqmo-kkpvpfbm90q"><a href="https://mp.weixin.qq.com/s/rxpUU-oqmo-kKPVpFbM90Q" title="混元图像3.0正式发布↗︎" rel="noopener ugc nofollow">混元图像3.0正式发布↗︎</a></h3> <p>业界首个开源商用级原生多模态生图模型</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/47b83d516aa9aac7942680b0bc316ce5.png" alt="An image to describe post" /></p> <h3 id="pencil-cursorhttpspencildev"><a href="https://pencil.dev/" title="Pencil-cursor的设计模式↗︎" rel="noopener ugc nofollow">Pencil-cursor的设计模式↗︎</a></h3> <p>肥姑妈四面受敌。<br /> 一款集成于 Cursor AI 代码编辑器的设计模式，允许开发者在代码中直接创建像素精准的用户界面，无需离开 IDE。功能包括无限画布、AI 生成屏幕、Git 版本控制，并支持从 Figma 导入，旨在弥合设计与编码之间的鸿沟。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/dd3d42bf03ef473a36859f1c821be457.png" alt="An image to describe post" /></p> <h3 id="codeflickerhttpswwwcodeflickerai"><a href="https://www.codeflicker.ai/" title="CodeFlicker↗︎" rel="noopener ugc nofollow">CodeFlicker↗︎</a></h3> <p>快手姗姗来迟，也推出了 AI 编程工具。现在AI行业貌似直接出海，都不咋搞国内市场了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/10/b34b93e63520308552329a78539cbdf8.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <ul> <li>我们不能用创造问题的思维来解决问题。 ——阿尔伯特·爱因斯坦</li> <li>要么忙着活，要么忙着死。 ——《肖申克的救赎》</li> <li>我们的身份不过是我们记忆的集合体，而记忆本身却是不可靠的。 ——W.G.塞巴尔德</li> <li>软件正在吞噬世界 ——马克·安德森</li> <li>一个人毕其一生的努力，就是在整合他童年时代起就已形成的性格。 ——卡尔·荣格</li> <li>记忆的真正奇迹不在于它能保存什么，而在于它能选择什么。 ——马塞尔·普鲁斯特</li> </ul> <hr /> <p>-本期完-<br /> 以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：<a href="https://tally.so/r/3NV2Dl" title="https://tally.so/r/3NV2Dl" rel="noopener ugc nofollow">https://tally.so/r/3NV2Dl</a></p> <p><img src="https://static.xiaobot.net/file/2025-07-13/62424/c028ab0820911e82b75115aaaa40033c.jpeg" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-067#13046 Huazi 2025-09-28T18:50:56Z 2025-09-28T18:50:56Z <blockquote> <p>本期封面是前苹果设计师Jony Ive的设计工作室LoveFrom新发布的一款<a href="https://us-lovefrom.balmuda.com/products/sailing-lantern" title="帆船灯笼↗︎" rel="noopener ugc nofollow">帆船灯笼↗︎</a></p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="ququhttpsgithubcomyan5xuququ"><a href="https://github.com/yan5xu/ququ" title="蛐蛐（QuQu）↗︎" rel="noopener">蛐蛐（QuQu）↗︎</a></h3> <p>其实也不是推荐这个项目，只是觉得这个项目的名字起的很好很有趣。你们还在使用键盘打字？我只需要在一旁蛐蛐就行 这个项目名字太会玩了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/dc0337b86a0d3c8b5dfe50a37e344516.png" alt="An image to describe post" /></p> <h3 id="httpswwwxiaohongshucomuserprofile6041ed6c0000000001005c1fxsec-tokenabhzqqgaxzrkkzzvyt-nrmxt0sc9sdhi5nqwkxslgjwzs3dxsec-sourcepc-search"><a href="https://www.xiaohongshu.com/user/profile/6041ed6c0000000001005c1f?xsec_token=ABhZqqgaxZRKkZZVYt_nrMxT0Sc9sDHi5nQWKXsLGjwzs%3D&amp;xsec_source=pc_search" title="思花↗︎" rel="noopener ugc nofollow">思花↗︎</a></h3> <p>推荐这个小红书博主，主页有很多高质量的文字&amp;图形可视化作品，而且极其高产！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/e765eb778ef5d679d807c8784b05d732.png" alt="An image to describe post" /></p> <h3 id="--aihttpszaodianquarkcnrai-studio-pcmain"><a href="https://zaodian.quark.cn/r/ai-studio-pc/main/" title="夸克 · 造点AI↗︎" rel="noopener ugc nofollow">夸克 · 造点AI↗︎</a></h3> <p>夸克也整了一个 AI 创作平台。平台集成 AI 生图与 AI 生视频两大核心能力。目前部分功能限免中，可以玩一玩，长期用的话，还是用 <a href="https://www.evoker.design/?atp=huazi" title="Evoker↗︎" rel="noopener ugc nofollow">Evoker↗︎</a> 这类套壳站，一份钱可以用多家的模型。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/2fa847128ace78362f5720afcdbf1576.png" alt="An image to describe post" /></p> <h3 id="aihttpswwwstepfuncomdownload"><a href="https://www.stepfun.com/download" title="阶跃AI↗︎" rel="noopener ugc nofollow">阶跃AI↗︎</a></h3> <p>一个智能桌面伙伴，下载体验了一下，给我的感觉是很乱（还内置了一个浏览器，软件贼大）期待未来果子能自带这些AI功能。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/02c627b860e5bba3159cddedf3307815.png" alt="An image to describe post" /></p> <h3 id="cursor-httpscursorcom"><a href="https://cursor.com/" title="Cursor 的新首页设计↗︎" rel="noopener ugc nofollow">Cursor 的新首页设计↗︎</a></h3> <p>记得打开体验一下，首页竟然不是图片，所有的 UI 都可以操作，这样的呈现方式很直观的演示了软件的功能。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/7bfe8242a4fc8480d135ea70f34e43d6.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="generativ-designhttpswwwgenerativdesign"><a href="https://www.generativ.design/" title="Generativ Design↗︎" rel="noopener ugc nofollow">Generativ Design↗︎</a></h3> <p>适合做配图的在线工具，可以参数化生成图中的各种效果。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/6921d8fa0f7a4132571cfe5fe9f6ffcf.png" alt="An image to describe post" /></p> <h3 id="one-page-lovehttpsonepagelovecom"><a href="https://onepagelove.com/" title="One Page Love↗︎" rel="noopener ugc nofollow">One Page Love↗︎</a></h3> <p>一些网页设计灵感</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/f24610642f46a68b342b5f7eb3795e6a.png" alt="An image to describe post" /></p> <h3 id="httpsliquidglassicondesignstrollspace"><a href="https://liquidglassicon.designstroll.space/" title="真·液态玻璃图标↗︎" rel="noopener ugc nofollow">真·液态玻璃图标↗︎</a></h3> <p>用 AI 生成了一些“玻璃图标”，顺手把他们做成了一个网站。如果你觉得新系统的图标不够&quot;玻璃&quot;，可以试试来这里找找</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/cb83b1cb9960c8782f83be880bf2ba84.png" alt="An image to describe post" /></p> <h3 id="easyfasthttpseasyfastdesign"><a href="https://easyfast.design/" title="Easyfast↗︎" rel="noopener ugc nofollow">Easyfast↗︎</a></h3> <p>一些免费的高质量Framer模板</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/5538d70e5d528d50e58ec49d1490940a.png" alt="An image to describe post" /></p> <h3 id="loadmorehttpsloadmore"><a href="https://loadmo.re/" title="LOADMORE↗︎" rel="noopener ugc nofollow">LOADMORE↗︎</a></h3> <p>一个移动网站画廊，展示非传统网络的最佳设计灵感</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/63c613276fa42b90c7c5a0a1fb926817.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="93-paper-alpha-httpsfenxworkpaper-design-alpha"><a href="https://fenx.work/paper-design-alpha/" title="#93 Paper (Alpha) 体验↗︎" rel="noopener ugc nofollow">#93 Paper (Alpha) 体验↗︎</a></h3> <p>前几期周刊都提到了这个新兴的设计工具，或许你还没有开始体验，不如来看看 fenx 的这篇体验文章。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/baeb18b1d32a06353760220cb200502e.png" alt="An image to describe post" /></p> <h3 id="designing-notebooklmhttpsjasonspielmancomnotebooklm"><a href="https://jasonspielman.com/notebooklm" title="Designing NotebookLM↗︎" rel="noopener ugc nofollow">Designing NotebookLM↗︎</a></h3> <p>Jason Spielman 分享了他设计 NotebookLM 的经历，介绍了这款产品的核心用户体验、品牌标识和视觉系统。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/559c45f4e2cb3f1b9e5c15d1ec399edc.png" alt="An image to describe post" /></p> <h3 id="2025httpswwwdigitalingcomarticles1407181html"><a href="https://www.digitaling.com/articles/1407181.html" title="2025中秋礼盒大赏↗︎" rel="noopener ugc nofollow">2025中秋礼盒大赏↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/d302a97ccab4ad19f7164cb467937916.png" alt="An image to describe post" /></p> <h3 id="openai--area-technologyhttpswwwareatechopenai"><a href="https://www.area.tech/openai" title="OpenAI – Area Technology↗︎" rel="noopener ugc nofollow">OpenAI – Area Technology↗︎</a></h3> <p>一些没被采用的OpenAI 早期设计探索</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/f7a59a2ff1405b3b0ef7bfd1a69e1d06.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="httpswwwshanghaimodengcomstory"><a href="https://www.shanghaimodeng.com/#story" title="上海摩登体↗︎" rel="noopener ugc nofollow">上海摩登体↗︎</a></h3> <p>由汉唐文化研发出品的中国首款城市文化字体，遵循 GB2312 国标，现已向全社会开源并开放免费商业授权。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/30f3b6421ae53d828f102cb458de256f.png" alt="An image to describe post" /></p> <h3 id="sketchhttpsxcomsketchstatus1970143833003266193"><a href="https://x.com/sketch/status/1970143833003266193" title="Sketch视觉升级↗︎" rel="noopener">Sketch视觉升级↗︎</a></h3> <p>Sketch放出了为新系统升级的玻璃风格UI，还为新系统适配了新的图标。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/0c0fcf738a2ee058af1c58c4b14d1f5d.gif" alt="An image to describe post" /></p> <h3 id="codesignhttpsdocsqqcomdocdqxzvvhfjuu9tr0tmno-promotion1"><a href="https://docs.qq.com/doc/DQXZvVHFjUU9TR0tm?no_promotion=1" title="【腾讯CoDesign产品】退市公告↗︎" rel="noopener ugc nofollow">【腾讯CoDesign产品】退市公告↗︎</a></h3> <p>都没有在<a href="https://codesign.qq.com/" title="官网↗︎" rel="noopener ugc nofollow">官网↗︎</a>通知，只是放出来一个文档……<br /> 大概率也是不赚钱，所以砍掉去做智能在线设计平台。这类切图工具还是去用Figma自带的或者<a href="https://moonvy.com/project/5c1c93a4-accd-409c-b739-2ec925cf740d" title="月维↗︎" rel="noopener ugc nofollow">月维↗︎</a>。</p> <h2 id="httpsdesignstrollweeklys3bitifulnet202509be268fe883aba0701c959bb502160509png"><img src="https://designstrollweekly.s3.bitiful.net/2025/09/be268fe883aba0701c959bb502160509.png" alt="An image to describe post" /></h2> <p>-本期完-<br /> （以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：https://tally.so/r/3NV2Dl</p> <p><img src="https://static.xiaobot.net/file/2025-07-13/62424/c028ab0820911e82b75115aaaa40033c.jpeg" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-066#12516 Huazi 2025-09-21T18:54:53Z 2025-09-21T18:54:53Z <blockquote> <p>本期封面是一款多功能便携灯-<a href="https://www.kickstarter.com/projects/scoutlite/sparko-our-next-generation-multi-scenario-wearable-light" title="SPARKO↗︎" rel="noopener ugc nofollow">SPARKO↗︎</a> 可以用作摄影师灯光、露营便携照明、头盔灯、自行车尾灯、自媒体打光、夜间阅读等等，还可以通过磁吸、支架、夹子灯固定。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="18-years-of-brohttps18burocratikcom"><a href="https://18.burocratik.com/" title="18 Years of Büro↗︎" rel="noopener ugc nofollow">18 Years of Büro↗︎</a></h3> <p>一个设计工作室的 18 年发展历程回顾。前几年照片都是工作项目，埋头苦干，直到后面获得了各种奖项，参加各种活动，团队脸上洋溢着欢乐。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/b631a3793b7560cb7977e85a2a7b6e9d.gif" alt="An image to describe post" /></p> <h3 id="ios">iOS新系统细节</h3> <p>在果子新系统倾斜手机时，图标的光影也会微微变化。这让我想到了锤子的感知光影效果</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/7ddde2f86a6cd7c6572b4e73f3c86898.gif" alt="An image to describe post" /></p> <h3 id="httpswwwxiaohongshucomexplore68c7dc4d000000001d034f74xsec-tokenabqz1kgylllyy-m8uijaiwpq1zbsmyl7bn5p5zicg9muyxsec-sourcepc-user"><a href="https://www.xiaohongshu.com/explore/68c7dc4d000000001d034f74?xsec_token=ABqz1KGYLlLYY-M8uijaIWpQ1ZbsMyl7BN5p5ZicG9muY=&amp;xsec_source=pc_user" title="一块特别的广告牌↗︎" rel="noopener ugc nofollow">一块特别的广告牌↗︎</a></h3> <p>一个特别的户外公益广告，在海报上，设计一条 1.5 米高的线，让孩子们够不着。当这个高度出现在户外广告牌里时，每一个经过的人，都可以有一个直观的理解。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/808495cc5aeb07271b7b0cc64420e285.png" alt="An image to describe post" /></p> <h3 id="interactive-movie-discoveryhttpsnothing-to-watchport80ch"><a href="https://nothing-to-watch.port80.ch/" title="Interactive Movie Discovery↗︎" rel="noopener ugc nofollow">Interactive Movie Discovery↗︎</a></h3> <p>很酷的电影随机器，根据<a href="https://www.themoviedb.org/" title="TMDB↗︎" rel="noopener ugc nofollow">TMDB↗︎</a>统计的50,000部最受欢迎的电影，数据截止至2025年初。电影按受欢迎程度降序排列，从网格中心开始向外扩展。（网站对电脑性能要求极高，酌情打开）</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/fe5a1c573ea8900fba4bca74630fb0a5.gif" alt="An image to describe post" /></p> <h3 id="heading">谷歌彩蛋</h3> <p>来自<a href="https://x.com/EryouHao/status/1968855819560055249" title="@EryouHao↗︎" rel="noopener">@EryouHao↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/e69ebd9467079a55f67d5908a87a1743.gif" alt="An image to describe post" /></p> <h3 id="100-lost-specieshttpswww100lostspeciescom"><a href="https://www.100lostspecies.com/" title="100 Lost Species↗︎" rel="noopener ugc nofollow">100 Lost Species↗︎</a></h3> <p>一个跨越时间的数字纪念馆。在100秒内，纪念了100个已灭绝的物种，在网站本身消失之前，回响着它们的沉默。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/e88e34f401c4c9a93fbab5398bf6d54f.gif" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-066">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-065#12418 Huazi 2025-09-14T18:12:41Z 2025-09-14T18:12:41Z <blockquote> <p>本期封面是一个复古迷你街机，淘宝有售，内置很多经典游戏，找回童年的感觉～</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="httpswwwapplecomkr"><a href="https://www.apple.com/kr/" title="本土化设计↗︎" rel="noopener ugc nofollow">本土化设计↗︎</a></h3> <p>韩国商店页面去掉了捏手机的手势🤏</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/e679b68c0cf18cf26f7ed265e8864cc2.png" alt="An image to describe post" /></p> <h3 id="product-os-suitehttpsposthogcom"><a href="https://posthog.com/" title="Product OS suite↗︎" rel="noopener ugc nofollow">Product OS suite↗︎</a></h3> <p>估计没有产品会耗费这么大的精力做这样的官网，这完全是一个操作系统。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/362eee97e1c009ebc5bfe7aa29470bd3.png" alt="An image to describe post" /></p> <h3 id="handhttpshand-skinvercelapp"><a href="https://hand-skin.vercel.app/" title="Hand↗︎" rel="noopener ugc nofollow">Hand↗︎</a></h3> <p>这个场景的纹理、质感太牛了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/6eb29e1d5861759503d5eb7b1929a4ad.gif" alt="An image to describe post" /></p> <h3 id="strongmehttpsstrongmeappzh-hans"><a href="https://strongme.app/zh-Hans" title="StrongMe↗︎" rel="noopener ugc nofollow">StrongMe↗︎</a></h3> <p>一个积极肯定卡抽卡应用</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/3008a5a9d0741d8d0e1c027a05985b3e.png" alt="An image to describe post" /></p> <h3 id="jelly-sliderhttpsxcomcerpowstatus1964953851603358112"><a href="https://x.com/cerpow/status/1964953851603358112" title="Jelly Slider↗︎" rel="noopener">Jelly Slider↗︎</a></h3> <p>好看但是不实用的智能灯调光器交互设计！<a href="https://dilums-jelly-slider.vercel.app/" title="还有人实现了这个效果↗︎" rel="noopener ugc nofollow">还有人实现了这个效果↗︎</a>还原度一般。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/f54c0da9923f9ea8aad44834c893f6f9.gif" alt="An image to describe post" /></p> <h3 id="leles-portfoliohttpslelezhangdesign"><a href="https://lelezhang.design/" title="lele&#39;s portfolio↗︎" rel="noopener ugc nofollow">lele's portfolio↗︎</a></h3> <p>设计师个站，喜欢首页的这个对话设计。当你把照片拖进对话框，作者会告诉你照片的意义和他放这些模块的理由或经历。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/572dff32d797b7e4fc8c73bc7b50f568.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="-ai-httpsappevokerdesigninvite0c6tj9"><a href="https://app.evoker.design/invite/0C6TJ9" title="一站式 AI 创作平台↗︎" rel="noopener ugc nofollow">一站式 AI 创作平台↗︎</a></h3> <p>集成了多个 AI 模型和工具，无需反复切换应用。花一份钱体验多个模型。<br /> 前一百名享受早鸟折扣！！！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/5a2a68a7bcdb23f15c4cc98fe5f3deac.png" alt="An image to describe post" /></p> <h3 id="the-thiings-collectionhttpswwwthiingscothings"><a href="https://www.thiings.co/things" title="The Thiings Collection↗︎" rel="noopener ugc nofollow">The Thiings Collection↗︎</a></h3> <p>妈呀！一段时间没关注，这个3D (Airbnb) 风格的图标库已经有 7 千多个了！！！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/db36d74c317d275785e894f6c9bc8e94.png" alt="An image to describe post" /></p> <h3 id="pattern-crafthttpspatterncraftfun"><a href="https://patterncraft.fun/" title="Pattern Craft↗︎" rel="noopener ugc nofollow">Pattern Craft↗︎</a></h3> <p>一个网页背景库，189 款现代风格背景，支持实时预览 &amp; 一键复制</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/89e7659f54d05604bea099f77cd381ec.png" alt="An image to describe post" /></p> <h3 id="dead-simple-siteshttpsdeadsimplesitescom"><a href="https://deadsimplesites.com/" title="Dead Simple Sites↗︎" rel="noopener ugc nofollow">Dead Simple Sites↗︎</a></h3> <p>简约网站合集。每周更新。简约并不简单。炫酷的网站能装逼，简约的网站有时更有魅力。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/1f03be9ac88f25ad3777026d275aa619.png" alt="An image to describe post" /></p> <h3 id="figmahttpswwwfigmacomapple"><a href="https://www.figma.com/@apple" title="苹果Figma设计资源↗︎" rel="noopener ugc nofollow">苹果Figma设计资源↗︎</a></h3> <p>苹果在Figma发布了最新watchOS、visionOS和macOS UI组件</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/ed7351295656cc9b56895fc0efb07e6d.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="httpsbloglyricimpcaring-users-scalabilityutm-sourceemailutm-mediumemailutm-campaignnewsletter"><a href="https://blog.lyric.im/p/caring-users-scalability?utm_source=email&amp;utm_medium=email&amp;utm_campaign=newsletter" title="关爱用户的可伸缩性↗︎" rel="noopener ugc nofollow">关爱用户的可伸缩性↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/25365b5707d0585a80e102486193fab6.png" alt="An image to describe post" /></p> <h3 id="40-httpsbytedancelarkofficecomdocxl4vcdah1dodg7axvdygcoplsn9f"><a href="https://bytedance.larkoffice.com/docx/L4vCdah1DoDg7axVdYGcoplSn9f" title="⁣‍‌‍‍‍⁣‌⁢⁡‍⁣‍‍⁢‍⁡⁣‬⁣⁢⁡‌⁢‬⁢⁤‍‬‬‬即梦图片4.0模型 提示词手册↗︎" rel="noopener ugc nofollow">⁣‍‌‍‍‍⁣‌⁢⁡‍⁣‍‍⁢‍⁡⁣‬⁣⁢⁡‌⁢‬⁢⁤‍‬‬‬即梦图片4.0模型 提示词手册↗︎</a></h3> <p>官网手册永远是最好的教程</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/430dbcc72330b1cecf99184f88b3eca7.png" alt="An image to describe post" /></p> <h3 id="macos-26-httpsmpweixinqqcoms--bizmjm5oteynjy0mamid2650621451idx1sn5dbf004acc8bb56483a39061369e81cdchksmbfdd696b033f24e7b5771332f50203be3d390642f199cf8833c9676edd8cb406d79caaa84a40scene0xtrack1subscene90rd"><a href="https://mp.weixin.qq.com/s?__biz=MjM5OTEyNjY0MA==&amp;mid=2650621451&amp;idx=1&amp;sn=5dbf004acc8bb56483a39061369e81cd&amp;chksm=bfdd696b033f24e7b5771332f50203be3d390642f199cf8833c9676edd8cb406d79caaa84a40&amp;scene=0&amp;xtrack=1&amp;subscene=90#rd" title="一文看完macOS 26 所有新图标↗︎" rel="noopener ugc nofollow">一文看完macOS 26 所有新图标↗︎</a></h3> <p>文中提供了 macOS 各系统应用图标的设计演变对比。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/6b5336a8fdd8826f3832eabb52394e5f.png" alt="An image to describe post" /></p> <h3 id="ikea--a-house-full-of-cardshttpsmediumcomflat-pack-techikea-a-house-full-of-cards-eed0485854fa"><a href="https://medium.com/flat-pack-tech/ikea-a-house-full-of-cards-eed0485854fa" title="IKEA – a house full of cards↗︎" rel="noopener ugc nofollow">IKEA – a house full of cards↗︎</a></h3> <p>宜家设计团队对“卡片”的设计探索记录</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/b4236295c8465401ccf2e34b269b8bf5.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="ai-httpsjimengjianyingcomai-toolhome"><a href="https://jimeng.jianying.com/ai-tool/home" title="AI 免费活动↗︎" rel="noopener ugc nofollow">AI 免费活动↗︎</a></h3> <p>朴实无华的商战开始了！<br /> 即梦AI 所有生图模型7天免费畅玩，不限积分（9.11-9.18）<br /> 海螺AI首位帧功能免费（9.10—9.17)</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/be61d321b4a648577287aa26aedbb554.png" alt="An image to describe post" /></p> <h3 id="agenthttpsmpweixinqqcoms6-wxtwxtrj-hcuesry52oa"><a href="https://mp.weixin.qq.com/s/6_WXtwXtrj_hCuEsRy52OA" title="美团上线生活Agent↗︎" rel="noopener ugc nofollow">美团上线生活Agent↗︎</a></h3> <p>产品名字很出戏，叫：小美。不知道哪家会出个“小帅”</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/241f7724eaae0665a78852212f663c08.png" alt="An image to describe post" /></p> <h3 id="unicode-httpsblogemojipediaorgwhats-new-in-unicode-17-0"><a href="https://blog.emojipedia.org/whats-new-in-unicode-17-0/" title="Unicode 新增表情符号↗︎" rel="noopener ugc nofollow">Unicode 新增表情符号↗︎</a></h3> <p>Unicode 联盟将发布最新的 Emoji 表情符号列表，确认新增：扭曲的脸、战斗云、芭蕾舞者、虎鲸、长号、宝箱和类似“大脚怪”的多毛生物等表情符号。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/dc6f0dcf4f5bae0b38ff46c600469221.png" alt="An image to describe post" /></p> <h3 id="paperhttpspaperdesign"><a href="https://paper.design/" title="Paper↗︎" rel="noopener ugc nofollow">Paper↗︎</a></h3> <p><a href="https://xiaobot.net/post/fc8dec84-848e-4bf4-b368-3ec5a248c37a" title="36 期↗︎" rel="noopener ugc nofollow">36 期↗︎</a>提到过的设计工具，开放注册啦！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/2423e45726a01825fa5962f14f3b1dd7.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <p>本期言论板块内容均来自图书<a href="https://weread.qq.com/web/reader/bbe32fe0716afe94bbe5336" title="《弱传播》" rel="noopener ugc nofollow">《弱传播》</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/b84d97180652ce5929f8cdddcfa87cc5.png" alt="An image to describe post" /></p> <ul> <li>宗教只生产一样东西，那就是内容；它只负责一样工作，那就是传播。</li> <li>每一个所谓的实力派，也都是先依靠传播，后取得实力的。</li> <li>好评和差评，依据的不是声音本身，而是谁在发声。</li> <li>弱传播假说认为：舆论的世界是一个弱传播的世界，在这个世界里，舆竞天择，弱者生存。</li> <li>宗教传播信仰，政党传播信念，传媒传播信息，它们通过传播不同的内容，获得地位，掌握权力，实现目标。</li> </ul> <hr /> <p>-本期完-<br /> （以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：https://tally.so/r/3NV2Dl</p> <p><img src="https://static.quail.ink/media/20z9uprm0.webp" alt="An image to describe post" /></p> https://quaily.com/designstroll/p/weekly-064#12375 Huazi 2025-09-07T18:18:00Z 2025-09-07T18:18:00Z <blockquote> <p>本期封面是一款专为 iPhone 设计的便携式 AI 代理——<a href="https://dafdef.com/aikey" title="AI Key↗︎" rel="noopener ugc nofollow">AI Key↗︎</a> 有这样的产品侧面印证了果子的AI做的是真垃圾！</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="heading">拼多多主图</h3> <p>最近刷到的 PDD 主图设计。<br /> 曾经我嫌它“不设计”，如今才懂：能卖货的简洁，才是高阶的复杂。卖点表达清晰已经超越很多设计师了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/9b210009dd1021f3de555ebb00a2097e.png" alt="An image to describe post" /></p> <h3 id="redo-mediahttpsredomediaco"><a href="https://redomedia.co/" title="Redo Media↗︎" rel="noopener ugc nofollow">Redo Media↗︎</a></h3> <p>导航栏和卡片的过渡太丝滑了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/872c2d2d66cf2bad59daf0f770f319eb.gif" alt="An image to describe post" /></p> <h3 id="figmamakeathonhttpscontracomcommunitytopicfigmamakeathon"><a href="https://contra.com/community/topic/figmamakeathon" title="FigmaMakeathon↗︎" rel="noopener ugc nofollow">FigmaMakeathon↗︎</a></h3> <p>Figma Make 的黑客松，可以在这里看到很多有意思的作品。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/6ff17d4043b55f29e3fa4e08ce92419f.png" alt="An image to describe post" /></p> <h3 id="openpurposehttpsopenpurposecom"><a href="https://openpurpose.com/" title="OpenPurpose↗︎" rel="noopener ugc nofollow">OpenPurpose↗︎</a></h3> <p>带上VR看这个网站得多爽啊</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/5cd02f8794769be64b0b29cd9e2a9190.gif" alt="An image to describe post" /></p> <h3 id="karina-ohhttpskarinaohcom"><a href="https://karinaoh.com/" title="Karina Oh↗︎" rel="noopener ugc nofollow">Karina Oh↗︎</a></h3> <p>不一样的个人网站，背景是作者工作状态的延时录像。仿佛在诉说：你看，我的工作状态是这样的。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/6f96b88a3f5738cd0eaf05087520f3e3.gif" alt="An image to describe post" /></p> <h3 id="i--me-coffeehttpswwwiandmecoffeecom"><a href="https://www.iandmecoffee.com/" title="I &amp; Me Coffee↗︎" rel="noopener ugc nofollow">I &amp; Me Coffee↗︎</a></h3> <p>一个咖啡品牌的官网，很喜欢开头咖啡豆爆炸的那个页面感觉。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/b64858be1b1da4b0c867d73f29ced6cd.gif" alt="An image to describe post" /></p> <h3 id="flowith-lifehttpsflolifeme"><a href="https://flolife.me/" title="Flowith Life↗︎" rel="noopener ugc nofollow">Flowith Life↗︎</a></h3> <p>Flowith 搞得一个小产品，通过你输入的照片，基本信息帮你虚拟出一个人生路线图。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/f516256087350dc8b8073db223e8216e.png" alt="An image to describe post" /></p> <p> Note: This post contains paid content. <a href="https://quaily.com/designstroll/p/weekly-064">Purchase on the website </a> to read the full article. </p> https://quaily.com/designstroll/p/weekly-063#12206 Huazi 2025-08-31T18:12:00Z 2025-08-31T18:12:00Z <blockquote> <p>本期封面是一个具有独特设计的键盘<a href="https://worklouder.cc/knob1" title="K.NO.B.1↗︎" rel="noopener ugc nofollow">K.NO.B.1↗︎</a> 有两个可编程旋钮和一个充满功能的全彩色屏幕。我对象说他就是普通键盘加了个小米手环。</p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="watch-facehttpsxcomslavakornilovstatus1959663381356609543"><a href="https://x.com/slavakornilov/status/1959663381356609543" title="Watch Face↗︎" rel="noopener">Watch Face↗︎</a></h3> <p>Nothing Watch 的一系列表盘设计</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/eedf693bbb2a002b03470efc6132199d.gif" alt="An image to describe post" /></p> <h3 id="figma">Figma加速</h3> <p>Figma 卡顿怎么办，用UU加速器，畅享高效设计（仅玩梗<br /> 来源<a href="https://x.com/haxfenx/status/1961262443843477635" title="@fenx↗︎" rel="noopener">@fenx↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/a1fad222512cc6d77bae9f6f5f8e2e7b.png" alt="An image to describe post" /></p> <h3 id="interactive-spherical-portfoliohttpssphericalportfolioframerwebsite"><a href="https://sphericalportfolio.framer.website/" title="Interactive Spherical Portfolio↗︎" rel="noopener ugc nofollow">Interactive Spherical Portfolio↗︎</a></h3> <p>一个交互式作品集，可以通过在触控板上向任意方向滚动或拖动来旋转球体进行导航。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/1c118f13197800a2b406f9b923c0763e.png" alt="An image to describe post" /></p> <h3 id="httpsappsapplecomusappe998bfe7a68fe8aeb0e8b4a6-e992b1e5b881e58fafe8a786e58c96e79086e8b4a2e58aa9e6898bid6751020754"><a href="https://apps.apple.com/us/app/%E9%98%BF%E7%A6%8F%E8%AE%B0%E8%B4%A6-%E9%92%B1%E5%B8%81%E5%8F%AF%E8%A7%86%E5%8C%96%E7%90%86%E8%B4%A2%E5%8A%A9%E6%89%8B/id6751020754" title="钱币可视化理财助手↗︎" rel="noopener ugc nofollow">钱币可视化理财助手↗︎</a></h3> <p>还记得<a href="https://xiaobot.net/post/30f11240-4822-44d2-8c2a-84f307c343bf" title="58期↗︎" rel="noopener ugc nofollow">58期↗︎</a>提到的可视化记账嘛，已经有开发者做出来了，叫：阿福记账</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/567625a9d6e797c0852a66d42220d833.gif" alt="An image to describe post" /></p> <h3 id="heading">车站打车可视化</h3> <p>打车看到有个大屏可以实时显示网约车的停车位置，很是惊喜。可惜事与愿违，平台期望：网约车司机停到车位后提示用户车位信息。实际情况：通道拥挤，司机大部分不会耗费时间停车，还需要主动去通道等候。<br /> 结论：缺少对实际场景的体验优化，或许设计是为了别的目的。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/45622d5c07fc47f9cfeaf5eb1b77352a.png" alt="An image to describe post" /></p> <h3 id="fuck-up-my-sitehttpswwwfuckupmysitecom"><a href="https://www.fuckupmysite.com/" title="Fuck Up My Site↗︎" rel="noopener ugc nofollow">Fuck Up My Site↗︎</a></h3> <p>恶搞每一个网站，像下图的 Apple 官网那样恶搞网站的排版，加满弹窗，让按钮点击不到，还能来点苍蝇。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/593d376c0b56193b90104192c4d3aa3a.png" alt="An image to describe post" /></p> <h3 id="nicerockshttpsnicerocks"><a href="https://nice.rocks/" title="nice.rocks↗︎" rel="noopener ugc nofollow">nice.rocks↗︎</a></h3> <p>收集了很多奇奇怪怪的石头，让我想到了这个<a href="https://www.yuque.com/lianyedeyueguang/share/cloud-collector" title="云彩收集者↗︎" rel="noopener ugc nofollow">云彩收集者↗︎</a>。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/c808256af458b4bf2da49e4e95e0d421.png" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="footerhttpswwwfooterdesign"><a href="https://www.footer.design/" title="Footer↗︎" rel="noopener ugc nofollow">Footer↗︎</a></h3> <p>各种各样的网站页脚设计合集，不起眼的页脚也有这么多种设计。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/08454c9284082442f0eaa85880a57ae7.png" alt="An image to describe post" /></p> <h3 id="pricing-pageshttpspricingpagesdesign"><a href="https://pricingpages.design/" title="Pricing Pages↗︎" rel="noopener ugc nofollow">Pricing Pages↗︎</a></h3> <p>精选定价页面设计灵感</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/661fbb04f3945bf6eedf987c9f459ccc.png" alt="An image to describe post" /></p> <h3 id="llm-thingshttpsdffenxworkllm-things"><a href="https://df.fenx.work/llm-things" title="LLM Things↗︎" rel="noopener ugc nofollow">LLM Things↗︎</a></h3> <p>fenx 这个贴纸贼好玩，都是常见的 AI 梗</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/c10e81bf1d3b7b8489156d400f08c2ba.png" alt="An image to describe post" /></p> <h3 id="x-httpsxcomhashmojisstatus1960415583108763811"><a href="https://x.com/hashmojis/status/1960415583108763811" title="苹果历届X 点赞动画↗︎" rel="noopener">苹果历届X 点赞动画↗︎</a></h3> <p>在<a href="https://hashmojis.com/branded-likes" title="这个网站↗︎" rel="noopener ugc nofollow">这个网站↗︎</a>还收集了很多X的点赞动画</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/40542cb63fd5c4534a803bcb66a74d56.png" alt="An image to describe post" /></p> <h3 id="httpsmomoyuapp"><a href="https://momoyu.app/" title="摸摸鱼计时器↗︎" rel="noopener ugc nofollow">摸摸鱼计时器↗︎</a></h3> <p>JJ老师的新作，产品名字时老婆起的，女儿还提供了很多海鲜选取方向。这个产品JJ老师的全家都参与了，太幸福了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/bc4e47cc8ab746e075df372c42161595.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="httpsmpweixinqqcomsgv6dyhaohkerzmgveahlhq"><a href="https://mp.weixin.qq.com/s/GV6DYhaOHkErZmgveAhLHQ" title="设计更好的通知体验↗︎" rel="noopener ugc nofollow">设计更好的通知体验↗︎</a></h3> <p>许多应用的通知默认就被设置为静音，主要在于通知太频繁了，用户往往会在不加细看的情况下迅速忽略持续弹出的消息。“通知疲劳”成了用户反馈中最常见的抱怨之一，但不少应用仍然拼命争抢着用户的注意力，无休止地推送着各类消息。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/189941f8a053281a8d332dbad1618572.png" alt="An image to describe post" /></p> <h3 id="how-to-surf-the-web-in-2025-and-why-you-shouldhttpswwwraptitudecom202506how-to-surf-the-web-in-2025-and-why-you-shouldfromyinjiorg"><a href="https://www.raptitude.com/2025/06/how-to-surf-the-web-in-2025-and-why-you-should/?from=yinji.org" title="How to Surf the Web in 2025, and Why You Should↗︎" rel="noopener ugc nofollow">How to Surf the Web in 2025, and Why You Should↗︎</a></h3> <p>过去的互联网完全由网站组成，现在的大多数网站，外部链接变得更加稀少，或者压根就不提供外部链接，只想让访客留在自己的网站里，避免流量流失。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/7e5d87044d49561c712647af089e7dee.png" alt="An image to describe post" /></p> <h3 id="how-to-bake-bread-in-figma-drawhttpsbyte-shown-08429355figmasitedetail"><a href="https://byte-shown-08429355.figma.site/detail" title="How to bake bread in figma draw↗︎" rel="noopener ugc nofollow">How to bake bread in figma draw↗︎</a></h3> <p>一篇教程，教你如何在Figma中绘制这种面包风格的插画</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/b58685a76ae6440de1bbacfdb8f53203.png" alt="An image to describe post" /></p> <h3 id="nano-bananahttpsaistudiogooglecomprompts1deemdxwoc5one6ueat0oc-n99xy6p6z2"><a href="https://aistudio.google.com/prompts/1DeemDXwoc5one6uEAT0oc_n99xy6p6Z2" title="nano banana↗︎" rel="noopener ugc nofollow">nano banana↗︎</a></h3> <p>谷歌新上线的图像编辑模型，可以看<a href="https://mp.weixin.qq.com/s/dIrEIIRXRpdEOPK2sj0DBw" title="藏师傅的这篇教程↗︎" rel="noopener ugc nofollow">藏师傅的这篇教程↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/93b5fb2f685e88f84bb84bc5303c0bc2.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="dingtalk-a1-httpspagedingtalkcomwowdingtalkdefaultdingtalk4pyijkwhjza4x2zhczmcdd-mini-app-id5000000004997171"><a href="https://page.dingtalk.com/wow/dingtalk/default/dingtalk/4pYIJkWHJZa4X2zhCZmC?dd_mini_app_id=5000000004997171" title="DingTalk A1 ↗︎" rel="noopener ugc nofollow">DingTalk A1 ↗︎</a></h3> <p>钉钉在十周年发布会上首推 AI 硬件产品 DingTalk A1。用户可贴在手机背面录制通话、会议和课堂语音，支持 8 米清晰收音。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/6c4649948399c0391275b72c59d6dff5.png" alt="An image to describe post" /></p> <h3 id="ai--9--1-httpswwwtc260orgcnupload2025-03-151742009439794081593pdf"><a href="https://www.tc260.org.cn/upload/2025-03-15/1742009439794081593.pdf" title="AI 生成内容强制标识新规 9 月 1 日生效↗︎" rel="noopener ugc nofollow">AI 生成内容强制标识新规 9 月 1 日生效↗︎</a></h3> <p>人工智能生成合成内容标识方法》国家强制标准 9 月 1 日实施。新规要求 AI 生成内容必须添加显式标识，文本开头标注“AI 生成”，图片边角放置标识，视频起始画面显示 2 秒。同时嵌入隐式元数据记录来源。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/0442da9ccbc23baa05daf54ce55f356a.png" alt="An image to describe post" /></p> <h3 id="httpswwwapplecomcnapple-events"><a href="https://www.apple.com.cn/apple-events/" title="苹果秋季发布会↗︎" rel="noopener ugc nofollow">苹果秋季发布会↗︎</a></h3> <p>果子发布会，这几年也没啥新意了。<br /> 这个logo在 iPhone 或 iPad 上，长按 Logo 会逐渐变为更深的橙色，而在滑动手指时，Logo 的颜色会随着轨迹发生变化。有人<a href="https://zingy-gumdrop-5919db.netlify.app/" title="还原出来了↗︎" rel="noopener ugc nofollow">还原出来了↗︎</a></p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/09/b82d99a13f8d38cfa85d0b2f8ce26479.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <ul> <li>大自然偏爱勇气。你做梦，大自然就会回应你的梦，为你扫除迎面而来的108个障碍物。</li> <li>真正能够改变世界的人只有两种 一种是工程师，从结构出发，建立秩序； 一种是设计师，从人出发，赋予意义。 前者试图控制混乱，后者试图拥抱它。</li> <li>注意力是宇宙的货币 当你为某件事 ”pay” attention, 你就是在向宇宙购买那种体验。</li> <li>逃离，如果是被迫的，或许创造也是。每一次逃离都让我们更加清楚自己不是什么，每一次创造也让我们更加清楚自己可以是什么。</li> </ul> https://quaily.com/designstroll/p/weekly-062#12399 Huazi 2025-08-24T16:29:00Z 2025-08-24T16:29:00Z <blockquote> <p>本期封面是一个可自由纵向横向插入的高自由度设计<a href="https://direct.sanwa.co.jp/ItemAttr/700-TAP082-083" title="创新插座↗︎" rel="noopener ugc nofollow">创新插座↗︎</a></p> </blockquote> <h2 id="-">🔍 发现</h2> <h3 id="ai">微信输入法的AI功能</h3> <p>当处于评价页面时，微信输入法自动弹出了“AI写评价”，问题来了，他是怎么知道我在写评价的？<br /> 这里想到了<a href="https://book.douban.com/subject/37357317/" title="《未来10000天的可能》↗︎" rel="noopener ugc nofollow">《未来10000天的可能》↗︎</a>中的一句话“你如果想要极致的个性化，就必须接受几乎没有隐私可言，你必须是透明的。如果你想保护隐私，那么你只会享受到镜像世界中的平均水平的服务，被当作一个普遍的个体。”</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/6dc2b994038dbb1651f36ea09a4c36d1.png" alt="An image to describe post" /></p> <h3 id="httpswwwitsnicethatcomarticlesyo-li-illustration-discover-180825utm-sourcenewstodayindesignutm-mediumnewsletterutm-campaigndesign-that-hits-different"><a href="https://www.itsnicethat.com/articles/yo-li-illustration-discover-180825?utm_source=news.todayin.design&amp;utm_medium=newsletter&amp;utm_campaign=design-that-hits-different" title="一个柔软而超现实的视觉世界↗︎" rel="noopener ugc nofollow">一个柔软而超现实的视觉世界↗︎</a></h3> <p>Yo Li 的插画将柔和的色彩与扭曲、怪诞的人物相结合。它们将你带入一开始感觉柔软，但潜藏着某种奇异事物的场景。这种甜蜜而超现实的张力恰到好处。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/ce513aff0cd7e4bd3492cad6d0398b91.png" alt="An image to describe post" /></p> <h3 id="httpsxcomlostdoesartstatus1958859219051917708"><a href="https://x.com/lostdoesart/status/1958859219051917708" title="一个很酷的按钮↗︎" rel="noopener">一个很酷的按钮↗︎</a></h3> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/8a64b65f7deab6ce832a212d7fc189cc.gif" alt="An image to describe post" /></p> <h3 id="future-cardhttpsxcomadnanhussaynstatus1958082997069996242"><a href="https://x.com/adnanhussayn/status/1958082997069996242" title="future card↗︎" rel="noopener">future card↗︎</a></h3> <p>以后的银行卡如果是这样，那也太帅了！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/a18f7d9f85887324cb1e10d271e85e8d.gif" alt="An image to describe post" /></p> <h3 id="ios-">iOS 闹钟滚轮</h3> <p>iOS的闹钟设置界面的滚轮并非循环<br /> 而是一个很长很长的时间列表，一直往下划可以到底。你看，炫酷的效果往往使用最朴实无华的实现方式。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/35fb1db2791668abe576c9fd9c05fb3d.png" alt="An image to describe post" /></p> <h3 id="50th-anniversaryhttpswwwshipsltdcojppagessp-50th-anniversaryaspx"><a href="https://www.shipsltd.co.jp/pages/sp_50th_anniversary.aspx" title="50th Anniversary↗︎" rel="noopener ugc nofollow">50th Anniversary↗︎</a></h3> <p>不一样的鼠标跟随效果，用织布机的动效跟随鼠标轨迹，和访客共同“编织”网页。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/fe1527fcdbaa925ffa75e3b447f1465c.gif" alt="An image to describe post" /></p> <h2 id="--1">📦 资源</h2> <h3 id="uxsnapshttpswwwuxsnapscom"><a href="https://www.uxsnaps.com/" title="UXSnaps↗︎" rel="noopener ugc nofollow">UXSnaps↗︎</a></h3> <p>网站收集并展示了不同产品的页面截图和交互流程，还详细解释了这么设计的理由，推荐刷一刷！！！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/47f22c0a1c2ee965ad88ed13f1083575.png" alt="An image to describe post" /></p> <h3 id="halftone-makerhttpshalftonemakercom"><a href="https://halftonemaker.com/" title="Halftone Maker↗︎" rel="noopener ugc nofollow">Halftone Maker↗︎</a></h3> <p>在线生成彩色半调效果图</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/b96fae8105fdce19648a43ef1a327af8.png" alt="An image to describe post" /></p> <h3 id="react-bitshttpswwwreactbitsdevbackgroundsfaulty-terminal"><a href="https://www.reactbits.dev/backgrounds/faulty-terminal" title="React Bits↗︎" rel="noopener ugc nofollow">React Bits↗︎</a></h3> <p>之前分享过的这个组件库，最近又更新了好多炫酷的动效！</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/1436014aeda60b1549f0aa42584e4a4a.png" alt="An image to describe post" /></p> <h3 id="phosphor-iconshttpsphosphoriconscom"><a href="https://phosphoricons.com/" title="Phosphor Icons↗︎" rel="noopener ugc nofollow">Phosphor Icons↗︎</a></h3> <p>一个完全免费开源的图标系列库Phosphor Icons，它提供了 6 种粗细，可以在线修改图标颜色、大小，支持下载SVG、PNG格式。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/58ceced798d2f1cfb51e0f7a72663d7d.png" alt="An image to describe post" /></p> <h3 id="websitevicehttpswebsitevicecom"><a href="https://websitevice.com/" title="Websitevice↗︎" rel="noopener ugc nofollow">Websitevice↗︎</a></h3> <p>网页设计灵感，近 3,000 个网页设计示例，各行各业的真实实用网站。每周更新、按类型筛选、完全免费。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/4e46872aabd20c8a647da3f64b8f644c.png" alt="An image to describe post" /></p> <h2 id="--2">📖 阅读</h2> <h3 id="balloon-buttonhttpstympanusnetcodrops20250820exporting-a-cloth-simulation-from-blender-to-an-interactive-three-js-scene"><a href="https://tympanus.net/codrops/2025/08/20/exporting-a-cloth-simulation-from-blender-to-an-interactive-three-js-scene/" title="Balloon Button↗︎" rel="noopener ugc nofollow">Balloon Button↗︎</a></h3> <p>一个教程，如何使用 Blender 创建布模拟，并将其导出到 Three.js 中，实现一个交互式、可重播的动画场景。在<a href="https://tympanus.net/Tutorials/BalloonButton/" title="这里↗︎" rel="noopener ugc nofollow">这里↗︎</a>体验效果</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/b1e6d915881789e377e181f7f2bf3ded.gif" alt="An image to describe post" /></p> <h3 id="httpsnewsletterpessimistsarchiveorg"><a href="https://newsletter.pessimistsarchive.org/" title="悲观者档案↗︎" rel="noopener ugc nofollow">悲观者档案↗︎</a></h3> <p>收集了历史上人们面对新技术和新发明出现时展现出的（今天看来有些荒唐的）恐慌</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/44d1377a8ba0d7e0529f5bddd8ca8b84.png" alt="An image to describe post" /></p> <h3 id="httpswwwbilibilicomvideobv1seegzzenhspm-id-from333337search-cardallclickvd-sourcec67ad34d6691bc3407da180565eeeb86"><a href="https://www.bilibili.com/video/BV1seegzzEnH/?spm_id_from=333.337.search-card.all.click&amp;vd_source=c67ad34d6691bc3407da180565eeeb86" title="在手机上看一部电影，究竟得先看多少广告？↗︎" rel="noopener ugc nofollow">在手机上看一部电影，究竟得先看多少广告？↗︎</a></h3> <p>不知不觉，我们的生活好像被各种广告和定制化的推荐流入侵了。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/5507e6fdb4e6a97940c56d0a47d5fb1a.png" alt="An image to describe post" /></p> <h3 id="aihttpsmpweixinqqcomsoxjdtrk8par9vvrisgd6swclicktime1755605157enterid1755605157scene90subscene236xtrack1"><a href="https://mp.weixin.qq.com/s/OXJDtrk8Par9vVRisgd6sw?clicktime=1755605157&amp;enterid=1755605157&amp;scene=90&amp;subscene=236&amp;xtrack=1" title="用数据说话：AI浪潮下，设计师的工作到底有没有被取替？↗︎" rel="noopener ugc nofollow">用数据说话：AI浪潮下，设计师的工作到底有没有被取替？↗︎</a></h3> <p>一份关于基于美国社会的设计行业状况的新年度报告，数据显示设计师需求稳定，薪资上涨，产品设计师薪资最高。虽说不是国内的报告，至少有点参考意义。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/4f0f1afd4029c8323ee3c3e4792af89e.png" alt="An image to describe post" /></p> <h3 id="10-ai-prompt-lessonshttpsdesignplusaicomp10-ai-prompt-lessons-i-learned-the"><a href="https://designplusai.com/p/10-ai-prompt-lessons-i-learned-the" title="10 AI prompt lessons↗︎" rel="noopener ugc nofollow">10 AI prompt lessons↗︎</a></h3> <p>10 个设计师在 AI 设计过程中容易犯的错误和相关建议</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/0c3871c4d71d7a31492e909dd9c463fd.png" alt="An image to describe post" /></p> <h2 id="--3">📰 资讯</h2> <h3 id="-agent-httpsbytedancelarkofficecomsharebaseformshrcnvsbhmx5nu2s7qnjfkz6e5g"><a href="https://bytedance.larkoffice.com/share/base/form/shrcnVsbHMx5NU2S7qNjfkZ6e5g" title="即梦创作 Agent 开启内测↗︎" rel="noopener ugc nofollow">即梦创作 Agent 开启内测↗︎</a></h3> <p>看<a href="https://bytedance.larkoffice.com/docx/Qriwdcz4Sob4arxcAX6cxUMznYb" title="这介绍↗︎" rel="noopener ugc nofollow">这介绍↗︎</a>有种<a href="https://www.lovart.ai/zh?sourceId=003841&amp;campaignid=22834269026&amp;adgroupid=%7Badgroupdid%7D&amp;network=g&amp;device=c&amp;devicemodel=&amp;gbraid=0AAAAA_ZDiCch77s7QqYhFwFhZ4JMWeph2&amp;gbraid=0AAAAA_ZDiCch77s7QqYhFwFhZ4JMWeph2&amp;wbraid=CkEKCQjwzaXFBhCfARIwADIDKcqpsV8rpYZ5b3I04yrF1d9wB-P0hSNsbE-Dlcu048EybJyCy5CjNrkpADvWGgKWNA&amp;gad_campaignid=22834269026" title="Loveart↗︎" rel="noopener ugc nofollow">Loveart↗︎</a>的感觉</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/12542080b87a6c81c1a72f817477d1a2.png" alt="An image to describe post" /></p> <h3 id="notion-httpswwwnotioncomzh-cnreleases"><a href="https://www.notion.com/zh-cn/releases" title="Notion 离线模式↗︎" rel="noopener ugc nofollow">Notion 离线模式↗︎</a></h3> <p>苦等的离线模式终于来了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/76c67510b6d4f8d295d7224f9f13deed.png" alt="An image to describe post" /></p> <h3 id="qoder---the-agentic-coding-platformhttpsqodercomdownload"><a href="https://qoder.com/download" title="Qoder - The Agentic Coding Platform↗︎" rel="noopener ugc nofollow">Qoder - The Agentic Coding Platform↗︎</a></h3> <p>好一个百家争鸣，千问也发布了他们的AI编辑器，目前限免中。</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/9b08ddcbd89d8950aae840cc8378a8c1.png" alt="An image to describe post" /></p> <h3 id="httpswwwwhitehousegovpresidential-actions202508improving-our-nation-through-better-design"><a href="https://www.whitehouse.gov/presidential-actions/2025/08/improving-our-nation-through-better-design/" title="通过更好的设计改善我们的国家↗︎" rel="noopener ugc nofollow">通过更好的设计改善我们的国家↗︎</a></h3> <p>特朗普以总统身份发布命令，宣布“美国设计”国家倡议，旨在改善美国人与政府交互体验，通过设立国家设计工作室和首席设计官等举措提升联邦服务的视觉呈现和可用性 。<br /> 设计师们，站起来了</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/b355ccdd28109fd8f1a87e7fa338c29b.png" alt="An image to describe post" /></p> <h3 id="join-the-waitlist-for-v0-ioshttpsv0appios"><a href="https://v0.app/ios" title="Join the waitlist for v0 iOS↗︎" rel="noopener ugc nofollow">Join the waitlist for v0 iOS↗︎</a></h3> <p>V0 推出手机版</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/9136dea7ad2a308463e2a1dfb38b005b.png" alt="An image to describe post" /></p> <h2 id="--4">💬 言论</h2> <p>本期言论板块内容均来自图书<a href="https://weread.qq.com/web/reader/a38326805dec21a389a21c8" title="《小岛经济学》" rel="noopener ugc nofollow">《小岛经济学》</a>它深入浅出地讲了经济发生和发展的过程</p> <p><img src="https://designstrollweekly.s3.bitiful.net/2025/08/635398c2a57a4f4ef07f1175b41dadfc.png" alt="An image to describe post" /></p> <ul> <li>消费只是我们用来衡量生产的尺度，因为所有生产出来的东西最终都是用于消费的。</li> <li>不需要劝说人们消费，因为人类的需求永远不会得到满足。如果人们不想要某样东西，那一定是有理由的，要么是产品不够好，要么是买不起。</li> <li>每个工作的人实际上都在经营着自己的生意，将自己的劳动力卖给出价最高的雇主。</li> <li>上班族如果有机会，也可以跳槽，去追求薪资更丰厚的工作。上班族没有跳槽，就证明他们目前的工作可能是当前所拥有的最好选择。低报酬可能不尽如人意，但这并不意味着剥削。</li> <li>提供就业岗位并非经济的目的。经济的目的是不断提高生产力。</li> </ul> <hr /> <p>-本期完-<br /> （以上内容来源于互联网公开分享的内容，仅用于个人学习使用）<br /> 📭投稿地址：https://tally.so/r/3NV2Dl</p> https://quaily.com/designstroll/p/weekly-000#12373 Huazi 2024-06-09T09:42:00Z 2024-06-09T09:42:00Z <p><img src="https://static.quail.ink/media/0dx4t0dom.webp" alt="An image to describe post" /></p> <h1 id="heading">🫸周刊停更了，但又没停更？</h1> <p>BLUE 周刊始于 2021 年 11 月，虽今年频繁经历了拖更，好在 3 年内完成了百期。</p> <p>期间几乎没有推广，全凭爱好在记录“浏览历史？”BLUE·周刊经历过偷懒、拖更。也有朋友让我转付费，但一直拖了个好日子（写满百期）也是之前承诺过某位读者的事情。</p> <p>一直有在留意一些付费订阅平台，一直在用的竹白已经停止更新了，好久之前看到小报童，产品介绍中看到一句话“你应该收费，不是为了挣钱，而是让买的人投入注意力，让你也有履约的压力。”</p> <p>是啊，人性总是懒的。你需要一个趋势你前进的动力。</p> <p>于是在完成百期承诺之后我在小报童开了一个专栏，付费的那种。</p> <p>专栏名叫「设计漫步周刊」，我很喜欢现在的名字，之前的「BLUE·周刊」 听不出和设计有什么关系。周刊内容也大都源自我日常的发现，也就是“随机漫步”。通过这个名字你或许能 Get 到周刊的轻松和普通，并不会有太过专业的内容。</p> <h1 id="heading-1">✍️我会写些什么？</h1> <p>周刊前身为 BLUE·周刊 内容大多为我每周发现的有趣设计、实用资源、文章资讯等有关设计的一切。你可以在前百期中看到我的分享偏好，本刊也将秉承 BLUE·周刊 的文章风格。主要有“发现”“资源”“阅读”“资讯”四大板块内容。<br /> 周刊中带有“↗︎” 意为可点击链接，皆指向来源或所指网页。<br /> <img src="https://static.quail.ink/media/704yur8k5.webp" alt="An image to describe post" /></p> <h1 id="heading-2">🫸不要期待什么？</h1> <p>只是零碎的观察和记录，不成体系的输出。你不会立刻获得可落地执行的方法论。</p> <p>这是一个完全兴趣导向的专栏，输出内容完全取决于我的每周发现。连我也不能预测下周会写些什么。但一定是和设计相关的内容。</p> <h1 id="heading-3">✨可能</h1> <p>未来可能将Notion数据库开放给部分订阅读者。</p> <p>周刊本质上是一种策展，只不过把碎片通过“时间维度”集合起来。而 Notion 数据库则可以呈现所有周刊内容，大而全。还可以按不同的维度查找浏览，比较符合“漫步”的感觉。<br /> <img src="https://static.quail.ink/media/20z9upr6w.webp" alt="An image to describe post" /></p>