【iPhone客製術】手把手從 Gumroad 下載免費主題,客製化自己的 iPhone 主頁!

Ebb Sanchez
8 min readOct 16, 2020
Credit: 9to5mac

自 iOS 14發佈之後 iOS14可以放 Widgets 與運用「捷徑」的方式,客製化 icons 了!先不論是不是向 Android 靠攏,社群上的創意設計大爆發是有目共睹的!今天就來教你怎麼從無到有客製化 iPhone 主頁吧!

想看看別人都怎麼客製化自己的 iPhone 嗎? @fuji.ios14 這個帳號搜集了一系列 ios14的克制靈感。

目錄

  • What you need? 事前準備
    — — 從Gumroad下載客製化素材
  • STEP1. 設定桌布
  • STEP2. 快速(懶人)新增一個好看的時鐘 Widgets
  • STEP3. 客製化 icon: 運用「捷徑」裡的「開啟App」功能
  • STEP4. 加入照片至主頁:利用 Widgetsmith 製作自己的 Quote 輪播
  • 結語
  • Bonus! 覺得跳轉兩次頁面很煩怎麼辦
  • Bonus2! 如何製作自己的 icon ?
  • Bonus3! 影片支援

What you need? 事前準備

  • 更新至 iOS 14
  • 從 AppStore 下載 Widgetsmith (AppStore連結) → 會用這個軟體製作 相片Widgets
  • 從 AppStore 下載 Color Widgets (AppStore連結)→ 會用這個軟體製作好看的 時鐘 Widgets
  • 一組 icons 圖檔 (下文有免費資源連結)
  • 搭配的桌布 (包含在資源檔裡面)

從Gumroad下載客製化素材

  1. 從 Gumroad 下載素材包
  2. 解壓縮

我們要從 Gumroad 這個網站找免費的圖檔資源,這裏推薦一個質感不錯的免費資源給大家做範例。

Bluey iOS 14 icon set

Gumroad — Bluey iOS 14 icon set 下載連結

這是個自由出價的網站,輸入”0 元”,然後按下 Add to Cart 並checkout,就能夠成功獲得下載連結!

下載之後會獲得一個 zip 檔。記得將他解壓縮,讓他變成一個資料夾。晚點我們就能從這裡存取圖片。

STEP1. 設定桌布

  1. 從解壓開的資料夾裡 找到 Background/iPhone Wallpaper
  2. 下載至手機
  3. 設定桌布

從我們剛剛解壓縮的 下載項目/Blue iOS 資料夾裡(如果不小心跳出畫面,可以搜尋 “file” 或是 “檔案” 就能找到)打開 Background/iPhone Wallpaper. 點左下角的分享,並點擊「儲存」

下載好之後,老樣子的方式設定好我們的桌面(小聰明們應該都知道怎麼設定桌面吧?若有人不會設定桌面,我再補教學。)

STEP2. 快速(懶人)新增一個好看的 時鐘 Widgets!

  1. 打開 Color Widgets
  2. 找到我們要的彩色時鐘,點擊 Set Widgets
  3. 回到桌面,新增 Color Widgets 小工具

雖然稍後用到的 Widgetsmith 也有內建時鐘,但個人覺得 Color Widgets 的時鐘更加時髦好看,並提供了許多 Ready to use 的 Widgets!! 相比 Widgetsmith 需要一步一步自己找圖、製作, Color Widgets更適合你我(還是只有我?)這樣的懶人。

  1. 點擊進 Color Widgets 之後,選取 Gradients 介面裡的時鐘,
  2. 點選 “Set Widgets”
  3. iPhone 首頁點選 + 新增小工具
  4. 搜尋並點選 “Color widgets”
  5. 加入一個 中型 大小的 Widgets

到目前為止,桌布跟時鐘都就定位了!
我們的桌面應該長起來像這樣👇

STEP3. 客製化 icon : 運用「捷徑」裡的「開啟App」功能

  1. 用捷徑 app 新增「打開App」的捷徑
  2. 將 icon 設置成我們剛剛下載的圖

iOS14 多了一個官方 App, 捷徑。他提供你建立自己的按鈕,並可以客製化執行「動作」。例如,你可以設置一個新捷徑,讓他一次開啟所有鬧鐘。

而我們要用到的動作為「打開APP」,以下流程示範如何建立一個 客製化 icon. 這裡我們依序

  1. (左圖)進到捷徑 app
  2. 點選右上角的 + 新增捷徑
  3. 點選加入動作
  4. 搜尋「打開app」,並點擊加入動作
  5. (右圖)設定好要開啟的 App之後,點選右上久的三個小點點
  6. 這裡我們依序 點擊下面的 icon, 選擇檔案並從我們下載的圖庫裡選擇適當的icon > 更改捷徑名稱為 想要顯示的名稱 > 點擊加入

(左圖)這是早些下載的圖庫,選擇檔案時從這裡面挑適當的圖。
(右圖)完成後應該會長這樣 (此圖為 instagram的 範例)

將App 一個一個加入完成後,我們的桌面現在變這樣!

STEP4. 加入照片至主頁:利用 Widgetsmith 製作自己的 Quote 輪播

  1. 用 Widgetsmith 新增一個 Small widgets
  2. Widgets 的 Style 設定成 Photos in album, 並設定好相簿
  3. 回到桌面,按 + 新增 Widgetsmith 的小工具,選擇 Small, 加入首頁
  4. 再新增一些想要的 Widgets
  5. 完成

接下來剩下照片集了!我們用Widgetsmith可以做照片輪播的Widgets.
按照以下依序操作

  1. (左圖)打開一開始下載的 Widgetsmith
  2. 點擊第一個 Small #1 進去編輯 Widgets
  3. 在 “Style” 的欄位裡面,我們找到 Custom 裡的 “Photos in albums”. 你的畫面跟我可能會有點不一樣,但沒關係。
  4. (右圖)下面應該會有一個 ”Selected Album“ 的選項,點進去並選擇欲播放的相簿
  5. 再來,回到桌面,一樣在新增小工具的畫面點選 “Widgetsmith” (跟早些新增 Color Widgets的方式一樣)
  6. 確定選中的是Small之後,點選下面的加入小工具

恭喜一起辛苦走到這裡的各位大功告成啦!!!

這是現在會有的畫面,我們可以再加入 Spotify 的 Widgets 裝飾一下,並把常用的 icon 移到最底下。

你的第一個客製化完成了!!依照這個邏輯,只要你想得出來、並且蒐集 / 製做出相對應素材的 icon, 你可以自由設計你的桌面,依照自己的風格做出獨一無二的排版。

結語

用這兩個功能,iPhone的首頁不再是死板板的同一個老樣子。你有無限的可能做出自己喜歡的色調。網路上也有許多資源可以做搜尋。

Instagram Gallery : 獲得靈感

Gumroad Market:可以搜尋與下載免費素材

Etsy:購買好看、喜歡的素材!

歡迎與我分享更多資源!

Bonus! 覺得跳轉兩次頁面很煩怎麼辦

因為是用「捷徑」的關係,沒有辦法完全避免跳兩次。但我們可以加快他的反應速度

  1. 從設定裡找到「輔助使用」
  2. 裡面點選「動態效果」
  3. 開啟「減少動態效果」

如此一來,就會從坑長的反應速度,變成幾乎一瞬間的反應

Credit: KnowTechie
Credit: KnowTechie

Bonus2! 如何製作自己的 icon ?

我們可以利用 Canvas 這個軟體。並選擇 製作Instagram 貼文來獲得一個正方形的畫布。 Canvas裡面有一個極其好用的功能是「增加插圖」,你可以直接搜尋適合的向量圖來做你要的 icon.

底下第二個影片也有教學如何製作 icon, 有興趣者參考。

Bonus3! 影片支援

如果有對哪個細節不熟的,可以看這兩個影片,都有非常完整的教學呦!

--

--

Ebb Sanchez

我們努力走向死亡,至始至終。我們所能做的,僅是讓那一刻華美如永恆。