Home Assistant 專業設計

讓你的智慧家庭
不只聰明,還很好看

專注 Home Assistant 儀表板客製設計——從 2D 平面彩圖到 3D 立體平面圖,從精緻的 Mushroom Card 面板到天氣連動動態效果,打造真正屬於你的操控介面。

Ché Studio 平面彩圖儀表板
🎯
50+
完成專案
🎨
4 種
設計風格
100%
客製設計

精選作品

每一塊儀表板都是從需求出發、為空間量身訂做的設計成果。

2D 平面彩圖儀表板 - 設備開啟 全新作品
2D Floor Plan

平面彩圖智慧面板

以建築平面彩圖為基底,結合即時天氣連動效果——下雨時畫面飄落雨滴粒子、晴天呈現自然光影。燈光、窗簾、空調、風扇、感測器全部直覺對應空間位置,搭配回家 / 離家 / 安防模式一鍵切換。

Picture Elements CSS Animations Weather API Scene Control Cover Entity
3D 立體平面圖儀表板 平板壁掛
3D Floor Plan

3D 立體家庭總覽

以等角 3D 渲染平面圖為基底,將燈光控制、溫濕度感測器、音樂播放、空調狀態直接疊加在空間對應位置上,一目了然。

Picture Elements 3D Floor Plan Media Player ApexCharts
平板 Mushroom 風格儀表板 桌面面板
Card-Based Dashboard

Mushroom Card 暗色面板

採用 Mushroom Card 設計語言,以功能區塊分區,整合即時攝影機畫面與家庭成員定位追蹤,呈現簡潔而資訊豐富的操控總覽。

Mushroom Cards button-card Card Mod Person Tracking
手機版響應式儀表板 手機版
Mobile Responsive

行動裝置最佳化介面

專為手機螢幕設計的響應式排版,保留完整控制功能的同時確保單手操作流暢。出門在外也能輕鬆掌控家中一切。

Responsive Mushroom Cards RTSP Camera Presence

操作實錄

實際操作畫面,感受儀表板的流暢互動與動態效果。

合作流程

清楚透明的五步驟,從第一次對話到交付上線。

1

需求訪談

了解你的設備清單、使用場景與風格偏好

2

風格確認

提供 2-3 種設計方向,確定配色與版面

3

設計製作

產出完整設計稿,含所有頁面與互動效果

4

部署上線

遠端連線部署到你的 HA,逐一測試功能

5

教學售後

操作教學文件,保固期內協助調整

關於我

設計 × 技術,
兩者缺一不可。

我是一位專注於 Home Assistant 生態系的技術整合者。從 YAML 配置到 Node-RED 自動化,長期深耕智慧家庭的每一層技術細節。

我相信好的儀表板不只是漂亮——它要讓家人都能輕鬆上手,讓科技真正融入日常生活。

Home Assistant Mushroom Cards custom:button-card Card Mod ApexCharts Node-RED MQTT YAML ESPHome LINE Bot CSS Animations Picture Elements
floorplan.yaml
# 天氣連動平面彩圖 type: picture-elements image: /local/floorplan.png elements: - type: conditional conditions: - entity: weather.home state: rainy elements: - type: custom:rain-effect - type: custom:button-card entity: light.living_room tap_action: toggle

準備好改造你的
智慧家庭介面了嗎?

不論是簡單的風格諮詢或完整的客製設計,都歡迎聊聊。