今天要介紹的「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 已經內建一些字體,很棒的是可以匯入 Google Fonts 字型並套用在標誌上,這個功能可以使用所有的 Google Fonts 字型,具有更大的彈性。
那麼要怎麼匯入自訂字體呢?
首先從 Google Fonts 找到想要使用的字型,接著點選右上角「Get Fonts」按鈕,然後再從右側選擇「Get Embed Code」也就是取得嵌入代碼。
從嵌入代碼找到一串最長的網址(如下圖箭頭),通常會以 fonts.googleapis.com 開頭,這段網址代表要在網頁載入的字型樣式,選取後將它複製到剪貼簿。
返回 Logo87 把 Google Fonts 鏈結貼上,按下「載入」後如果成功就會顯示「字型已成功載入」,就可從編輯器去選擇特定的字型並套用在文字上囉!
透過編輯器調整文字顏色、背景顏色、大小和圓角半徑,若對配色沒什麼概念,也能從下方「配色方案範例」找到各種顏色並快速套用色碼。
前面有提到 Logo87 比較不一樣的功能,像是調整文字的水平位置、旋轉文字或交換顏色等,製作網站標誌時有更彈性、更多樣的變化。
完成後從圖示下方點選下載即可保存編輯後的成果,包括下載為 SVG、PNG 或是所有格式,如果不確定要怎麼將標誌加入開發專案,Logo87 也有提供對應的說明文件可參考。
