得益于 App 資源庫的引入,我們可以在 IOS 14 中實現主屏幕圖標的「無縫替換」。大家的疑問也逐漸從「如何替換」變成了「替換成什么」,如果你還苦于找不到好看的圖標包,不妨跟著這篇文章一起看看哪些網站有圖標包可以下載吧。
如果你還不知道如何「無縫」替換圖標,可以先閱讀這兩篇文章,學會如何用快捷指令或 Launch Center Pro 替換圖標,你也可以用像 iko 等專門替換 iOS 應用圖標的工具,實現更簡單的替換操作:
Iconscout
Iconscout 擁有相當豐富的圖標資源,無論是系統應用、辦公軟件還是社交平臺的圖標都可以在 Iconscout 上找到。Iconscout 上的圖標大多是扁平風格的圖標,同時也不乏像 iOS 11、Galaxy S8+ 這樣成套的系統圖標。
Iconscout
Iconscout 上的圖標基本都是透明背景的 PNG 文件,如果你將它直接設置為圖標,則會被系統加上白色作為底色。即使你下載的是成套的系統圖標,也有可能因為圓角弧度不同而產生白邊。因此,在 Iconscout 下載圖標包后,最好能自己給它加上底色、調整邊緣,從而獲得更好的效果。
左:調整前,右:調整后
Iconscout 有上千個免費的圖標包可供下載使用,有些圖標包需要付費購買或訂閱才可下載。如果你想快速找到適合用在系統里的圖標,也可以在主頁下方的「All Categories」里點擊「User Interface Icons」來快速篩選。
Icons 8
Icons 8 最大的特色在于它通過圖標風格進行分類,并且大部分圖標都有不同風格的版本。你可以在多達 30 多種風格里,根據自己的喜好來搭配一套風格相同的圖標。Icons 8 支持下載為 PNG、SVG 和 PDF 格式。
Icons 8
最令我驚喜的是,Icons 8 支持在下載圖標前進行自定義編輯。無論是圖標背景色,還是各元素的描邊、色彩都可以進行修改。不僅如此,你甚至還能在圖標上疊加小圖標,甚至是輸入自己的文字。
Icons 8 支持編輯圖標
在 Icons 8 組一套圖標,就像在逛超市。你只需要選定風格,隨后在不同的類別下找到想要的圖標,進行自定義后點擊「+ Collection」即可將其放入收藏夾。在選完圖標后,直接在自己的收藏中一鍵下載即可,非常方便。
Flaticon
Flaticon 與 Iconscout 有些相似,都以扁平風格的圖標包為主。不過 Flaticon 擁有專門的 Icon Pack 分類,你可以點擊主頁頂部的「Packs」快速篩選出圖標包。Flaticon 涵蓋了可愛的漫畫風、簡約的線條風等風格迥異的各種圖標。
Flaticon
有趣的是,在你點進某個圖標包后,你可以在標題下方更改當前圖標包的設計風格,可更改的風格會根據圖標包而有所不同。如果你看上了某套圖標,不妨點進去看看有沒有其他風格可改,也許你會因此獲得額外的驚喜。
由于 Flaticon 提供的也都是透明背景的不規則圖標,因此你同樣需要自行為其添加背景色或調整邊緣才能獲得更好的效果。
Esty(付費)
Esty 本是一個在線交易平臺,也有不少用戶在上面售賣自己制作的圖標包。在 Esty 上直接搜索「iOS 14 icons」即可找到許多設計精美的圖標包,由于這些圖標都是針對 iOS 14 進行設計的,購買后可以直接使用,無需再進行額外調整。
Esty
Esty 支持 Apple Pay、PayPal 和 VISA 等方式支付,根據實際測試,Esty 不支持使用 Apple Pay 綁定的銀聯單幣儲蓄卡進行支付。你可以將銀聯儲蓄卡綁定 PayPal(不限區域),隨后選擇 PayPal 進行支付,PayPal 會根據匯率使用人民幣結算并扣費。
由于 Esty 本質上還是一個商品交易平臺,在購買后會進入待發貨的流程,因此在購買前最好能通過站內私信的方式向賣家咨詢購買后如何下載,避免出現糾紛。
Gumroad(付費)
相較于前面提到的 Esty,同樣作為在線交易平臺的 Gumroad 則更側重于創意工作者的作品交易。在 Gumroad 中搜索「iOS 14 icons」,也能找到不少好看的圖標包。
Gumroad
雖然 Gumroad 是交易網站,但有些創作者也愿意將自己的作品免費分享給別人使用。如果你想在 Gumroad 上找到這些免費資源,只需要在左側的過濾器中將價格區間改為 0 即可。
對于那些價格標注為 $0+ 的圖標包,你可以在購買前輸入你想要支付的價格(輸入 0 元即為免費下載)并加入購物車,隨后在購物車結賬即可。購買完成后可以點擊「查看內容」進行下載。如果你想購買付費圖標包,也可以通過信用卡或 PayPal 進行付款。
Icons-icons
Icons-icons 更適合那些愿意折騰的人,你可以在網站搜索想要的圖標,下載后還需要自行為它搭配色彩,制作背景。Icons-icons 也提供了圖標包的瀏覽與下載,支持 PNG 和 SVG 格式。
Icons-icons
事實上,Icons-icons 不乏優質的圖標。但往往都藏得比較深,需要你搜索并翻找才能發現它們。如果你愿意花時間折騰出一套獨特的主屏幕圖標,Icons-icons 或許能為你的素材庫加入新鮮素材。
The Noun Project
The Noun Project 同樣是折騰愛好者的好去處,網站上的圖標多以簡約線條風格為主,需要自行為其搭配色彩和背景。你可以根據名稱來搜索單個圖標,當然,如果你想搜索圖標包的話,也可以試試搜索「iOS」,隨后點擊搜索欄下方的「xx(數字) icon collections」來篩選。
The Noun Project
對了,在 The Noun Project 搜索特定 App 的圖標時,可以嘗試用「描述」來替代「名稱」。比如搜索「WeChat」,出來的圖標寥寥無幾,但如果輸入「Chat Bubble」,就能找到更多圖標。
設計師作品
除了上面提到的網站外,有不少個人設計師、設計團隊也制作了成套的 iOS 14 圖標包來銷售??纯聪旅孢@ 3 個圖標包有沒有你喜歡的吧。
Traf
極簡風格的圖標包,含 120 個圖標,擁有黑、白、灰和鈷藍 4 種配色,享受終身升級。售價 $28,支持信用卡及 PayPal 支付。
Traf
Shari Design
配色各異的圖標包,每款售價 $20,包含 24 個圖標及一張壁紙。這套圖標包性價比不算高,不同圖標包之間僅配色有差異,圖標設計完全相同。支持 Apple Pay、VISA、MasterCard 等支付方式。
Shari Design
Juice by Apply Pixels
設計精美的輕擬物風格圖標包,支持 macOS(ICNS)及 iOS(PNG)。售價 $9,含超過 40 個圖標,支持信用卡及 PayPal 支付。
Juice
如何調整圖標
除了那些專門為 iOS 14 設計的圖標包外,你在絕大多數網站上下載的圖標都很難直接應用到 iOS 上。無論是因為不規則圖形而導致的比例、底色問題,還是因圓角弧度不同而導致的白邊問題,都十分影響觀感。如果你下載了這些圖標,可以嘗試自行調整,讓它們與 iOS 14 更好地搭配起來。
如何添加背景
要為圖標添加背景并不困難,用任何一個帶有圖層功能的圖片編輯工具,比如 Pixelmator、Affinity Photo 等都可以實現,我們甚至還能用免費的 Keynote 來做到這點。
這里就以 Keynote 為例,我們需要先新建一個 Keynote 文檔,并添加一個矩形,將它移到居中的位置,并放大到與頁面等高。這里最好能直接居中創建一個正方形,方便在后續放置圖標時進行定位。
新建矩形
隨后修改矩形的樣式,為它修改顏色或是加上漸變效果。當然,你也可以用自己喜歡的圖片作為背景。完成背景的編輯后,再將剛剛下載好的圖標添加到背景之上,并擺放到你喜歡的位置。
設置背景
如果你想一次性制作多個圖標,則可以通過復制 / 新建幻燈片的方式,分別制作每個圖標。完成制作后,即可在菜單中選擇「導出 - 圖像」,并在「幻燈片范圍」里選擇需要導出的圖標。
導出為圖像
導出完成后,你就將得到幻燈片尺寸的圖標。但你還需要將它裁切為正方形才能更好地用作圖標。你可以利用我做的批量裁切快捷指令快速將它們裁切成正方形。
調整圖標邊緣
以 Iconscout 的 Galaxy S8+ 圖標包為例,這套圖標如果不加處理直接用于 iOS 的話,邊緣會形成相當難看的白邊。不僅如此,這套圖標自帶了陰影效果,如果直接添加背景的話,最終效果也不理想。
三種效果對比
因此,我們不但要為圖標添加底色來解決白邊問題,還得利用遮罩功能來去除陰影效果,只留下我們需要的圖標主體。
這些步驟同樣可以利用 Keynote 來完成。首先,我們同樣需要創建矩形、導入圖標。隨后在編輯矩形樣式時,選擇「顏色」并向左滑動,點擊下方的色彩滴管,隨后點擊圖標的背景色部分。
從圖標吸取顏色
接著,我們選中圖標,在樣式設置里選擇「圖像」并點擊「編輯遮罩」。當然,你也可以直接雙擊圖標快速進入編輯狀態。拖動四周的把手直到將陰影部分排除在外即可。
把陰影部分排除在外
隨后,按照先前的方法導出圖像并裁切即可完成。此方法適用于背景色單一的圖標,如果遇到一些背景復雜的擬物風圖標,則我更建議直接通過裁切的方式來避免白邊。這樣雖然會在一定程度上影響圖標的大小比例,但對于普通用戶來說更加方便且友好。
你還知道哪些好看的圖標包?歡迎在評論區與我們一同分享。