首頁>數碼>

隨著 Big Sur 正式版推送,macOS 的 UI 風格也算是進入了新的階段,其中最直觀的就是應用圖示都變成了類似 iOS/iPadOS 的樣式。

說是類似,因為 Big Sur 和 iOS 目前的圖示風格確實有一些不一樣。幾乎一致的圓角矩形,但 iOS 14 的圖示風格是完全的扁平化,而 Big Sur 的圖示則保留了細節陰影部分,顯得更有層次感,甚至部分圖示還特地加上了一些不易察覺的細節,如郵件圖示上的文字「APPLE PARK CALIFORNIA 95014」,也就是 Apple Park 的地址。

在各家的作業系統中,軟體開發者對蘋果 iOS、macOS 新特性適配的速度算是很快的了。從 6 月底放出首個開發者測試版,到 11 月 13 日正式版推送,接近 5 個月的時間,除了蘋果自家應用已經基本換上新的圖示之外,第三方應用還有不少有待跟進。

因此,今天更新 Big Sur 正式版的使用者就得先適應圖示風格不統一的問題,對於一些小眾應用可能需要等待的時間更長,甚至已經停止更新。

Big Sur 圖示庫幫你實現「統一」

雖然說在 Big Sur 之前的版本,macOS 一直沿用著擬物風格圖示,本身就不統一,反而不會覺得有什麼不合適。一旦更新到正式版,系統自帶軟體一致變身圓角矩形,再看形態各異的第三方圖示多少會刺激到一些強迫症患者。

如果等不及官方的逐一適配,不妨自己動手替換吧。畢竟這五個多月的時間裡,已經有大量使用者分享了自己製作的新版 icns 檔案。

先來預覽下我自己替換掉圖示之後的一屏效果吧~

一直以來,有不少使用者都在 GitHub、Dribbble、Behance 等平臺分享自己製作的應用圖示,Big Sur 釋出之後則更盛。為了方便,如果都能從一個來源找到當然是最好,也確實有網友專門建立了一個適配 Big Sur 風格的圖示庫。

使用這個圖示庫,不僅僅是為了替換還未適配 Big Sur 的應用圖示,如果系統或者第三方應用預設的圖示不好看,也可以直接替換。

對於未升級 macOS Big Sur 的使用者來說,一旦第三方應用全部適配圓角矩形圖示,系統本身的擬物化圖示就顯得比較突兀,利用此圖示庫或者單獨下載 Big Sur 系統軟體圖示替換也能實現統一。

還有一類軟體本身就採用的是圓角矩形圖示,但和 macOS Big Sur 系統風格圖示相比,大小不一,放在一起顯得參差不齊,因此還是需要替換。

根據 ICON 設計模板手動製作圖示

不過,雖然這個圖示庫中已經收錄超過 1000 個圖示,但總會有一些你電腦上安裝的沒能找到適配,例如阿里旺旺、飛書、TinyPNG4Mac 等,從其它平臺中搜應該也能找到,或許自己動手製作會更快。

一旦新版本釋出,蘋果官方一般都會及時給出新的設計素材,有 Sketch、PS 以及 XD 不同版本;其次,本文所提到的圖示庫網站上也提供了製作 Big Sur 風格圖示的設計素材,支援 Sketch、Figma、Illustrator、Photoshop 四個不同型別檔案。

我一直比較喜歡保留官方原版風格,所以我更傾向於選擇官方的設計素材來製作。下載之後,找到製作 icon 的 PSD 檔案。

設計素材基本只給了圖示大小、圓角以及陰影的參考,肯定還是具有很大的可定義空間的,甚至可以不用拘泥於規規矩矩的輪廓,略微超出一些範圍也並不會影響整體的統一性,官方的部分圖示就是比較好的例子。

不是每個人都有設計基礎,如果你跟我一樣,只是希望製作一個簡單 Big Sur 風格的圖示來替代,只需要基於原來的圖示稍加修改即可,可以新增投影、漸變色背景來讓圖示不那麼單調。

在 Photoshop 中製作完成到處 PNG,可以利用 Image2Icon(免費版足夠用)來將 PNG 轉換成 icns 格式,即可直接替換掉應用預設圖示了,格式轉換過程使用其它軟體應該也是沒有問題的。

這是我使用設計素材對幾個暫時沒有適配的圖示進行了小幅修改,並且還厚著臉皮提交到了上述圖示庫。並且僥倖過了審,希望不要嫌棄,hhh……

第三方應用大量適配尚需時日

有了這個 Big Sur 圖示庫,手動替換的成本確實降低了很多,而且不少網友製作的圖示美觀度要比官方適配的出色。即便一些小眾軟體沒辦法啊找到直接可用的圖示,利用官方提供的設計素材也能夠很快生成一個合適的圖示。

雖然看起來有點折騰,但當全部圖示全部更新之後看著滿屏的整齊風格,卻有一絲成就感。

相信在接下來的一段時間裡,常用的應用都會逐一適配 Big Sur 的圖示風格,如果沒時間去折騰,那就耐心等待吧。而當絕大多數第三方軟體圖示統一之後,還在堅守舊版本 macOS 的朋友,不知道會不會開始折騰系統圖標……

1579
最新評論
  • 1 #

    直接把圖示拉到簡介上覆蓋就可以了嗎[what]

  • 2 #

    網易雲的圖示就是我畫的

  • 雙11 神舟放大招,11代i7筆電直降1100?
  • 小白買手機不知道怎麼選?雙模5G+價效比,考慮這三款就夠了