跳至主要內容
找不到符合條件的結果
  • 免費軟體
    • APP
    • VPN
    • 擴充功能
    • 系統工具
    • 圖片處理
    • 影音工具
    • 網路相關
  • 線上工具
    • 圖片編輯
    • 線上轉檔
    • 產生器
  • 免費空間
    • 圖片空間
    • 影音空間
    • 音樂空間
    • 網站空間
  • 熱門主題
    • AI
    • 縮網址
    • 線上翻譯
    • 免費圖庫
    • 字型下載
    • 編輯推薦
  • 網路科技
    • 個人服務
    • 電子信箱
    • 資料查詢
    • 免費贈品
    • 趣味網站
    • 實用教學
  • 架站資源
    • DNS
    • SEO
    • WordPress
    • 網站監測
  • 素材模版
    • 網站配色
    • 免費圖示
    • 免費圖片
    • 音樂音效
    • 網頁素材
  • 關於本站
  • 文章彙整
  • 聯絡我們
  • 隱私權政策
免費資源網路社群
  • 免費軟體
    • APP
    • VPN
    • 擴充功能
    • 系統工具
    • 圖片處理
    • 影音工具
    • 網路相關
  • 線上工具
    • 圖片編輯
    • 線上轉檔
    • 產生器
  • 免費空間
    • 圖片空間
    • 影音空間
    • 音樂空間
    • 網站空間
  • 熱門主題
    • AI
    • 縮網址
    • 線上翻譯
    • 免費圖庫
    • 字型下載
    • 編輯推薦
  • 網路科技
    • 個人服務
    • 電子信箱
    • 資料查詢
    • 免費贈品
    • 趣味網站
    • 實用教學
  • 架站資源
    • DNS
    • SEO
    • WordPress
    • 網站監測
  • 素材模版
    • 網站配色
    • 免費圖示
    • 免費圖片
    • 音樂音效
    • 網頁素材
免費資源網路社群

首頁  ›  線上工具  ›  產生器類  ›  Logo87 免費網站圖示產生器:免註冊、支援 Google Fonts,快速設計專業標誌

Logo87 免費網站圖示產生器:免註冊、支援 Google Fonts,快速設計專業標誌

  • 產生器類架站資源
Logo87

今天要介紹的「Logo87」是一個免費網站圖示製作工具,只需要很短時間即可輕鬆設計出專業標誌、圖示和網站圖標,亦可使用在應用程式、網頁開發或各種類型的專案,操作流程完全在瀏覽器中執行,使用上無限制,也不需要註冊登入帳號,製作後可快速下載多種格式,非常好用!

Logo87 功能特色:比同類工具更強大的客製化選項

Logo87 具備簡單易用的設計功能,包括文字、字型、字重、自訂字體、文字顏色、背景顏色、文字大小、圓角、垂直和水平位置、旋轉等,也預設許多配色方案供使用者直接選擇套用。

依照 Logo87 開發者所述,這個工具是受到 Logo.Surf 啟發,不過 Logo.Surf 在客製化上不夠彈性,於是製作一款更多功能且支援從 Google Fonts 匯入字型的產生器,它們一樣都是網站標誌製作工具,而且介面上也很類似。

如果有需要自行設計圖示,但又不擅於操作繪圖軟體,Logo87 可以幫助你解決難題,趕快來試試看!

網站資訊

網站名稱:Logo87
網站鏈結:https://logo87.com/zh-TW

使用教學

操作步驟
進入編輯器並設定初始文字

開啟 Logo87 後有繁體中文介面可選擇,點選「開始使用」就會看到網站標誌編輯器,其實看起來和其他同類服務大同小異,在編輯設定時會即時顯示預覽,很容易就可以調整到自己需要的樣式。

稍微研究一下 Logo87 和 Logo.Surf 有什麼不同,主要有以下這些功能差異:

  • 可使用 Google Fonts 匯入自訂字體
  • 水平位置調整(Logo.Surf 僅有垂直位置調整功能)
  • 旋轉文字
  • 快速交換顏色
Logo87

第一步就先從文字設定開始,在「文字」欄位輸入要製作為標誌的文字,會直接顯示預覽。

Logo87

進階字體設定與匯入 Google Fonts

接著從字體、字重來調整字型樣式,Logo87 已經內建一些字體,很棒的是可以匯入 Google Fonts 字型並套用在標誌上,這個功能可以使用所有的 Google Fonts 字型,具有更大的彈性。

那麼要怎麼匯入自訂字體呢?

Logo87

首先從 Google Fonts 找到想要使用的字型,接著點選右上角「Get Fonts」按鈕,然後再從右側選擇「Get Embed Code」也就是取得嵌入代碼。

Logo87

從嵌入代碼找到一串最長的網址(如下圖箭頭),通常會以 fonts.googleapis.com 開頭,這段網址代表要在網頁載入的字型樣式,選取後將它複製到剪貼簿。

Logo87

返回 Logo87 把 Google Fonts 鏈結貼上,按下「載入」後如果成功就會顯示「字型已成功載入」,就可從編輯器去選擇特定的字型並套用在文字上囉!

Logo87

調整色彩與外觀細節

透過編輯器調整文字顏色、背景顏色、大小和圓角半徑,若對配色沒什麼概念,也能從下方「配色方案範例」找到各種顏色並快速套用色碼。

Logo87

善用水平位移與旋轉功能

前面有提到 Logo87 比較不一樣的功能,像是調整文字的水平位置、旋轉文字或交換顏色等,製作網站標誌時有更彈性、更多樣的變化。

Logo87

匯出 SVG、PNG 格式

完成後從圖示下方點選下載即可保存編輯後的成果,包括下載為 SVG、PNG 或是所有格式,如果不確定要怎麼將標誌加入開發專案,Logo87 也有提供對應的說明文件可參考。

Logo87

# Favicon# free favicon# Logo# Logo Design# Logo產生器# Logo製作# Logo設計# 免費favicon# 免費Logo# 圖像設計# 圖案設計# 圖片設計# 圖示# 圖示製作# 圖示設計# 產生器# 站長工具# 網站標誌# 網站開發# 線上工具# 設計# 設計工具
Pseric

Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

上一 文章 coolLabs Fonts:GDPR 友善的 Google Fonts 替代方案,兼顧隱私效能

相關文章

coolLabs Fonts:GDPR 友善的 Google Fonts 替代方案,兼顧隱私效能

coolLabs Fonts:GDPR 友善的 Google Fonts 替代方案,兼顧隱私效能

Z-Image 實測:阿里巴巴開發 AI 圖片生成器,速度快且無版權限制

Z-Image 實測:阿里巴巴開發 AI 圖片生成器,速度快且無版權限制

Encrypted DNS Party:蘋果裝置專用加密 DNS 描述檔集合!iPhone、Mac 一鍵安裝

Encrypted DNS Party:蘋果裝置專用加密 DNS 描述檔集合!iPhone、Mac 一鍵安裝

Pulsetic:支援 10 個目標的免費網站監測服務,可靠掌握斷線故障即時警報

Pulsetic:支援 10 個目標的免費網站監測服務,可靠掌握斷線故障即時警報

Lark 免費自訂域名企業信箱,零成本取代 Google Workspace

Lark 免費自訂域名企業信箱,零成本取代 Google Workspace

Globalping:免費全球網路測試平台,近 3000 個分散式探測節點

Globalping:免費全球網路測試平台,近 3000 個分散式探測節點

Tawk.to:免費線上客服系統教學,5 分鐘整合網站即時聊天

Tawk.to:免費線上客服系統教學,5 分鐘整合網站即時聊天

Kigen Color Generator:免費調色盤產生器,讓設計顏色更簡單

Kigen Color Generator:免費調色盤產生器,讓設計顏色更簡單

關於本站

免費資源網路社群標誌

免費資源網路社群(FreeGroup)成立於 2006 年,提供超過 5,000 篇關於免費軟體、APP、線上工具等七大主題的詳細圖文教學與心得推薦,致力於幫助使用者快速找到最佳的免費網路服務與數位工具。

使用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站更新,使用電子郵件接收通知。

最新文章

  • Logo87 免費網站圖示產生器:免註冊、支援 Google Fonts,快速設計專業標誌
  • coolLabs Fonts:GDPR 友善的 Google Fonts 替代方案,兼顧隱私效能
  • LINE 全新「偵測可疑網站」功能上線!聊天室防詐騙、釣魚網站教學
  • Insget:一鍵下載 Instagram 照片影片、Reels 與限時動態,完全免費且無浮水印
  • GPT Image 1.5 實測教學:速度提升 4 倍!與 Nano Banana Pro 中文圖片生成對比
  • Threads 圖片跑不出來?教你用擴充功能一招修復電腦版破圖問題
  • Threads 爆紅測驗!MBTI 認知功能人格測驗,找出你的真實人格
  • Gmail 全新「管理訂閱項目」功能:一鍵快速退訂電子報和促銷郵件!
  • 關於本站
  • 文章彙整
  • 聯絡我們
  • 隱私權政策

© 2025 免費資源網路社群使用 WordPress 建置