近期文章更新


設計iOS平台上的實時活動(動態島)

實時活動(Live Activities)是蘋果平台上,設計更加活潑多樣、色彩更鮮明的通知樣式,用來幫助使用者追蹤進行中的操作進度。在具有膠囊型感測器挖孔的機型上,實時活動的動畫甚至還會配合挖孔形狀,形成膠囊靈動地放大、縮小的視覺效果。

隨著具有膠囊型挖孔(動態島)的iPhone愈來愈多,實時活動已成為iOS體驗中的重要部分,從聆聽音樂、點外送、計時、提醒事項到上傳檔案等情境,都有相關的活用案例。

以下是關於「如何設計實時活動」的重點摘要:

系統要求

實時活動依賴於 WidgetKit、AppIntents、ActivityKit 三種系統原生套件,最低iOS版本要求為iOS 16.1。根據statcounter統計,截至2025年12月為止,符合此系統要求的用戶占全體用戶的95.6%;如果需要設計具有互動元素(按鈕、勾勾)的實時活動,則最低系統要求為iOS 17,符合要求的用戶占比90.5%。

適合使用實時活動的情境

蘋果的HIG指出,實時活動用於顯示即時資訊,讓使用者能夠輕鬆查看進行中的事項、活動、任務的進度。

簡單地來說,舉凡是跟時間、即時性、進度相關的操作任務,都能利用實時活動。具體來說,目前市面上的App已將其運用於聆聽音樂、點外送、計時、提醒事項、上傳檔案等情境。

值得注意的是,實時活動必須是使用者手動操作某任務後觸發,App不能擅自啟動實時任務,否則可能會違反蘋果的設計規範。

外觀與視覺設計

實時活動可顯示於動態島、通知中心、StandBy等地。在動態島上,為了遮蓋黑色的膠囊感測器挖孔,實時通知底色一率為黑色,無法更動;在通知中心、StandBy上則沒有色彩使用限制,多數情況下,採用白色或品牌主題色作為底色是最佳解。同時,也要注意在深色模式下的顯示效果。

實時活動共有Lockscreen、Compact、Minimal、Expanded四種不同的互動狀態,後三者為動態島機型獨有。蘋果要求所有使用實時活動的App都需針對以上四種狀態做設計,否則就無法啟用本功能。

完整iOS實時活動設計訣竅、具體設計案例


與iOS平台體驗相關的文章

製作符合iOS 26 Liquid Glass設計的App Icon

iOS平台的Widget設計規範與經驗整理

※本電子信服務目前處於Beta測試階段,如果你對於內容安排、呈現有任何的回饋,歡迎回信讓我知道!

取消訂閱 · 修改個人資料

謝承邑

Read more from 謝承邑

自學泰語三年有成,來去挑戰曼谷自由行! 今年是我自學泰語的第三年。雖然我從未踏足泰國,但我對泰國的好奇與情感連結,卻一天天地加深——因為那裡有我認識的朋友生活著。這次的旅行,不僅是一次檢驗我的泰語能力的考驗,也是一個和當初認識的學姊、留學團的男孩們重聚的機會。 以前,他們遠渡重洋來到台灣;現在,換我跨越兩千公里去找他們。 在暹羅廣場相聚 我和留學團的男孩們相約在MBK Center,打算一起去吃很有泰式特色的烤豬肉。時隔一年,他們現在都已經從大學畢業、找到工作了,且工作待遇都比當地平均再好一些。身為他們的朋友,聽到消息我也為他們開心。 難得聚一聚,我當然要突擊檢查一下他們的中文。結果可想而知,除了來台前本身就有中文底子的以外,剩下的人全都把學到的還給老師了,中文能力又倒退回只聽得懂「你好、謝謝」的等級。 走進曼谷近郊,尋覓噗市場 我和外碩班學姊約在噗市場(ตลาดพลู)見面。這座位於曼谷近郊的市場,原先只是一個平凡、沒什麼特別的市場,近年則因為作為電影《金孫暴富攻略 (หลานม่า)》的取景地而聲名大噪。...

我的Figma Slides使用心得 最早期的Figma只專注於UI/UX設計相關功能。但有趣的是,儘管功能有限,設計師們卻開發出各種創意用法,「做簡報」就是其中之一。Figma看見如此熱烈的使用者需求,便於2024年順勢Figma Slides回應市場。 如今近兩年過去,這款工具的體驗變得如何了呢?以下是我的心得: 優點:將熟悉的設計體驗搬到做簡報上 在Figma Slides尚未誕生以前,市面上的簡報軟體大多圍繞「一般用戶」而非「專業設計師」設計。用Powerpoint、Keynote、Google簡報等做簡報,體驗常是犧牲成品美觀、精細度,換來上手容易。 反之,Figma Slides充分運用自身作為「設計軟體」的主場優勢,大幅改善了對齊、控制物件尺寸、色彩管理、字級管理上的體驗。 缺點:產品定位曖昧 Figma Slides在各處都顯現出它對於「目標使用者是誰」的迷茫。一方面,它想以簡單的介面吸引一般使用者;但另一方面,又擔憂功能過於陽春,喪失作為設計軟體的特色、趕跑專業設計師。...

用泰語說我愛你 農曆春節、情人節雙雙到來,現在正是和家人、愛人、朋友表達心意的最佳時機。今天這封信,會將情話拆解為「人稱」與「詞彙」兩個元素介紹。你只需發揮創意排列組合,就能調配出獨特的情話! 人稱 泰語的人稱依據場合、說者性別有好幾種組合。在情話的情境中,使用的是「ฉัน/เธอ」這一組。雖然「ฉัน/เธอ」一般是女性說者使用,不過在用在表達親密關係時,則無關說者性別。 เธอ(thoe):你 ฉัน(chan):我 常見詞彙 รัก(rak):愛 คิดถึง(khit thueng):想念、思念 ชอบ(chop):喜歡 รู้สึก(ru suek):感覺 สัญญา(sanya):發誓 เจอ(choe):相遇 พบ(phop):遇見 หัวใจ(hua chai):心 น่ารัก(na rak):可愛 หล่อ(lo):帥氣 เวลา(wela):當… 組合範例 ฉันรักเธอนะ(我愛你) ฉันชอบเธอมานานแล้ว(我喜歡你很久了) เวลาฉันได้พบเธอ ฉันก็รู้สึกดี (每當我遇見你,我就感覺很好。)...