選單

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

得益於 App 資源庫的引入,我們可以在 iOS 14 中實現主螢幕圖示的「無縫替換」。大家的疑問也逐漸從「如何替換」變成了「替換成什麼」,如果你還苦於找不到好看的圖示包,不妨跟著這篇文章一起看看哪些網站有圖示包可以下載吧。

如果你還不知道如何「無縫」替換圖示,可以先閱讀這兩篇文章,學會如何用快捷指令或 Launch Center Pro 替換圖示,你也可以用像 iko 等專門替換 iOS 應用圖示的工具,實現更簡單的替換操作:

Iconscout

Iconscout 擁有相當豐富的圖示資源,無論是系統應用、辦公軟體還是社交平臺的圖示都可以在 Iconscout 上找到。Iconscout 上的圖示大多是扁平風格的圖示,同時也不乏像 iOS 11、Galaxy S8+ 這樣成套的系統圖標。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Iconscout

Iconscout 上的圖示基本都是透明背景的 PNG 檔案,如果你將它直接設定為圖示,則會被系統加上白色作為底色。即使你下載的是成套的系統圖標,也有可能因為圓角弧度不同而產生白邊。因此,在 Iconscout 下載圖示包後,最好能自己給它加上底色、調整邊緣,從而獲得更好的效果。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

左:調整前,右:調整後

Iconscout 有上千個免費的圖示包可供下載使用,有些圖示包需要付費購買或訂閱才可下載。如果你想快速找到適合用在系統裡的圖示,也可以在主頁下方的「All Categories」裡點選「User Interface Icons」來快速篩選。

Icons 8

點選訪問

Icons 8 最大的特色在於它透過圖示風格進行分類,並且大部分圖示都有不同風格的版本。你可以在多達 30 多種風格里,根據自己的喜好來搭配一套風格相同的圖示。Icons 8 支援下載為 PNG、SVG 和 PDF 格式。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Icons8

最令我驚喜的是,Icons 8 支援在下載圖示前進行自定義編輯。無論是圖示背景色,還是各元素的描邊、色彩都可以進行修改。不僅如此,你甚至還能在圖示上疊加小圖示,甚至是輸入自己的文字。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Icons8 支援編輯圖示

在 Icons 8 組一套圖示,就像在逛超市。你只需要選定風格,隨後在不同的類別下找到想要的圖示,進行自定義後點擊「+ Collection」即可將其放入收藏夾。在選完圖示後,直接在自己的收藏中一鍵下載即可,非常方便。

Flaticon

點選訪問

Flaticon 與 Iconscout 有些相似,都以扁平風格的圖示包為主。不過 Flaticon 擁有專門的 Icon Pack 分類,你可以點選主頁頂部的「Packs」快速篩選出圖示包。Flaticon 涵蓋了可愛的漫畫風、簡約的線條風等風格迥異的各種圖示。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Flaticon

有趣的是,在你點進某個圖示包後,你可以在標題下方更改當前圖示包的設計風格,可更改的風格會根據圖示包而有所不同。如果你看上了某套圖示,不妨點進去看看有沒有其他風格可改,也許你會因此獲得額外的驚喜。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

由於 Flaticon 提供的也都是透明背景的不規則圖示,因此你同樣需要自行為其新增背景色或調整邊緣才能獲得更好的效果。

Esty(付費)

點選訪問

Esty 本是一個線上交易平臺,也有不少使用者在上面售賣自己製作的圖示包。在 Esty 上直接搜尋「iOS 14 icons」即可找到許多設計精美的圖示包,由於這些圖示都是針對 iOS 14 進行設計的,購買後可以直接使用,無需再進行額外調整。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Esty

Esty 支援 Apple Pay、PayPal 和 VISA 等方式支付,根據實際測試,Esty 不支援使用 Apple Pay 繫結的銀聯單幣儲蓄卡進行支付。你可以將銀聯儲蓄卡繫結 PayPal(不限區域),隨後選擇 PayPal 進行支付,PayPal 會根據匯率使用人民幣結算並扣費。

由於 Esty 本質上還是一個商品交易平臺,在購買後會進入待發貨的流程,因此在購買前最好能透過站內私信的方式向賣家諮詢購買後如何下載,避免出現糾紛。

Gumroad(付費)

點選訪問(需要代理)

相較於前面提到的 Esty,同樣作為線上交易平臺的 Gumroad 則更側重於創意工作者的作品交易。在 Gumroad 中搜索「iOS 14 icons」,也能找到不少好看的圖示包。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Gumroad

雖然 Gumroad 是交易網站,但有些創作者也願意將自己的作品免費分享給別人使用。如果你想在 Gumroad 上找到這些免費資源,只需要在左側的過濾器中將價格區間改為 0 即可。

對於那些價格標注為 $0+ 的圖示包,你可以在購買前輸入你想要支付的價格(輸入 0 元即為免費下載)並加入購物車,隨後在購物車結賬即可。購買完成後可以點選「檢視內容」進行下載。如果你想購買付費圖示包,也可以透過信用卡或 PayPal 進行付款。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Icons-icons

點選訪問

Icons-icons 更適合那些願意折騰的人,你可以在網站搜尋想要的圖示,下載後還需要自行為它搭配色彩,製作背景。Icons-icons 也提供了圖示包的瀏覽與下載,支援 PNG 和 SVG 格式。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Icons-icons

事實上,Icons-icons 不乏優質的圖示。但往往都藏得比較深,需要你搜索並翻找才能發現它們。如果你願意花時間折騰出一套獨特的主螢幕圖示,Icons-icons 或許能為你的素材庫加入新鮮素材。

The Noun Project

點選訪問

The Noun Project 同樣是折騰愛好者的好去處,網站上的圖示多以簡約線條風格為主,需要自行為其搭配色彩和背景。你可以根據名稱來搜尋單個圖示,當然,如果你想搜尋圖示包的話,也可以試試搜尋「iOS」,隨後點選搜尋欄下方的「xx(數字) icon collections」來篩選。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

TheNoun Project

對了,在 The Noun Project 搜尋特定 App 的圖示時,可以嘗試用「描述」來替代「名稱」。比如搜尋「WeChat」,出來的圖示寥寥無幾,但如果輸入「Chat Bubble」,就能找到更多圖示。

設計師作品

除了上面提到的網站外,有不少個人設計師、設計團隊也製作了成套的 iOS 14 圖示包來銷售。看看下面這 3 個圖示包有沒有你喜歡的吧。

Traf

點選檢視

極簡風格的圖示包,含 120 個圖示,擁有黑、白、灰和鈷藍 4 種配色,享受終身升級。售價 $28,支援信用卡及 PayPal 支付。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Traf

Shari Design

點選檢視

配色各異的圖示包,每款售價 $20,包含 24 個圖示及一張桌布。這套圖示包價效比不算高,不同圖示包之間僅配色有差異,圖示設計完全相同。支援 Apple Pay、VISA、MasterCard 等支付方式。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

ShariDesign

Juice by Apply Pixels

點選檢視

設計精美的輕擬物風格圖示包,支援 macOS(ICNS)及 iOS(PNG)。售價 $9,含超過 40 個圖示,支援信用卡及 PayPal 支付。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

Juice

如何調整圖示

除了那些專門為 iOS 14 設計的圖示包外,你在絕大多數網站上下載的圖示都很難直接應用到 iOS 上。無論是因為不規則圖形而導致的比例、底色問題,還是因圓角弧度不同而導致的白邊問題,都十分影響觀感。如果你下載了這些圖示,可以嘗試自行調整,讓它們與 iOS 14 更好地搭配起來。

如何新增背景

要為圖示新增背景並不困難,用任何一個帶有圖層功能的圖片編輯工具,比如 Pixelmator、Affinity Photo 等都可以實現,我們甚至還能用免費的 Keynote 來做到這點。

這裡就以 Keynote 為例,我們需要先新建一個 Keynote 文件,並新增一個矩形,將它移到居中的位置,並放大到與頁面等高。這裡最好能直接居中建立一個正方形,方便在後續放置圖示時進行定位。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

新建矩形

隨後修改矩形的樣式,為它修改顏色或是加上漸變效果。當然,你也可以用自己喜歡的圖片作為背景。完成背景的編輯後,再將剛剛下載好的圖示新增到背景之上,並擺放到你喜歡的位置。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

設定背景

如果你想一次性製作多個圖示,則可以透過複製 / 新建幻燈片的方式,分別製作每個圖示。完成製作後,即可在選單中選擇「匯出 - 影象」,並在「幻燈片範圍」裡選擇需要匯出的圖示。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

匯出為影象

匯出完成後,你就將得到幻燈片尺寸的圖示。但你還需要將它裁切為正方形才能更好地用作圖示。你可以利用我做的批次裁切快捷指令快速將它們裁切成正方形。

調整圖示邊緣

以 Iconscout 的 Galaxy S8+ 圖示包為例,這套圖示如果不加處理直接用於 iOS 的話,邊緣會形成相當難看的白邊。不僅如此,這套圖示自帶了陰影效果,如果直接新增背景的話,最終效果也不理想。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

三種效果對比

因此,我們不但要為圖示新增底色來解決白邊問題,還得利用遮罩功能來去除陰影效果,只留下我們需要的圖示主體。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

從圖示吸取顏色

接著,我們選中圖示,在樣式設定裡選擇「影象」並點選「編輯遮罩」。當然,你也可以直接雙擊圖示快速進入編輯狀態。拖動四周的把手直到將陰影部分排除在外即可。

iOS 14 支援「換圖示」了,好看的圖示包哪裡找?

把陰影部分排除在外

隨後,按照先前的方法匯出影象並裁切即可完成。此方法適用於背景色單一的圖示,如果遇到一些背景複雜的擬物風圖示,則我更建議直接透過裁切的方式來避免白邊。這樣雖然會在一定程度上影響圖示的大小比例,但對於普通使用者來說更加方便且友好。

你還知道哪些好看的圖示包?歡迎在評論區與我們一同分享。

瓜分6666元現金紅包!領取8%+理財券,每日限額3000份!