返回
· 發佈於 2026-02-22

設計日報 #024

今日精選:D2C Life Science 3D 魔方獲日站、Straion AI 程式碼規則管理、VoxJong CSS 3D 麻將、Timeframe 家庭電子紙看板

設計日報 #024

"

設計靈感 & 新奇事物

🏆 Awwwards 日站

D2C Life Science

D2C Life Science
D2C Life Science

生命科學新創公司 D2C 的品牌網站,用一個自動還原的 3D 魔方來隱喻公司的六大支柱,魔方在還原後會爆裂變形成一顆藥丸。極簡的灰綠色調配合 Three.js + GSAP 動畫,呈現出科技感與生命力的融合。

  • 🔗 造訪網站
  • 🏅 評分:7.28/10
  • 🛠️ 技術棧:Three.js / GSAP / Blender
  • 🏢 製作方:Iron Velvet

🎨 Dribbble 熱門作品

1. Fintech Mobile App Design

Fintech Mobile App Design
Fintech Mobile App Design

暗色主題的金融科技應用設計,支援生物辨識登入、加密錢包和 NeoBank 功能,介面簡潔現代。

  • 👤 設計師:Nixtio
  • ❤️ 177 likes · 👁️ 10.8k views

2. OMO Productivity Hub App

OMO Productivity Hub App
OMO Productivity Hub App

iOS 風格的全能生產力應用,深色模式下的極簡 UI 設計,包含任務管理、日程安排等功能模組。

  • 👤 設計師:Emote
  • ❤️ 121 likes · 👁️ 13.5k views

3. Travel Experience Marketplace Website

Travel Experience Marketplace Website
Travel Experience Marketplace Website

旅行體驗預訂平台的網頁設計,大面積留白配合高品質旅行攝影,搜尋篩選器設計直觀易用。

4. Crypto Investment & Trading Platform

Crypto Investment & Trading Platform
Crypto Investment & Trading Platform

加密貨幣交易平台的 Landing Page 動效設計,玻璃擬態風格配合深色背景,科技感十足。

  • 👤 設計師:Kris Anfalova
  • ❤️ 82 likes · 👁️ 10.2k views

5. eCommerce Landing Page Design

eCommerce Landing Page Design
eCommerce Landing Page Design

B2B 電商平台的響應式網頁設計,支援客製化產品展示,清晰的資訊層級和轉化導向的 CTA 設計。

  • 👤 設計師:Musemind
  • ❤️ 110 likes · 👁️ 8.5k views

6. AI UI - Voice Assistant by AmazingUI

AI UI Voice Assistant
AI UI Voice Assistant

AI 語音助手的 3D 動效介面設計,粒子效果與互動動畫結合,展現下一代 AI 互動體驗。

  • 👤 設計師:AmazingUI
  • ❤️ 42 likes · 👁️ 1k views

7. UI-UX for Finance Product ✦ Osilion

Osilion Finance Product
Osilion Finance Product

金融產品的 UI/UX 設計案例,極簡線條與功能性完美平衡,專業且易用。

  • 👤 設計師:HALO LAB
  • ❤️ 75 likes · 👁️ 6.5k views

8. Roamify — Modern Hotel Booking Mobile App

Roamify Hotel Booking App
Roamify Hotel Booking App

現代飯店預訂應用 UI 設計,奢華旅行感與清晰的預訂流程結合,支援獎勵積分系統。

🚀 Product Hunt 今日熱門

1. Straion

為 AI 程式設計代理管理規則的工具。當你使用 Cursor、Copilot 或其他 AI 程式設計工具時,Straion 幫你定義和管理程式碼規範、架構約束和最佳實踐。

  • 🔗 查看產品
  • 🗳️ 296 票
  • 🏷️ Developer Tools / AI / Vibe coding

2. Tidy

一個能學會使用你所有應用的個人助手。透過觀察和學習你的操作習慣,Tidy 可以自動化重複性任務,真正實現「教一次,自動執行」。

  • 🔗 查看產品
  • 🗳️ 257 票
  • 🏷️ Productivity / iMessage Apps / Lifestyle

3. Wordy

透過真實的電影和電視片段學習語言,配合測驗鞏固記憶。把追劇時間變成學習時間!

  • 🔗 查看產品
  • 🗳️ 198 票
  • 🏷️ Android / Chrome Extensions / Movies

💡 Show HN 新奇專案

1. Timeframe - 家庭電子紙看板

用電子紙螢幕打造的家庭資訊看板,顯示日曆、天氣、待辦事項等資訊。低功耗、護眼、美觀,完美融入居家環境。

2. VoxJong - CSS 3D 麻將

純 CSS 實現的 3D 麻將遊戲!沒有 WebGL,沒有 Canvas,完全用 CSS 3D transforms 渲染出逼真的麻將牌面和遊戲體驗。

3. Shuru - macOS 的 Local-First Linux MicroVMs

在 macOS 上執行本地優先的 Linux 微型虛擬機,秒級啟動,完美隔離,適合開發和測試。

4. Loops - 聯邦式開源 TikTok

開源的短影片平台,採用聯邦式架構(類似 Mastodon),你的資料由你掌控。

5. Xweather Live - 互動式全球天氣地圖

即時互動的全球向量天氣地圖,視覺化風場、氣壓、降水等氣象資料,介面炫酷且資訊豐富。

6. Llama 3.1 70B on Single RTX 3090

在單張 RTX 3090 上執行 Llama 3.1 70B 模型!透過 NVMe-to-GPU 直通繞過 CPU,實現了看似不可能的大模型本地部署。

  • 🔗 GitHub
  • ⭐ 367 points · 93 comments

🔧 GitHub Trending

1. anthropics/claude-code

Claude Code 是 Anthropic 官方的 CLI 程式設計工具,住在你的終端機裡,理解你的程式碼庫,透過自然語言命令幫你更快地編碼。

  • 🔗 GitHub
  • 🏷️ TypeScript

2. stan-smith/FossFLOW

用程式碼生成精美的等距基礎設施圖(Isometric Diagrams),讓系統架構文件更加直觀易懂。

  • 🔗 GitHub
  • 🏷️ Visualization

3. huggingface/skills

HuggingFace 發布的 AI Agent Skills 儲存庫,包含各種可複用的 Agent 技能模組。

4. cloudflare/agents

在 Cloudflare 上建構和部署 AI Agents,邊緣運算加持的智慧代理平台。

5. OpenBB-finance/OpenBB

面向分析師、量化交易員和 AI 代理的金融資料平台,開源的 Bloomberg 替代品。

  • 🔗 GitHub
  • 🏷️ Finance / Data Platform

💡 本期亮點

🔥 D2C Life Science 魔方動畫: 用 3D 魔方隱喻生命科學六大支柱,Three.js + GSAP 打造的極簡互動體驗

🔥 VoxJong CSS 3D 麻將: 純 CSS 實現的 3D 遊戲,89 points,展現 CSS 的無限可能

🔥 Straion AI 規則管理: 為 AI 程式設計工具定義程式碼規範,296 票的開發者利器

🔥 單卡跑 70B 模型: NVMe-to-GPU 直通技術,367 points 的技術突破

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

更新時間: 2026-02-23 08:00 CST