不用安裝程式，也不用先學繪圖軟體，就能在線上製作 Logo 草案。打開品一品的免費 Logo 靈感產生器，輸入中文或英文品牌名，選擇字體與配色，點選六款版型，再下載透明 PNG 或可編輯 SVG。這篇教學會帶你完成一次操作，也說明同樣的互動思路，如何延伸成企業自己的網站工具。

目前公開版不需註冊、不加浮水印。工具以原創幾何圖形與版型規則產生 Logo 靈感，沒有呼叫 AI 圖像模型；名稱與短句在瀏覽器內處理，不需送往 AI 服務。它是一個能實際操作的小工具，不是只有外觀的介面示意。

開啟免費 Logo 靈感產生器，跟著教學操作 ↗

準備資料：先用一個完整名稱測試

準備品牌名稱與一句想傳達的話即可。品牌名稱為必填，最多 24 字；短句可留空，最多 44 字。若暫時沒有定案，可以先用測試名稱，但應註明是草案，避免團隊誤拿去當正式素材。

名稱越長，畫面會自動縮小文字；這能避免部分溢出，卻不代表長名稱一定適合每個版型。你仍應在手機、頭像或簡報頁首的實際大小檢查可讀性。示範時可先輸入「森日工作室」，再換成自己的名稱比較差異。

操作教學：從輸入到下載

步驟一｜填寫品牌與選填短句

先在「品牌名稱」欄位輸入名稱，再填一句品牌想法。例如「讓想法，長成日常」。不確定短句時先留空，看看只放品牌名的版面，通常比塞進過多文字更容易比較。工具會隨輸入更新預覽，空白名稱則會要求補填。

步驟二｜選品牌類型、配色與字體

六種品牌類型會影響幾何圖形的組合方向；六組配色可快速比較森林、暖棕、海岸、墨黑、莓果與暖陽。三種字體氣質為俐落黑體、經典明體及輕盈細體。建議一次只改一項，留下「哪一個選項改變了什麼」的觀察。

步驟三｜產生六款，再點選卡片預覽

按下「產生六款 Logo」後，往下比較直式圖文、橫式標誌、留白字標、圓形徽章、框線印記與首字識別。點擊任一卡片，主預覽會切換成那個方向。手機版產生後會帶到預覽區，不必一直來回捲動尋找結果。

再次產生可以探索圖形組合，但它不是每次都憑空創作一個全新圖像。若要從頭開始，按「恢復示範內容」即可。已喜歡的版本先下載保存，再繼續試其他選項，比單靠記憶比較更有效率。

步驟四｜決定背景，再下載檔案

「透明背景下載」預設勾選，適合把標誌放到不同底色；預覽的棋盤格是用來表示透明，不會成為下載檔案的背景。取消勾選後，檔案會帶入目前配色的淺色底。確認預覽版型後，選「下載 PNG」或「下載 SVG」。

PNG 固定輸出 1600 × 1000；SVG 保留向量圖形及文字。瀏覽器顯示已準備好下載時，再到下載項目確認檔案是否完成。若遇到瀏覽器詢問儲存位置，依正常下載流程選擇資料夾即可。

PNG 與 SVG 怎麼選？用交付目的判斷

• 放進簡報或社群草稿：先用 PNG，圖像與文字外觀已合成在固定像素的圖片內。
• 交給設計人員調整：選 SVG，方便繼續處理向量圖形與文字。開啟軟體與裝置的字型不同，文字外觀可能變化。
• 要做大尺寸印刷：保留 SVG 作為後續整理的素材，另向製作端確認尺寸、字型與印刷規格，不直接把草案當完整印刷交付。
• 需要沒有底色的檔案：下載前保留透明選項，並實際放到要使用的底圖檢查。

SVG 的向量特性有利於縮放；PNG 則依固定像素呈現。這些是格式差異，不代表某一個格式適合所有用途。一般企業同時保留兩種，並在檔名加上日期與用途，會更容易交接。

把試用過程，變成一份可以交接的需求

試完工具後，可以整理「名稱、客群、選用版型、配色、預計用途、仍想修改的地方」六個欄位。不要只寫「幫我做得高級一點」；改成「主要放在網站頁首，希望短句更清楚，手機上店名不能太小」，設計與開發人員才有具體條件可以回應。

例如虛構的「森日工作室」最後留下森林配色的橫式版型，但希望英文副標另外排一行。交接時附上 SVG、PNG 與版位截圖，註明哪些是喜歡的部分、哪些還沒決定，就不需要每位協作者重新猜一次。

這個工具，也示範了企業網站可以怎麼升級

企業網站常常只能讓客戶閱讀資訊，再把問題交給業務。互動工具可以讓訪客先輸入條件、看見結果，再帶著較完整的需求來討論。Logo 工具採用的「輸入 → 即時預覽 → 選擇 → 輸出」，就能作為其他工作流程的規劃參考。

以下為虛構情境規劃，並非已完成客戶系統或成效案例。實際開發時，功能、資料與成本應依專案確認。

情境一｜沐序家具：先選配，再交給人員確認初估

家具業者的客戶經常先問「這個櫃子換尺寸與材質要多少錢」。可以規劃一個網頁工具，讓客戶填尺寸、選材質與配件，依已核准的計價規則列出分項初估，再產生需求摘要交給業務。

若加入 AI 情境圖，畫面負責討論風格，金額則依確認過的單價與規則計算，兩者分開驗收。測試要包含公分與毫米混用、超出可製作尺寸、未選材料，以及特殊工法無法自動估價的情況。驗收看規格是否完整、計算是否一致，不用漂亮圖片代替可製作性確認。

情境二｜清序清潔：先整理場地需求，再安排評估

服務業者常要反覆詢問坪數、場地類型、樓層與希望時間。可以把這些問題做成簡單選項，先顯示服務範圍與待確認項目，最後讓客戶選擇是否送出聯絡資料，由人員確認估價或安排現場評估。

若資料不足，工具就保留「待確認」，不直接宣告預約成功。測試時要檢查超出服務區、時間無法安排、聯絡欄位缺漏與重複送出。可觀察完整需求比例、人工補問次數與首次整理時間，再決定要不要增加 AI 問答或後台串接。

要做企業工具，先確認五件事

1. 使用者要完成什麼：先選一項可說清楚的工作，例如初估、選配或文件整理。
2. 輸入與輸出是什麼：列出必要欄位、結果形式與誰接手，不只討論畫面。
3. 哪些要用規則、哪些適合 AI：單價計算、編號與狀態核對使用可檢查規則；摘要、理解文字與情境生成再評估 AI。
4. 何時交給人確認：定義超出範圍、資訊不足與失敗時的回應，避免客戶把初估誤會成正式承諾。
5. 怎麼維護：誰能改內容與單價、資料留在哪裡、後續使用費與維護範圍，都應在開發前討論。

不一定每個工具都需要帳號、儀表板或 AI 模型。像目前的 Logo 靈感工具，瀏覽器就能完成主要操作；若要儲存案件、分工或串接訂單，才需要依用途設計後台與權限。從能驗收的小範圍開始，更容易知道做出來是否真的好用。

常見問題與下一步

工具產生的標誌可以直接當品牌定稿嗎？

建議先當作可編修草案。版型可被其他使用者重複選用，正式品牌仍需整理識別細節、字型與應用規格。工具幫助你比較方向，後續的品牌設計可另行安排。

舊網站也能加上這類工具嗎？

要先確認網站是否允許加入前端程式、使用什麼編輯方式，以及是否需要登入、資料保存或串接外部系統。簡單工具有時可新增獨立頁面；涉及後台流程，則要再評估現有架構，不必一開始就假設整站重做。

想做自己的工具，需要先寫完整規格嗎？

不用。先提供官網、目前的表格或作業步驟、最常反覆處理的一件事，以及你希望最後得到什麼。品一品可協助把需求整理成操作流程、原型與可討論的開發範圍。

功能依 2026 年 11 月 7 日公開版本說明。圖像為品一品原創示意；企業情境與名稱均為虛構。格式延伸閱讀：MDN：SVG、MDN：圖片格式指南。