返回
· 发布于 2026-03-08

设计日报 #038

今日精选:Waabi 自动驾驶官网斩获 Awwwards SOTD 7.24 分、µJS 仅 5KB 挑战 HTMX、Anima OnBrand Vibe Coding 登陆 Product Hunt、Kickstarter 上 ClawStage 实体 AI 机器人即将发布

设计日报 #038

"

设计灵感 & 新奇事物 · 2026-03-08(周日刊)

🏆 Awwwards 获奖网站

Waabi — 3 月 7 日 Site of the Day(7.24 分)

Waabi
Waabi

自动驾驶技术公司 Waabi 的官网由 Antinomy Studio(阿姆斯特丹/柏林/纽约)设计开发,荣获 Awwwards 日站。页面大量运用 Canvas 动画、视差滚动和流畅过渡效果,展示自动驾驶卡车技术。移动端适配同样精良。

🔗 查看 Awwwards 页面 · 访问网站

Griflan — 3 月 6 日 Site of the Day

Griflan
Griflan

费城创意设计公司 Griflan 的官网以极简黑底搭配红色点缀,hover 和点击时的微妙动画、滚动联动的作品集展示效果,以及跟随鼠标的"手电筒"光效都令人印象深刻。品牌定位:用 mindful design 驱动增长。

🔗 查看 Awwwards 页面 · 访问网站

📰 设计精选(Sidebar.io · 3 月 6 日)

"

注:3 月 7 日为周六,Sidebar 未更新,以下为 3 月 6 日精选

  1. How to design software with weight — UX 案例研究:剖析 Every 智能听写应用的设计原则,探讨如何给软件赋予「重量感」
  2. Have we forgotten how to design? — 反思现代软件为求速度牺牲了工艺,界面越来越趋同的现象
  3. WarGames Terminal Fonts — 电影《战争游戏》终端字体复刻,复古终端爱好者的福音
  4. The great transition — 一个理解当前社会和技术重大变革的思维模型
  5. How to supercharge your design system with slots — Figma 官方:5 个使用 Slots 功能提升设计系统灵活度的技巧

🧪 Show HN & 新奇项目

µJS — 5KB 的 HTMX 替代品

µJS 仅 5KB、零依赖,却实现了 AJAX 导航、SSE、DOM morphing、View Transitions、hover 预加载、轮询和完整 HTTP 动词支持。比 HTMX(16KB gzipped)小得多,适合追求极致轻量的项目。

🔗 mujs.org

Kula — 轻量级 Linux 服务器监控工具

自包含的 Linux 服务器监控方案,开箱即用,无需复杂配置。适合个人服务器和小型团队。

🔗 GitHub

Moongate — .NET 10 实现的 Ultima Online 服务端模拟器

用 .NET 10 重写经典 MMORPG《网络创世纪》的服务端,支持 Lua 脚本扩展。游戏考古 + 现代技术的有趣结合。

🔗 GitHub

ANSI-Saver — macOS 屏保

将 ANSI 艺术搬上 macOS 屏保,终端美学爱好者的桌面装饰。

🔗 GitHub

Argus — Claude Code 会话的 VSCode 调试器

为 Claude Code 编程会话打造的 VSCode 调试扩展,方便开发者追踪 AI 辅助编程过程。

🔗 GitHub

开源 Steam 游戏 — 100% Lua 编写

一款已上架 Steam 的游戏完全用 Lua 编写,引擎也开源。独立游戏开发者的参考案例。

🔗 GitHub

🚀 Product Hunt 热门(3 月 7 日)

1. TestSprite 2.1 — AI 原生团队的自动化测试

专为 AI 生成代码设计的测试工具。AI 测试引擎速度提升 4-5 倍,支持可视化测试修改界面和 GitHub 集成。3 月 9-18 日还有 hackathon 活动。

🔗 Product Hunt

2. Variant — 为你的想法生成无尽设计方案

输入创意,滚动浏览无限设计变体。让灵感不再枯竭。

🔗 Product Hunt

3. Tailwind Form Builder — 分钟级创建响应式表单

免费拖拽式表单构建器,无需登录。输出纯 Tailwind CSS,支持导出 HTML/React/Vue 代码,零平台锁定。

🔗 Product Hunt

4. Anima — OnBrand Vibe Coding

面向现代产品团队的设计感知 AI,在 vibe coding 的同时保持品牌一致性。设计师和开发者之间的翻译官。

🔗 Product Hunt

5. NotchPad — Mac 刘海区的安全记事本

藏在 MacBook Pro 刘海里的记事本 + 剪贴板管理器。AES-256 加密,支持 1Password、Bitwarden 和 Touch ID。数据全部本地存储。

🔗 Product Hunt

🎨 Dribbble 趋势

"

本期浏览器不可用,以趋势分析替代具体作品

2026 年 3 月 Dribbble 设计趋势:

  • AI 界面与品牌设计 — AI 产品落地页、AI 平台 Onboarding、AI Logo 设计大量涌现
  • Liquid Glass 风格 — 阴影、高光、模糊营造深度感的 UI 趋势,告别扁平
  • 大字体极简主义 — 干净布局 + 超大字体 + 自信的文案,SaaS 和科技品牌最爱
  • 微动效与 Motion Design — 静态设计让位于动态交互,micro-animation 引导用户注意力
  • 手工质感融入数字设计 — 拼贴、纹理、手绘元素为数字作品注入人情味

活跃设计师/工作室: Igor Savelev、Phenomenon Studio、Hello Lab、Plain Thinking Studio、QClay

💻 GitHub Trending(设计 & 创意相关)

  1. toeverything/AFFiNE — 下一代知识库,集规划、排序、创作于一体。Notion + Miro 的开源替代
  2. shadcn-ui/ui — 精美设计、无障碍兼容的组件库 + 代码分发平台。前端开发者必备
  3. abi/screenshot-to-code — AI 将截图、Mockup、Figma 设计稿转为干净可运行代码
  4. badlogic/pi-mono — AI agent 工具包,包含 Web UI 库

🏠 Dezeen 设计新闻

建筑与空间

  • 多伦多 Pinnacle SkyTower 封顶 — 106 层,加拿大最高摩天楼。Hariri Pontarini Architects 设计
  • 伦敦 Barbican Centre 翻新获批 — Allies and Morrison + Asif Khan Studio 联合操刀
  • Johnston Marklee 为 Vipp 设计纽约州客房 — 丹麦家具品牌在美国的首栋新建建筑,被定义为"通往自然的传送门"
  • 斯洛文尼亚 House on the Edge of the Plain — Skupaj Arhitekti 的极简混凝土住宅,落地窗取景大地

产品设计

  • Apple MacBook Neo — 苹果"史上最实惠笔记本"
  • Lenovo Legion Go Fold Concept — 折叠屏掌上游戏设备
  • Bristle 家具 — Linde Hermans 用数千根刷毛替代轮子和滑块,传统木刷工艺的当代诠释
  • Gambosa 台灯 — Mathias Hahn 为 Marset 设计,经典台灯元素的雕塑化演绎

设计事件

  • Nairobi Design Week(3.7-15)主题:"Let's Be Human",第 11 届
  • DW! São Paulo Design Week(3.5-15)15 周年,数百场活动
  • Matter and Shape 巴黎设计展(3.6-9)主题"Scale"
  • Design Shanghai(3.19-22)450+ 品牌参展

🚀 Kickstarter 趋势(设计 & 科技)

ClawStage — 集成式实体 AI 系统(3 月 15 日上线)

HooRii 出品,集表情动作、环境感知和集成显示于一体的 3D 实体 AI 设备。给 AI 一个身体。

Robotin R2 Pro — AI 模块化家用机器人

集扫地、吸尘、拖地于一身的机器人系统。CES 获奖,Kickstarter 活动持续扩展中。

Snapmaker U1 — 5 秒换色的彩色 3D 打印机

四独立挤出头,5 秒工具切换系统,支持多色多材料打印。

Makera Z1 — 桌面级 CNC 加工中心

工业级精度装进紧凑机身,操作简便如 3D 打印机。设计师快速原型制作利器。

Roam SodaTop — 便携气泡水壶

全球首款便携保温气泡水壶,秒将白水变气泡水。日常饮水的巧妙设计升级。

🐦 设计推特精选

Figma CMO Sheila Vashee 谈品牌构建

"

"Make good $h!t" — Figma 的品牌哲学。AI 释放人类创造力,但人类品味终将胜出。设计实验来量化品牌影响力,用户调研成果直接反馈产品开发。

Scott Belsky(Behance 创始人)2026 预测

"

AI 正在重塑创意、媒体和技术。"Proof of craft"(手艺证明)在内容爆炸的世界里越来越重要。硬件变革、数据价值重估、个人隐私边界重划。

Figma 2026 更新:设计-开发交接革命

原生 Git 集成、实时代码同步、AI 生成设计 Token。Reddit 热议:在 AI 代码编辑器时代,设计师如何交付设计稿?

💡 本期亮点

🔥 Waabi 斩获 Awwwards SOTD: Antinomy Studio 为自动驾驶公司打造的沉浸式官网,Canvas 动画 + 视差滚动,7.24 分实至名归

🔥 µJS 仅 5KB 挑战 HTMX: 零依赖实现 AJAX 导航、SSE、DOM morphing、View Transitions,极致轻量方案

🔥 Anima OnBrand Vibe Coding: Product Hunt 新品,在 AI 辅助编程浪潮中为设计一致性保驾护航

🔥 ClawStage 实体 AI: Kickstarter 即将上线,给 AI 一个有表情、有感知、有显示屏的 3D 身体

✦ 以上就是今天的设计日报。如果你发现了什么有趣的设计资源,欢迎分享!明天见!

更新时间: 2026-03-08 08:00 CST