字體設計 ( Font ) 在畫面中決定是畫龍點睛的關鍵角色之一,然而,對於很多非受過美術、設計本科系訓練的人來說,要從零開始設計一套字體、字型,所耗費的心力跟時間成本實在是太大了。
拜圖像識別的技術日益強大,這幾年早有很方便的「以圖搜尋」網路線上服務,可以讓我們在上千成萬的字型裡,以最有效率的方式找到所需要的字型,以付費或免費的方式取得它,並使用在自己的設計作品上。
今天分享一個由 MyFonts 推出的線上以圖片比對找字型的服務 –「WhatTheFont」,只需 3 步驟,上傳任一你想知道的字體圖片 / 照片,透過他們的圖片辨識技術,快速知道對應的字體的字型名稱~
WhatTheFont 免費線上工具|看到喜歡的字體不用擔心找不到了
1. 字型只要看得到就有機會找得到
🙌 WhatTheFont 怎麼辦到的 ? ( How it works ? )
「WhatTheFont」 使用了深度學習的圖片辨識搜尋技術,只需上傳你想要找的字體圖片,網站將比對超過 13 萬個字型設計,給予你對應的相似比對結果 ( 包含字體名稱跟下載載點連結 )。
🙌 WhatTheFont 怎麼辦到的 ? ( How to start a font hunting? )
「WhatTheFont」網站使用相當直覺容易,不過下面也有準備簡單畫面教學,提供需要的朋友參考,在開始之前,請先記得以下幾個條件,會更方便你快速使用找到想要的字型:
1. 上傳的圖片解析度越高越好。
2. 上傳的圖片內容中,要有你想要找的字型字母。
3. 字型字母的輪廓越清楚分明越好。
4. 字型字母數量越多越好,方便辨識結果更準確。
5. 字型字母需要為直式格式 ( 不要是斜的、變形、橫的 ),方便辨識結果更準確。
2. 3 步驟使用教學
工具名稱:WhatTheFont
官方連結:傳送門
STEP 1
準備好要搜尋查找的圖片,進入 「WhatTheFont」 網頁。
👇 可以直接拖曳圖片到畫面中的虛框,或是點擊下底線的文字按鈕 > 上傳圖片。
※ 注意,圖片格式只限定 PNG 或是 JPG。
STEP 2
上傳的圖片,可以先在自己電腦或手機裁切好,若沒有裁切的話也沒關係,在這個步驟可以做簡易裁切設定。
👇 圖片上傳完後,會直接預覽顯示在畫面上,這時候下面會有 3 個功能選項:
1. 藍色圓形箭頭:確認畫面沒問題後,點選下一步看結果。
2. 畫面旋轉:可選擇向左或向右 90 度,或是每 10度旋轉畫面,最後結果請讓字型字母是直式的狀態。
3. 畫面裁切:若圖片當中有多種字體,可選擇特定字母或區塊來辨識自己想尋找的字型字體。
※ 不管在哪一個功能,只要畫面確認是好的,只要點中間的藍色圓形箭頭,下一步就會出現辨識結果。
STEP 3
👇 不需 1 秒,搜尋結果就會在右側出現,有 Myfonts 裡面資料庫所有比對的結果,包含字體名稱、費用、購買跟下載連結。
※ 經本人實測,雖然一張圖片使用的字母相同,但有時因為辨識的字母、區域不同,會讓結果也有些許不同,所以如果有時沒有一次找到自己想要的字型,可以用不同圖片或字母多試幾次。
3. 其他進階功能
👇 「WhatTheFont」也提供了文字套上字型預覽的功能,只要在文字框中,輸入想要的文字,下方的每一個字型就會自動更新成對應的字型字體預覽,方便快速感受跟想像該字體是不是適合自己的,旁邊亦提供調整字體大小做使用需要。
※ 提供的預覽圖沒有鎖圖片下載,所以可以存為做設計 Demo ( 方法大家自己知道囉 )。
4. 結語
相信對於視覺設計在意的你,路上或網路上看到喜歡的字體設計一定都心癢癢會很想收藏,尤其當自己要應用在畫面設計上時更會有「字體到用時方恨少」的想法出現🤣
從現在起,請把 「WhatTheFont」 加入你的最愛工具書籤,相信未來你在做設計時,在字體應用上一定更加得心應手!
倘若真的還是找不到想要的字體名稱,也可以試著到「字嗨」社團發文詢問網海高手~
5. 同場加映
除了英文字體,中文字體一樣使用「以圖搜尋」方式尋找,可參考下面這篇文章教學。
👇 設計必備|3 分鐘學會中文字體搜尋技巧|識字體 hant.likefont.com
👇 數位煉金術|上網賣照片|2 大圖庫實測投稿、審核技巧、販售心得
支持 & 贊助
👋 覺得文章有幫助嗎?你的回饋鼓勵將是我們持續創作的動力!
謝謝每一位造訪的各位,歡迎透過以下有價或無價的方式,給予我們支持提供更多更好的內容給大家!🤙🤙:
1. 更多精彩豐富內容,請追蹤以下平台。
2. 透過連結完成訂單,你獲得優惠也讓我們獲取些許分潤。
- 旅遊行程 & 票劵:Klook|KKday|GetYourGuide
- 住宿:Booking.com|Agoda|Hostelworld
- 機票:Trip.com|WayAway
- 租車:Rentalcars.com|Getrentacar.com
3. 小額 Donate 贊助喝杯咖啡 ( Red Bull 也不錯 )。
- 小額贊助支持:綠界ECPAY|BuyMeaCoffee|街口支付
- 加密貨幣贊助支持:幣安 ( 276682866 )|Metamask – Ethereum ( ERC20 )
4. 到下方的拍手👏動動手指按讚 5 次 ( 建議使用 Google 或 Facebook 做快速登入 )。