# 設計 Mole：盡量不打擾

> 穩定版面、明確操作狀態、先檢視再刪除、路徑驗證、輔助使用與視覺克制，如何構成安靜的工具。

Published: 2026-07-05 | Updated: 2026-09-05

我用一天重新設計了 mole.fit。發布時只寫了一句話：安靜、可靠，不打擾你，和應用本身一樣。

從最初的 shell 腳本到今天，這一直是 Mole 的設計要求。

<figure class="blog-diagram">
  <video src="https://mole.fit/img/blog/new-mole.mp4" width="1440" height="996" autoplay muted loop playsinline></video>
  <figcaption>五項功能放在一個安靜的表面上，不索取多餘注意力。</figcaption>
</figure>

## 安靜不是氣氛，是約束

一個區域要麼完整顯示，要麼隱藏。掃描結束後，介面才進入結果狀態，很短的等待不顯示提示，較長等待只出現一種工作狀態，完成頁提前預留空間，不讓視窗突然跳動。

這需要明確的操作狀態、延遲載入提示、穩定容器和取消路徑，底層工作不可預測時，動畫只是讓混亂動起來，真正的平靜還是來自非同步流程足夠可靠。

我不希望維護工具需要人一直盯著：發起任務，等它完成，再拿回螢幕就夠了。它更像一件做工好的家電，而不是不斷閃爍、要求查看的應用。

## 動手前，先把計畫給你看

Mole 會先展示帶大小的刪除計畫，再等待確認。一般檔案進入垃圾桶，仍可還原，個人目錄等導覽根路徑沒有刪除入口。

不過，介面確認本身還不構成安全邊界，服務層會在執行時重新驗證每條路徑。發現階段不能刪除，確認只產生範圍明確的計畫，執行階段再次檢查身分與保護路徑，最後分別回報刪除、略過與失敗。

操作前檢查是看得見的一半，獨立校驗是看不見的一半。

## 為什麼清理工具裡有五顆行星

Mole 本可以只是一個帶清理按鈕的選單列圖示。但世界上已經有太多隨手產生、隨手丟棄的軟體。既然要投入時間，我希望它讓人願意坐在前面。

所以，五項功能各有一顆行星：

- 「清理」是地球
- 「軟體」是火星
- 「最佳化」是水星
- 「分析」是木星
- 「狀態」是太陽

它們需要屬於同一套系統，而不是五件裝飾。紋理來自天文影像，地球以 NASA 的[藍色彈珠](https://visibleearth.nasa.gov/images/57752/blue-marble-land-surface-shallow-water-and-shaded-topography)為基礎。旋轉方向和相對速度參照真實天體，所有行星由同一套程式碼按少量固定尺寸繪製。

工具可以好看，但視覺也要像功能一樣有規則。關於這些行星的來歷，寫在[Mole 的故事](https://mole.fit/tw/blog/the-story-of-mole)裡。

## 克制也要成為系統

Mole 很多設計工作都在做減法。應用只有深色模式，因為選單列面板像 HUD 一樣浮在桌布上，深色玻璃更少眩光，也無需增加主題開關。

應用和網站各自只有一套字級層級。元素不能臨時擁有自己的尺寸或顏色，所有值來自共享 token，所以頁面保持均勻，沒有誰突然喊得很大聲。

許多好功能最終不會發布。對一款能刪除檔案的工具來說，範圍小到可以理解，本身就是信任的一部分，對好主意說不往往比實作更難，我在[怎樣決定不做什麼](https://mole.fit/tw/blog/notes-on-building-a-quiet-product)裡寫過這件事。

克制也包括輔助使用。朗讀順序、鍵盤操作、減少動態效果和穩定焦點，與視覺安靜屬於同一份承諾。開啟「減少動態效果」後，行星停止裝飾旋轉，狀態變化也減少空間移動。任何操作都不依賴使用者看懂動畫。

安靜不是固定風格，而是尊重每個人願意接受多少刺激。

## 三種形式，一種理念

Mole 是命令列工具、Mac 應用，也是這個網站。命令列版深入但有邊界，Mac 應用把工作變得可見卻不喧鬧，網站說明它做什麼，然後退出視線。

重做網站只花了一天，因為要增加的很少，要移除的很多。Mole 只想做一位安靜的 Mac 管家，給自己的 Mac，也給朋友的 Mac。願時間仍然屬於你。

---

Canonical HTML page: https://mole.fit/tw/blog/the-design-of-mole
Blog index for agents: https://mole.fit/tw/blog/llms.txt
Site index for agents: https://mole.fit/llms.txt
