蘋果發表會上一句話帶過的更新,背後的設計與技術可不簡單
蘋果發表會上一句話帶過的更新,背後的設計與技術可不簡單
2018.10.19 | 蘋果

前不久推出正式版的macOS 10.14(Mojave),應該可以稱為四年前的Yosemite以來,macOS在使用者介面上變化最大的一次更新。千呼萬喚始出來的原生「黑暗模式」讓人耳目一新,也引發了協力廠商應用的適配熱潮。

相比之下,另一項使用者介面的新功能——動態桌布(dynamic desktop)受到的關注則少得多。這是一項默認關閉的功能,啟用方法是打開「系統偏好設置-桌布與螢幕保護程式」,從「動態桌布」中選擇系統自帶的兩套背景之一。

macOS 動態桌布1.png
新增的兩套動態背景
圖/ 少數派

很顯然地,如此低調的功能很難引起用戶的注意,大多數的評測文章都選擇將其一筆帶過。蘋果自己的態度似乎也是一樣:在六月的WWDC Keynote演示中,Craig Federighi留給動態桌布的台詞只有一句話

Your desktop actually subtly changes throughout the day from morning, to afternoon, to evening.
你的桌布「背景」將隨著一天從早上、到下午、再到晚上的推移而微妙地改變。

乍聽起來,這確實並不稀奇,也沒有任何技術門檻。隨時間變化以切換背景,是很多桌布美化軟體的基礎功能,更別提十多年前的Windows Vista就已經原生支援影片背景了。

但問題實際上並不只是 「按時間切換圖片」 這麼簡單。因為,晨昏變化的節奏並非一成不變,而是隨著四季變換各有不同。除非生活在赤道或者極地,從夏到冬一定是晝漸短、夜漸長的。如果全年都按照一個節拍切換背景,其效果在絕大多數日子裡都將跟真實景象不同步。

隨著季節推移變化的不只是晝夜長度,還有太陽高度。顯然,夏天的太陽比冬天的同一時間要「高」。太陽高度還與緯度有關。假如你生活在北京,而系統在中午時分給你換上了一張「陽光從頭頂直射」的背景,你其實應該有一種違和感才對,因為北京根本不會有90度的日照。地處北緯40度的北京,太陽最高也只能達到73.5度,並且一年只有一次,時間是在夏至那天的正午。

macOS 動態桌布2.png
北京在春分日和夏至日的太陽高度變化
圖/ 少數派

可見,要真正讓桌布和窗外的光照 同步 變化,機械地踩著時間點換圖片是遠遠不夠的。理想情況下,同一組圖片的切換節奏應當呼應太陽運動、在四季各不相同,並且根據使用者的地理位置和日期,有選擇地「跳過」一些不符合實際情況的照片。

動態桌布的實現機制

macOS Mojave的動態桌布充分考慮了上述問題。在蘋果的實現方案中,背景的切換不是以時間為標準,而是以 太陽方位 為標準。具體而言:

  1. 每套背景包含16張靜態圖片(實驗證明似乎可以更少,但不能更多)。

  2. 每張靜態圖片都被標記了對應的太陽方位。定位的方式是所謂的「地平坐標系」,即用高度角(Altitude,定義為太陽和地平線的夾角)和方位角(Azimuth,定義為太陽按順時針方向偏離正北的角度)兩個值確定太陽在天球中的位置。

  3. 啟用後,系統將會根據使用者的位置和時間,計算太陽的即時方位,並與每張背景所記載的資訊進行比對,將其中與此時此地太陽位置最近似的那一張,作為桌布背景。

macOS 動態桌布3.png
地平面坐標系圖示(來自timeanddate)
圖/ 少數派

實際例子可能更有助於理解動態桌布的機制。我目前的所在地處於北緯40度,與北京基本相同。10月5日的早上6:30尚未日出,此時的太陽高度為-6.75度,方位為90.6度。啟用「沙丘」動態背景後,桌布顯示為該系列中的第三張。根據背景的元資訊(後文將說明方法),這張照片是在太陽高度-4.25度,方位86.34度的場景下拍攝的,與現實環境非常接近。如果將系統日期撥回三個月前的7月5日,會發現背景變成了系列中的第五張(太陽高度為7度)。的確,夏天的這一時刻,太陽應該已經升起了。

再將日期調回10月5日。這一天,太陽在下午12:48時達到最高位置。但如果試著慢慢將時鐘調過這一時刻,會發現背景並沒有切換為系列中最明亮的第八張,而是直接從第七張跳到了第九張。原因在於,秋天的太陽即使在正午也只能達到45度左右,而第八張背景是在太陽處於53度時拍攝的,因此不會被顯示。相反,在Mojave剛剛開始公測的七月時,這張背景會從上午10:40左右開始持續顯示約五個小時。

macOS 動態桌布4.png
動態桌布在不同日期的差異
圖/ 少數派

更有趣的是,在另一套動態背景Solar Gradients中,一張圖片對應的太陽高度為88.4度。如上所述,由於北緯40度的太陽,全年最高也只能達到73.5度,我將始終不會看到這張最亮的背景被用作桌布——它實際上成了熱帶地區使用者的「會員特權」。

Craig Federighi的那句 「subtly(微妙)」 畢竟並不是隨口說說而已。

背景資源、技術細節與自製方法

遺憾的是,即使Mojave的動態桌布在設計上如此講究,蘋果卻並沒有給予這個功能太多關注。系統自帶的動態背景只有兩張,並且沒有提供讓使用者自行製作的選項。

但這並不意味著自己動手的大門就被關閉了。自從Mojave測試版發佈以來,動態桌布引起了不少開發者的興趣和關注。在他們的努力下,這一功能的實現細節已經十分清晰了,自己製作起來也並不麻煩。

下面列出的是一些現有的動態背景資源,可以直接下載並設置為桌布。有興趣的讀者,可以繼續閱讀下文的技術細節與自製方法。

macOS 動態桌布5.gif
圖/ 少數派
macOS 動態桌布6.png
圖/ 少數派
macOS 動態桌布7.gif
圖/ 少數派

與以往的普通背景相同,新的動態背景也都儲存在「/Library/Desktop Pictures」路徑下,檔案名分別是「Mojave.heic」和「Solar Gradients.heic」。

「.heic」是什麼格式?喜歡用iPhone拍照的用戶,基本上對它不陌生。自iOS 11以下,大多數iPhone都已經默認改用HEIF(High Efficiency Image File Format,高效率影像檔格式)儲存照片。這裡的「.heic」,就是HEIF格式的可選副檔名之一。與傳統的JPEG相比,這種新格式在縮減空間佔用和減少畫質損耗上,有著更好的表現。

不僅如此,HEIF還是一種「容器」(container)格式——它不僅能儲存單張靜態照片,而且能儲存 一組 連續照片、以至影片;這就為將動態背景打包在一個檔裡提供了可能。實際上,這兩個檔可以直接用系統內建的預覽app打開,並從側邊欄中看出兩套背景的構成——都包括16張構圖相同而光線各異的靜態圖片。

但這並沒有回答我們最關心的問題:背景的自動切換是靠什麼控制的?試著用16進制編輯器打開一張動態背景,從頭略微往下翻閱,就能在第一張圖片的EXIF資訊中看到玄機:一個自訂的「apple_desktop」命名空間和其項下的「solar」屬性。

macOS 動態桌布8.png
隱藏在 EXIF 資訊中的參數
圖/ 少數派

下面的「破解」過程需要一點淺顯的macOS經驗。「solar」屬性值末尾的等號是base64編碼的明顯特徵。用「base64 -D」命令解碼,發現輸出以「bplist」開頭,這是二進位屬性工作表檔的魔數。為此,再用「plutil」命令將其轉換為可讀的XML格式。

macOS 動態桌布9.png
將動態背景的配置資訊轉為可讀模式
圖/ 少數派

這樣,蘋果在Mojave的動態背景中設置的機關就展現出全貌了。可以看到,在 「si」根鍵下,每張靜態圖片被都標記了「i」、「a」、「z」三個鍵值,分別對應照片的序號、拍攝時的太陽高度角和方位角。

此外,沙丘背景還有一個「ap」根鍵,其下的「l」和「d」兩個值,分別指定了在設置中啟用亮暗兩種「靜態」選項時,要顯示的圖片序號。(太陽漸變背景沒有「ap」根鍵,因此在設置中沒有「靜態」選項。)

至此,原理上的鋪墊就全部完成了,最後要解決的就是如何據此自行製作動態背景。顯然,這涉及到格式轉換、資訊編碼等操作,全部手工完成會非常繁瑣。好在,已經有開發者製作出了命令列工具,可以使用Homebrew安裝:

$ brew tap mczachurski/wallpapper && brew install wallpapper

這裡簡單介紹一下該工具的使用方法。首先,將想要製作成動態背景的圖片檔按序號依次命名。然後在 同一目錄 下創建一個JSON檔(如「config.json」),在其中逐行指定照片的參數:

[
{"fileName":"1.png","isPrimary":false,"isForLight":false,"isForDark":false,"altitude":-0.34275283875350282,"azimuth":270.9334057827345},

{"fileName":"16.png","isPrimary":false,"isForLight":false,"isForDark":false,"altitude":-38.04743388682423,"azimuth":53.509085812513092}
]

其中,「fileName」為檔案名,「isPrimary」表示是否將圖片用作記錄整套背景元資訊的「首要圖片」,「isForLight」和「isForDark」分別指是否用作開啟亮/暗兩種「靜態」選項時使用的圖片,「altitude」和「azimuth」則是照片對應的高度角和方位角。

準備完畢後,在終端執行「wallpapper -i config.json」即可獲得打包好的HEIC格式動態背景。

如果你想要查詢照片拍攝時的太陽位置,或者瞭解所在地的太陽軌跡,可以使用SunCalc等線上工具,iOS上的Sky Guide等天文類 app 也可以提供幫助。想要省事的讀者,也可以使用我製作的範本設定檔,其內容原樣複製了系統自帶的沙丘背景中圖片的參數,只需找16張光線情況與該套背景類似的圖片,依次命名為「1.png」到「16.png」,並用上述工具製作即可。

macOS 動態桌布10.jpeg
用Sky Guide應用查詢太陽方位
圖/ 少數派

結語

動態桌布是一個很有蘋果風格的設計。就像OS X視窗最小化時的「果凍」特效、iOS 6中隨螢幕傾斜變換光澤的音量滑塊一樣,你可以完全不意識到它的存在,也可以追根究柢,然後驚異於其考慮之深。

當然,對於這類設計,歷來不乏「不務正業」的批評。特別是在macOS軟體品質整體不如以往的大前提下,將本就有限的開發資源,分散給這樣一些對性能和穩定沒有實質説明的功能,似乎顯得有些奢侈。

儘管如此,我仍然歡迎這樣的設計。畢竟,軟體設計並不只是關乎功能。設計中的人文色彩及其對用戶感受的間接影響,也是細微但重要的部分,說它是一種特殊的「功能」也不為過。每天傍晚,當我看到背景隨著窗外的日落準時切換成另一種色澤時,很難不產生一點「虛擬與現實無縫銜接」的愉悅。

幾個月前,英文蘋果社區中曾經有過一次小規模討論:一些核心用戶遺憾地表示,已經很久沒有看到像早期iMac那樣頗有些異想天開(whimsical)的設計了。糖果配色螢幕轉軸這些「無用」但有趣的設計,在近年來讓位於實用主義的、參數導向的考量。這結論或許對硬體產品線是成立的;但蘋果用動態桌布、Animoji,和Siri的玩笑告訴我們,它的whimsy畢竟還在軟體的很多角落裡閃現。

本文授權轉載自:少數派

關鍵字: #Apple #Mac
往下滑看下一篇文章
從第一天就走向全球!MOOIMOM、大研生醫、特力集團借力亞馬遜出海,以創新、信任打造品牌護城河
從第一天就走向全球!MOOIMOM、大研生醫、特力集團借力亞馬遜出海,以創新、信任打造品牌護城河

在全球「消費升級」的時代,現今消費者要找的,不是最便宜、CP 值最高的產品,而是更安全、更值得信任、更符合需求的商品。在此趨勢下,台灣品牌的優勢反而被放大。

事實上,憑藉著深厚的製造底蘊、對品質的堅持,許多來自台灣的品牌,正透過精準的「價值創新」研發,以及「安全信任」的品牌經營,在亞馬遜上,擄獲各國消費者的青睞。

拒絕等待完美,MOOIMOM 透過出海、迭代快速進化

新創母嬰品牌 MOOIMOM 自 2016 年創立起,便瞄準全球市場,MOOIMOM 創辦人周靖棠指出,近年來,台灣新生兒人數持續下滑,若一開始就只做台灣市場,花去的時間、開發成本都無法撐起未來的成長性,「所以我們第一天就決定『Go Gloabl』,這對新創非常重要。」

AWS-2.png
新創品牌MOOIMOM瞄準母嬰市場,有鑒於台灣新生人口持續負成長,從2016年創立的第一天,創辦人周靖棠就決定Go Gloabl,決心用優質產品,挑戰更大的市場。
圖/ MOOIMOM

MOOIMOM 是從印尼市場起家,再逐步拓展回台灣,但周靖棠隨即又意識到,若「Go Global」僅在東南亞、台灣,仍然有侷限,於是 MOOIMOM 決定加入亞馬遜,跨出亞洲、進軍澳洲等市場,「MOOIMOM 需要一個已經有高信賴度、強大物流、精準數據的夥伴,協助我們降低跨足北美、澳洲等市場的門檻。」

AWS-3
MOOIMOM創辦人周靖棠、共同創辦人李沆澎及團隊,透過運用亞馬遜數據與工具,以最真實的消費者反饋,反覆打磨產品。
圖/ MOOIMOM

為了找到市場缺口、實踐價值創新,MOOIMOM 積極運用亞馬遜上的數據與賣家工具。相較於其他品牌可能會注意自家產品有多少五顆星的評價,周靖棠尤其重視「四顆星」的留言,「因為那往往是能不能從『好』做到『更好』的關鍵。」以 MOOIMOM 的「涼感產後束腹帶」為例,團隊透過評論,發現邊緣縫線會造成皮膚的些微摩擦,加上產婦穿不住悶熱的材質,於是,MOOIMOM 花了近兩年時間,參考亞馬遜後台數據,包括消費者留言、競品的包裝顏色、排名落差等資訊,將產品從 1.0 迭代至 3.0 版本,不僅改採涼感透氣材質,更做到無縫線的舒適感。周靖棠透露,1.0 版的束腹帶,原先一週賣不到 1000 美元,但發展至 3.0 時,除了評價穩定保持在 4.3 顆星以上,一週甚至可以達到1萬美元的營業額,等於成長十倍。

AWS-4.png
圖/ MOOIMOM
AWS-5.png
產後束腹帶三代迭代圖,不僅涼感透氣,更做到無縫線的舒適體驗,讓產後媽媽可以穿得住,真正達到束腹的效果。
圖/ MOOIMOM

另外,周靖棠也善用亞馬遜的「A+ Content」等工具,將「永續」元素植入 MOOIMOM。由於澳洲對環保、安全規範的要求,向來以嚴格聞名,對於跨境電商無法「觸摸實品」的鴻溝,團隊便運用 A+ Content,在產品頁面中將小麥桿融合PP材質等無毒認證和安全細節,讓消費者一目瞭然。針對各國嚴格的母嬰用品法規,團隊也在亞馬遜協助下,一一完成合規程序,把出海阻礙轉化為讓消費者安心買單的保證。

科學實證敲開日本大門,大研生醫靠極致細節贏得信任

以德國頂級魚油、視易適葉黃素等產品聞名的大研生醫,起初是為了自己和家人的保健需求創立,在台灣取得佳績後,大研決定將這份堅持帶向世界。而出海的首站,是保健食品發展逾百年、相當競爭的日本市場。

AWS-6.jpg
大研生醫出海首站就挑戰保健食品發展逾百年、相當競爭的日本市場,大研生醫董事長林東慶表示,進入日本市場真的很辛苦,但當收到日本消費者正向的回饋時,對團隊帶來很大的鼓舞。
圖/ 數位時代

大研生醫董事長林東慶解釋,先選擇日本,是因為當地消費者偏好網購、多居住於公寓,購物習慣、商業環境和台灣相近。至於決定透過亞馬遜進軍日本,一方面出於亞馬遜是日本使用率最高的電商網站之一。其次,在日本市場想「從 0 到 1」發展不易,溝通成本高,「但亞馬遜上的消費者,都很願意接受新東西。代表我們更容易在上面找到對的人。」

林東慶特別提到,日本保健食品市場歷史悠久,卻並非完全沒有切入機會。例如:日本延續過往經驗,原料進展未必跟上時代需求,市面的魚油濃度普遍都不足。除了端出創新的產品之外,想進入相對成熟的日本保健品市場,安全有效、建立信任是唯一真理,「大研經營的正是『信任』,信任背後代表了你的產品、服務和品牌。而亞馬遜就是過程中的最強後盾。」

大研透過亞馬遜的後台數據,從消費習慣與市場需求兩個面向,深入了解日本市場。例如,日本消費者偏好小顆粒、一天可服用多顆保健品;另一方面,日本社會因工作壓力大,助眠、舒緩情緒等產品需求也持續成長。團隊再搭配「在地製造、世界原料」的策略,讓「Made in Japan」成為敲門磚,「就和在台灣帶起『高濃度魚油』的風潮一樣,我們以國際頂級專利原料、強大的科學實證及嚴格的產品檢驗,帶起新趨勢。」

大研甚至將細節延伸至包裝、服務。比方說,日本家戶的信箱尺寸偏小,大研的包裝設計,便要確保能順利投遞進信箱;消費者認為用紙盒包裝更安全,大研也從善如流,採精緻紙盒而非美國市場的簡約瓶裝。由於在每個環節都做到極致,大研才進軍日本亞馬遜半年,就奪下 Omega-3 魚油類目排名第一,整體 BSR 也達到 1000 至 1200 名以內。

接下來,大研計劃進軍極度重視天然與健康的澳洲市場,以及競爭激烈的美國市場,林東慶強調,大研期望透過亞馬遜,將對品質的堅持帶出台灣,成為具影響力的全球品牌。

AWS-7.jpg
大研生醫因應不同市場消費習慣,推出日本、美國、台灣三種版本魚油產品,同樣訴求高濃度、高品質。不僅在生產上呼應其「在地製造、世界原料」的全球化策略,更配合當地市場習慣,量身定做外包裝規劃,左:日本版、中:美國版、右:台灣版德國頂級魚油)
圖/ 數位時代

跳脫傳統代工宿命,特力集團用數據算出市場需求

擁有 30 年歷史的特力集團,從傳統 B2B 貿易起家,如今再下一城、攻入跨境電商市場,在亞馬遜上的營收,每月穩定達到美元六位數。這背後,是一場為了解決傳統代工痛點發起的 DNA 轉型。

特力集團業務總監 Isaac Liao 指出,傳統 B2B 貿易是特力深厚且穩固的根基,但為了在全球供應鏈重組的變局中更具敏捷度,特力必須打破過去與終端市場之間的隔紗。但中上游企業打下游 B2C 戰局,最怕盲目下注或因為怕虧損而不敢試錯。特力的心法,是建立一個「基於數據的科學容錯機制」,把亞馬遜當成全球導航儀,大膽做小規模的市場實驗,算準了、看清了再重注出擊。

AWS-8.jpg
特力集團出席亞馬遜新銳品牌加速器活動,分享如何運用數據工具找出消費者痛點,推動企業從製造思維轉向市場思維。
圖/ 數位時代

Isaac 透露,特力在歐美家居市場突圍的關鍵,在於用「數據」找出消費者的痛點,再據此創新產品,「中上游企業常覺得自家產品無敵,怎麼會賣不好?但在電商戰場,消費者沒搜那個關鍵字,產品再好都等於不存在。」特力是用亞馬遜的商機探測器、品牌分析工具,抓出高需求、低競爭的藍海市場,並將自家產品、競品的負評,作為研發參考。例如團隊抽絲剝繭後,發現消費者通常在購買資源回收桶時,最痛恨「異味洩漏」和「腳踏板易壞」;買烤肉推車時,則有「說明書看不懂」、「組裝太複雜」等痛點。團隊會再據此回頭改良製程、產品,並將行銷時,將這些痛點的「解方」直接放大在亞馬遜的產品頁面 A+ Content 和主圖影片中。

AWS-9.jpg
Isaac分享,透過數據發現消費者通常在購買資源回收桶時,最痛恨「異味洩漏」和「腳踏板易壞」,團隊會再據此回頭改良製程、產品,並將行銷時,將這些痛點的「解方」直接放大在亞馬遜的產品頁面A+ Content和主圖影片中,讓消費者一目瞭然,加速決策。
圖/ Amazon

Isaac 特別提到,近期特力導入了亞馬遜行銷雲(Amazon Marketing Cloud, AMC),拆解完整的消費旅程。以特力在亞馬遜熱銷的烤肉推車為例,透過 AMC 的底層數據藍圖,團隊發現歐洲消費者從心動到行動平均需要三週。消費者可能在第一週看球賽時,先被特力的品牌影片廣告(DSP)吸引;第二週滑亞馬遜時,看到展示型廣告(SD)被再次提醒;直到第三週週末要辦派對了,才在搜尋框輸入關鍵字並透過商品廣告(SP)下單結帳,「AMC 讓我們看清這條跨渠道的『消費旅程藍圖』,把過去盲目砸廣告的焦慮,變成每分錢都能精算回報率的高精準 ROI 投資。」

特力已立下月營收達七位數美元的新目標。Isaac 透露,團隊正積極布局生成式引擎優化(GEO)等最新 AI 搜尋趨勢,並根據亞馬遜的後台數據,延伸家居周邊產品線,期望推動內部從「製造思維」進化為「市場和品牌思維」,讓台灣深厚的製造底蘊,能在國際零售舞台上走得更深、更遠。

在迎戰「消費升級」的此刻,台灣企業從來不缺好技術,缺的是直面終端市場的勇氣與機會。而亞馬遜提供的,不只是一套銷售工具,而是一套完整的「持續創新」能力——從全球物流、在地合規,到消費者洞察與數據分析,讓品牌得以直接理解世界各地消費者的真實需求。透過這套基礎設施,品牌能在國際市場中「快速測試、快速修正、快速成長」,把每一次迭代都變成站穩腳步的養分。台灣品牌只要願意邁出第一步,再借力亞馬遜的全球能力,勢必能在世界舞台走得更穩、更遠,實踐「Go Global From Day One」的布局。

想要挑戰跨境,讓更多人認識你的產品嗎?
立即報名 Taiwan Select Day

圖/ Amazon

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
代理式商務連動百兆商機
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓