這週身邊不少朋友把 iPhone 更新到 iOS14,除了各個官方 APP 介面翻新之外,最有趣的莫過於能在 Home 介面添加的 Widget 了,國外甚至吹起了一股展現個人化桌面的風潮,我們就來看看大家是怎麼做的 👀 以及這會給使用者帶來什麼改變吧!
#ios14homescreen
只要在 Twitter 上面打上這串 hashtag,就能看到大家魔改 Home 介面的結果,有些人把 icon 中的圖形去掉只留顏色,搭配幾張照片,瞬間變得更有質感; 有網友則是每頁都要不同的顏色,再調整 Widget 的外觀,讓每一頁都是不同的風格; 其中 Traf 還順勢推出了黑白兩款極簡風格的 icon 設計, 提供大家 (付費) 下載。
I have mine colour coded pic.twitter.com/zK4UhMoLcF
— Flynn Campbell (@flncbl) September 20, 2020
finished my ios14 homescreen ♡ #iOS14 #ios14homescreen pic.twitter.com/VsZSmSIeTE
— ˑ༄ؘ ۪۪۫۫ ▹ ♡ ◃ ۪۪۫۫ ༄ؘ ˑ (@roseadiance) September 20, 2020
Current iOS 14 home screen setup. pic.twitter.com/gtFjRnMkq7
— Traf (@traf) September 20, 2020
Shortcut
話說回來,為什麼大家的 icon 都是客製化的呢?這其實是使用了 iOS 裡面 「Shortcut」 這個 app 的功能,Shortcut 就是執行一連串動作的捷徑,你可以在這裡學習如何加一個 Shortcut,搭配下面網友的教學,在最後要將 shortcut 加入 Homescreen 時放上自己相簿裡面的照片!
This is the video I watched to do my ios14 layout :) #ios14homescreen #iOS14 pic.twitter.com/FQdMm8vsT8
— dayeon 🪐 (@dayccc) September 19, 2020
如果你想要一系列精美的 icon ,可以直接在手機上收尋這類的 icon 網站 (icons8),並找到適合的一個個把他們加入手機相簿,或是先在電腦上用更易於編輯圖像的工具製作,如 Figma、Photoshop...等等,再一次 airdrop 到手機中。這裡提供一份 Figma File,大家可以簡單嘗試之後,去探索更多不一樣風格的設計 (還不清楚 Figma 是什麼工具的朋友可以看看這份教學分享)
iOS14 Widget
在前面介紹完客製化 icon 之後,就進入今天的重點 — Widget 吧!這個 Andriod 行之有年的功能竟然到最近才推出,而且目前的豐富度還還欠佳,能客製化的 app 有限。
Widget 讓使用者不用打開 app 就可以接收到要帶給使用者的一些資訊,只要長按 Home 介面一陣子直到 App 們開始晃動,再按下左上角 "+" 即可以選擇加入不同的 Widget,你還可以設定 2x2、4x2、4x4 三種尺寸,設定好後加入 Home 介面就完成了!
目前在受大家使用的是這款 Widgetsmith ,可以加入時鐘、天氣並修改亮色、暗色主題、字體風格等等,是一個入門簡單的 Widget
Introducing Widgetsmith. Fully customizable, scheduleable widgets for iOS 14, including widgets for Date, Time, Weather, Calendar, Reminders, Health, Tides & Astronomy. You choose the fonts, colors and appearance. Take control of your home screen. https://t.co/7BLTa31r3z pic.twitter.com/hUIbn01x3I
— David Smith (@_DavidSmith) September 16, 2020
其他如運動作息習慣工具 Tangerine 、 簡約日曆 Dawn (好像是台灣人做的!還上了 Producthunt #1 🍺)、照片編輯工具 Bazaart,都提供了 Widget 的功能,讓探索、紀錄可以呈現在 app 本身之外,有時候不經意來回滑動頁面,你就會被內容吸引,又點進去 app 裡面了
你是正在開發 app 的人嗎?有什麼有趣的 app widget 你已經開始在使用了呢?這裡 有更多 Widget 的介紹,今天抽空探索看看吧!
Design Tips Today:
-
🤘 We are Designtips
- ❓ 有任何問題嗎?歡迎直接在文章內進行留言
- ⭐️ 喜歡 Design Tips 嗎?歡迎分享給親朋好友!
- 👏🏼 我們下次見