Morph 部落格
產品

Morph的新瀏覽體驗:300多個工具,零雜亂

由 Morph5 分鐘閱讀
2026 年 3 月 20 日 · 閱讀時間 4 分鐘

Morph擁有超過300個工具。檔案轉換、圖像編輯、PDF操作、影片修剪、QR生成、顏色選擇、資料格式化、字型轉換,以及更多。這個數字是一種優勢,但也是一個設計問題。如果你在兩秒內找不到你需要的工具,擁有300個工具與沒有任何工具沒有區別。

舊版瀏覽頁面以平面格子列出工具。當Morph只有40個工具時,這方式運作良好。但當工具數量增至300個,它便像電話簿一樣。您得捲動、眯眼、放棄並改用dock。這種體驗不夠好。

新的瀏覽頁面是全面重設計。它圍繞一個理念:無論您知道要找什麼或只是在探索,每個工具都應在兩秒內可達。

變更內容

重新設計的瀏覽頁面以Cormorant Garamond字體顯示單一標題:"每種工具。一個標籤。" 在標題下方,頁面展開為四個不同區域,每個區域專為不同使用者意圖設計。

頂部,三個特色漸變卡片突出展示定義Morph的工具: Morph Artboard(完整圖片編輯器)、Flowcut(影片編輯器)和QR碼生成器。每個卡片有微妙的懸停動畫 — 輕微抬升和縮放 — 使整個頁面 感覺 響應靈活且生動,而不會令人分心。在行動裝置上,這些卡片會縮小以適應220像素寬的水平捲動。

在特色卡片下方,一排常見轉換標籤顯示最常用的檔案轉換:PNG 轉 JPEG、MP4 轉 MP3、HEIC 轉 JPG、PDF 轉文字,以及 WebP 轉 PNG。這些是一鍵快速轉換的捷徑,針對人們最常搜尋的轉換組合。無需選單、無下拉選單。點擊標籤,拖曳檔案,完成。

Further down, category cards organize every tool into browsable groups. Each card has a colored left border (3px solid, unique per category), a format count badge, and a conversion pair count. Image tools, video tools, audio tools, document tools, developer tools, data tools — each category is a destination, not a filter.

搜尋真正有效

The search bar sits near the top of the page. It reads "Search 300+ tools..." and filters the entire tool directory in real time as you type. There is no submit button. There is no loading spinner. Every keystroke narrows the results instantly because the search runs entirely client-side against the tools array.

當搜尋輸入框獲得焦點時,周圍會出現微妙的橙色光暈——與 Morph 中每個活躍狀態使用的 #FF5200 暈色相同。輸入文字後會出現一個小清除按鈕,讓您只需輕點一次即可重設搜尋,無需選取並刪除。

這故意設計得簡單。沒有模糊匹配,沒有排序演算法,沒有AI驅動的建議引擎。它只是在平面清單上的文字過濾器。它之所以有效,是因為工具名稱和描述寫得清晰,而且在這個規模下,客戶端過濾幾乎是即時的。有時最好的搜尋體驗就是零延遲的那個。

分類即目的地

大多數工具目錄將分類視為過濾器。您從下拉選單中選擇一個分類,然後網格重新渲染為子集。這雖然有效,但將瀏覽體驗簡化為一種交易式操作。您知道您想要什麼,您進行過濾,然後離開。

新的瀏覽頁面以不同方式處理分類。每個分類卡片顯示兩個數字:支援的格式數量和可用的轉換組合數量。圖像工具卡片不僅顯示「圖像」——還會告訴您有15+種格式和80+種轉換組合可用。此上下文將標籤轉化為探索的邀請。

卡片以錯落動畫進入視口,每張卡片在前一張出現後30毫秒顯示。懸停時,玻璃面板效果啟動:多層次陰影與背景模糊結合,創造深度效果,使卡片感覺像是從表面升起。這些並非裝飾性細節,而是反饋機制,告訴你目前位置及可互動項目。

每項動畫均符合 prefers-reduced-motion 多媒體查詢。若作業系統設定為減少動畫,則停頓和懸停效果會被停用。無障礙設計不是事後補充——而是內建於每個互動之中。

特色工具

瀏覽頁面頂部的三個特色卡片是人工精選,非演算法生成。無熱門排序、無A/B測試、無參與度指標決定哪些工具出現在首頁。特色工具是因為它們最能代表Morph的優勢。

Morph Artboard 是一個具備圖層、遮罩、混合模式和 AI 驅動功能(如生成式填補和物件移除)的完整影像編輯器。Flowcut 是一個基於瀏覽器的影片編輯器,具備時間軸編輯、色彩調校、速度漸變、LUT 支援以及 YouTube、Instagram、TikTok 和 GIF 的匯出預設。QR 碼生成器可立即創建可掃描的代碼,並可自訂顏色和尺寸。

這些並非唯一值得強調的工具。但精選意味著做出選擇。三張卡片,三款工具,一個清晰訊息:Morph 不僅是檔案轉換器,更是一個創作平台。

為何重要

300 項功能的目錄不算是產品。它只是一張試算表。產品是從有人開啟「瀏覽」到找到所需功能之間的過程。這段間隔應以秒計,而非捲動。

優良的工具是隱形的。您搜尋、找到、使用。您不需要閱讀文件。您不需要觀看教學。您不需要建立帳戶。新的瀏覽頁面是根據此原則設計的。所有螢幕上的內容都旨在幫助您找到工具或向您展示您不知道存在的工具。

沒有註冊牆。沒有上傳要求。大多數工具完全在您的瀏覽器中運作,無需伺服器參與。您的檔案留在您的裝置上。此隱私保證不是行銷口號——而是架構本身。Morph 使用 WebAssembly 和 JavaScript 以客戶端處理檔案。除非您明確使用 AI 功能,否則沒有任何內容會觸及伺服器,即使如此,處理也發生在 Cloudflare Workers 上,無儲存或記錄。

300 多種工具整合於一個應用程式,若無法快速找到所需工具,則毫無意義。Browse 重新設計使尋找正確工具的速度與使用速度一樣快。

如果你尚未探索Morph超越文件轉換的功能,瀏覽頁面是開始的最佳地點。圖像壓縮、視頻編輯、字體轉換、元數據提取、加密、圖表生成、簡歷製作——所有功能均組織整齊且可搜尋。

開啟 瀏覽頁面,輸入您需要的內容,看看會發生什麼。或者完全不輸入任何內容——只需滾動。您可能會發現一個您不知道需要的工具,例如完全在瀏覽器中運行的 圖片壓縮器,或支援GIF優化調色板的 免費影片編輯器

每個工具。一個標籤。零雜訊。

瀏覽 300+ 工具