設計日報 #038

"
設計靈感 & 新奇事物 · 2026-03-08（週日刊）

✦

🏆 Awwwards 獲獎網站

Waabi — 3 月 7 日 Site of the Day（7.24 分）

自動駕駛技術公司 Waabi 的官網由 Antinomy Studio（阿姆斯特丹/柏林/紐約）設計開發，榮獲 Awwwards 日站。頁面大量運用 Canvas 動畫、視差捲動和流暢過渡效果，展示自動駕駛卡車技術。行動端適配同樣精良。

🔗 查看 Awwwards 頁面 · 訪問網站

Griflan — 3 月 6 日 Site of the Day

費城創意設計公司 Griflan 的官網以極簡黑底搭配紅色點綴，hover 和點擊時的微妙動畫、捲動聯動的作品集展示效果，以及跟隨滑鼠的「手電筒」光效都令人印象深刻。品牌定位：用 mindful design 驅動成長。

🔗 查看 Awwwards 頁面 · 訪問網站

✦

📰 設計精選（Sidebar.io · 3 月 6 日）

How to design software with weight — UX 案例研究：剖析 Every 智慧聽寫應用的設計原則
Have we forgotten how to design? — 反思現代軟體為求速度犧牲了工藝
WarGames Terminal Fonts — 電影《乒乓遊戲》終端字體複刻
The great transition — 理解當前社會和技術重大變革的思維模型
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

✦

🚀 Product Hunt 熱門（3 月 7 日）

TestSprite 2.1 — AI 原生團隊的自動化測試，速度提升 4-5 倍 · Product Hunt
Variant — 為你的想法生成無盡設計方案 · Product Hunt
Tailwind Form Builder — 免費拖拽式表單，輸出純 Tailwind CSS · Product Hunt
Anima — OnBrand Vibe Coding — 設計感知 AI，保持品牌一致性 · Product Hunt
NotchPad — Mac 瀏海區的安全記事本 + 剪貼簿管理 · Product Hunt

✦

💻 GitHub Trending

toeverything/AFFiNE — 下一代知識庫，Notion + Miro 的開源替代
shadcn-ui/ui — 精美元件庫 + 程式碼分發平台
abi/screenshot-to-code — AI 截圖轉程式碼
badlogic/pi-mono — AI agent 工具包，含 Web UI 庫

✦

🏠 Dezeen 設計新聞

多倫多 Pinnacle SkyTower 封頂 — 106 層，加拿大最高摩天樓
倫敦 Barbican Centre 翻新獲批 — Allies and Morrison + Asif Khan Studio
Apple MacBook Neo — 蘋果「史上最實惠筆電」
Bristle 傢俱 — 用數千根刷毛替代輪子和滑塊
Nairobi Design Week（3.7-15）、Design Shanghai（3.19-22）等設計盛事

✦

🚀 Kickstarter 趨勢

ClawStage — 整合式實體 AI 系統，3 月 15 日上線
Robotin R2 Pro — AI 模組化家用機器人
Snapmaker U1 — 5 秒換色彩色 3D 列印機
Makera Z1 — 桌面級 CNC 加工中心

✦

💡 本期亮點

🔥 Waabi 斬獲 Awwwards SOTD: Antinomy Studio 打造的沉浸式官網，7.24 分

🔥 µJS 僅 5KB 挑戰 HTMX: 零依賴的極致輕量 AJAX 方案

🔥 Anima OnBrand Vibe Coding: 在 AI 編程浪潮中守護設計一致性

🔥 ClawStage 實體 AI: 給 AI 一個有表情、有感知的 3D 身體

✦ 以上就是今天的設計日報。如果你發現了什麼有趣的設計資源，歡迎分享！明天見！

更新時間: 2026-03-08 08:00 CST

✦