← 所有文章

iPhone Duo 第二天:24 小時內冒出來的素材

主題演講之後的 24 小時裡,圍繞 iPhone Duo 出現了什麼? 來自 Apple 的,是 Design Resources 頁面上的產品邊框包,以及 App Store Connect 截圖與 App 預覽規格中新增的 iPhone Duo 那一列,兩者都是在主題演講當天下午加上去的。內螢幕尺寸 2853 × 2007 像素,若假設 3x 倍率,換算下來是 669 × 951 點,而不是規格表面板所暗示的 626 × 890;邊框包本身的螢幕挖空也印證了這一點。1317 來自其他人的,是 37 個 GitHub 儲存庫,領頭的是一個以 Apple 3D 模型做成的 Three.js 摺疊習作、一套 12 個範例的 SwiftUI 套件,以及七個裝著 AI 代理指令的儲存庫;還有獨立開發者在 Mastodon 上拋出的三個問題;以及至今仍沒有 Xcode 27.1 beta、沒有「Preparing your app for iPhone Duo」指南、沒有 API 文件。4581011

這篇是現場活動紀錄、開發者篇與設計篇的第二天續篇。那三篇讀的是 Apple 自己的材料,這一篇讀的則是它周圍長出來的東西:從主題演講到 9 月 10 日上午 10 點 45 分(太平洋時間)前後冒出來的一切,逐項給出判斷——是今天就能用的素材,是值得回答的問題,還是雜訊。

TL;DR: 在 Apple 給定的條款下,用 Apple 的邊框把自己的 App 放進模型圖與行銷素材;社群那些 3D 摺疊習作則別用在行銷上,Apple 的規範明文禁止。2 把 App Store Connect 的截圖那一列讀成 Apple 公布的第一份點尺寸證據,前提是 3x 倍率;凡是建立在 626 × 890 之上的算式都得重來。3 社群程式碼要當草稿看:沒有一份能對著 Duo 的 API 編譯,因為帶有這些 API 的 SDK 仍標示為本月稍晚推出,而每一個寫出 API 名稱的儲存庫,名字都抄自講座旁白或頁面上的程式碼片段,而非標頭檔。4810 開發者正在問的三個問題——模擬器在哪裡、未調整過的 App 長什麼樣、狀態如何撐過摺疊——其中一個有 Apple 的答案,一個在講座裡有答案卻眼下無人能驗證,還有一個尚無答案。11

Keynote recap slide for the foldable iPhone: 7.6-inch inner and 5.4-inch outer displays, thinnest iPhone ever, A20 Pro, Grade 5 titanium, Ceramic Shield 2, 48MP Dual Fusion cameras, nano-texture display, vapor chamber, all-day battery

取自 Apple 2026 年 9 月 9 日活動直播上午 11 點 15 分(太平洋時間)的畫面:iPhone Duo 的回顧投影片。本文裡 Apple 與社群做出的一切,都在這一刻之後。

來自 Apple:邊框與送審規格

邊框包。 Apple 的 Design Resources 頁面如今在 Product Bezels 底下列出了 iPhone Duo,提供一個「Photoshop, PNG」下載,就擺在 iPhone 18、iPhone 17 與 iPad 旁邊。1 磁碟映像檔裡有 10 個分層的 Photoshop 檔案與 10 個平面 PNG:兩種配色,Night Sky 與 Star White,每種五個姿態——內螢幕展開的橫向與直向、外螢幕闔上的橫向與直向,以及從外側看展開的機身、其中一半帶有外螢幕的挖空。1

挖空說明了什麼。 內螢幕畫框是 3093 × 2247 像素,中間是 2853 × 2007 的螢幕挖空,四邊各留 120 像素邊距;闔上的直向畫框是 1574 × 2194,挖空寬 1398 像素。外螢幕挖空是 1398 × 2032 的完全透明像素,加上頂端與底端各一列近乎透明的像素,合計 1398 × 2034,正是這塊面板自己的數字。內螢幕則是另一回事:2853 × 2007 與 App Store Connect 的內螢幕截圖尺寸逐像素吻合,在 3x 之下是 951 × 669 點,因此一張原生解析度 2670 × 1878 的截圖得放大才裝得下,而邊框包也佐證了同樣的尺寸。13

可以拿它做什麼。 映像檔裡的授權是 Apple 設計資源的標準條款,把這些檔案的用途限定為執行於 Apple 平台上的軟體的模型圖;Apple 的 App Store Marketing Guidelines 則要求「在所有行銷材料中使用 Apple 提供的產品邊框,以便在 App 所支援的 Apple 裝置上展示您的 App」。同一份規範也列出行銷材料中不被允許的用途,打頭一條就是「以 3D 方式算繪,或製作任何 Apple 產品的模擬」。2 所以這套包是用來在模型圖或行銷裡把自己的 App 放到裝置上;底下那些 3D 習作則不是。

缺了什麼。 頁面上沒有給 iPhone Duo 的 Figma 或 Sketch 檔案;iOS 27 與 iPadOS 27 的 UI Kit 兩種工具都有,而 Duo 的邊框只有 Photoshop 版。1

截圖尺寸。 App Store Connect 的截圖規格裡有一列 iPhone Duo:外螢幕 1398 × 2034 像素,內螢幕 2007 × 2853 像素,橫向直向都要。App Store Connect 的發行說明把這次新增記在 9 月 9 日,Apple 的發行訂閱來源則給這則更新蓋上下午 3 點(太平洋時間)的時間戳;我自己那天下午抓取該頁時沒有正確跟隨轉址而漏掉了它,直到 9 月 10 日上午才第一次看見這一列。318 外螢幕尺寸就是面板本身的解析度,3x 之下為 466 × 678 點。內螢幕尺寸卻不是面板的解析度:規格表寫的是 1878 × 2670,而 2007 × 2853 在 3x 之下是 669 × 951 點——這是我對算繪尺寸的推論,前提是 3x 倍率,在模擬器報出數字之前都只是推論。開發者篇梳理了這代表什麼,並搬出 Plus 系列 iPhone 的前例(對於面板為 1080 × 1920 的機型,App Store Connect 至今仍要求 1242 × 2208 的截圖);若這塊螢幕真的以那個尺寸算繪,結論就是一個點在兩塊螢幕上的實際大小相同,約每英寸 153 點。3 如果你已經在 626 × 890 上算過什麼,包括 16:9 的黑邊算式,請用 669 × 951 重算一遍。

App 預覽那一列。 同一次更新把 iPhone Duo 加進了 App 預覽規格,而這裡有意思的是 Apple 自己貼的標籤:「Device resolutions」底下列著 2034 × 1398 像素與 2853 × 2007 像素,也就是說 Apple 把 2853 × 2007 稱作裝置的解析度,而不是截圖慣例。那一列的「(19.5:9 aspect ratio)」標註讀起來像是 iPhone 範本留下的,跟兩個數字都對不上:2853 × 2007 是 1.42。可接受的預覽解析度是 886 × 1920 與 1920 × 886。同一頁也把 Plus 的前例攤得很清楚:5.5 吋那一列把「Rendered pixels」與「Physical pixels」分開寫,2208 × 1242 對 1920 × 1080,正是內螢幕數字所暗示的那種安排。這一列當時還帶著一則對那一週正在搭建流程的人很要緊的註記:「在 App Store Connect 中為此裝置上傳素材的支援將於今年稍晚提供。」Apple 已於2026年10月5日開放這些上傳(10月7日更正)。1718

還沒出現的東西。 Get Ready for iPhone Duo 頁面自 9 月 9 日下午 4 點 10 分(太平洋時間)起原封未動:Xcode 27.1 beta、「Preparing your app for iPhone Duo」指南與實體工作坊,依舊寫著「Coming later this month」。4 沒有 iOS 27.1 或 Xcode 27.1 的發行說明,也沒有講座所描述的保留區域 API 或排列 API 的文件頁;SwiftUI、UIKit 與技術總覽的索引裡,沒有任何 iPhone Duo 條目。4

模型圖:陌生人算繪出來的摺疊

第一天裡最多人收藏的作品跑在瀏覽器上。chuspeeism/iphone-duo 是一個 Three.js 摺疊動畫,「帶有投影的螢幕 UI、漸進模糊與自訂圖片上傳」,採用 MIT 授權,建立於 9 月 10 日凌晨 0 點 51 分(太平洋時間),到上午已有 40 顆星,還附了線上展示。5 在它之前的是 jal-co/iphone-duo,一個在活動當天寫出的 React 19 元件,readme 開頭寫著「一個可組合的 React 摺疊手機習作,支援拖曳摺疊互動、分層螢幕內容與漸進模糊」,並聲明「3D 手機模型與沙漠桌布來自 Apple」。6 值得留意的正是這句署名:模型出自 Apple 的產品頁,而我在兩個儲存庫裡都沒找到 Apple 的再散布或商業使用授權。兩者都說明 Apple 素材不在自己的 MIT 授權範圍內;chuspeeism 把模型排除在儲存庫之外,改在建置時從 Apple 下載,jal-co 則把轉換後的模型檔案直接放進自己的程式碼樹。至於它們能出現在哪裡,Apple 的行銷規範已經有了定論:3D 算繪或模擬 Apple 產品,屬於行銷材料中不被允許的用途,所以這些習作只適合內部展示、原型與研究,凡是面向客戶的場合都該用 Apple 自己的邊框。2

一個衍生作品與一個獨立工具把這個想法推得更遠。bonxn/dood-iphone-duo 加上了螢幕影片與摺疊轉場的 MP4 匯出;huanglizhuo/iPhoneDuoMock,也就是「Duo Studio」,是一個獨立的中文瀏覽器工作台,接收外螢幕與內螢幕截圖,把它們擺到 Apple 的模型上,再匯出 PNG、MP4、WebM、GIF,用它自己的話說,還有面向商店頁面的嚴格尺寸介面 PNG。7 它的 readme 說,四種商店尺寸取自 9 月 10 日讀到的 Apple 規格,而且像素尺寸不等於執行時的邏輯點尺寸——這個提醒是對的;何況 App Store Connect 那一週並不接受 Duo 的上傳,直到2026年10月5日才開放(10月7日更正)。717

第三個習作走的是相反的路。bravohenry/iphone-duo-motion-study 有 6 顆星,用 Apple 提供的模型檔案在 WebGL 裡重播 Apple 產品頁自己的檢視器,還附一個「Device Anatomy」的爆炸拆解視圖,卻完全沒有附上授權檔案。5

還有一個誰都沒料到的類型:MacBook 的闔蓋動畫。lqSky7 的 macTilt 把 Duo 的摺疊模糊整套搬過來,由 MacBook 的蓋角感測器驅動,以原生 Swift 寫成,於是闔上螢幕時整塊 macOS 畫面結霜、滑動、轉黑。5 這是那天唯一讓我笑出來的專案,而它的 readme 裡有我看過對 Apple 這段轉場最乾淨的一句話:「闔蓋時,螢幕上的畫面停在空間中原來的位置,硬體則從畫面中掃過:畫面結上霜,滑進黑色,全程不曾改變自己的大小。」5

Keynote slide over an engineering bench: All-day battery life

取自 Apple 2026 年 9 月 9 日活動直播上午 11 點 11 分(太平洋時間)的畫面。那些摺疊動畫的複製品,重現的正是這台裝置在一場主題演講裡讓人記住的轉場。

程式碼:SDK 出來之前都只是草稿

openHacking/DuoKit 是唯一一套跑得起來的範例:12 個 SwiftUI 範例,MIT 授權,從自適應佈局、分割視圖與格線,一路講到安全區域、避開摺痕、保留區域、自適應工具列與標籤視圖、呈現方式、Split View 多工、多螢幕與多場景,還有一個完整的範例 App。8 它的 readme 對自己腳下的地面很誠實:「本首個版本以 Xcode 26.6 與 iOS 26.5 建置。範例 05、06 與 11 針對需要 iOS 27.1 SDK 的 iPhone Duo 概念,使用了明確標示的模擬方式。它們並不宣稱重現硬體行為。」8 該把它讀成一份講座的學習指南,附有能在 iOS 26 既有佈局規則上真正執行的程式碼,而不是對任何 Duo 專屬特性的檢驗。yunodevs/DuoLayoutKit 是一個帶著同樣提醒的小型 Swift 套件,主張「把摺起與展開的姿態變成樸素的佈局意圖」。9

這一切共同的上限,正是開發者篇說過的那條:保留區域 API、排列視圖、工具列軸向行為與相機配件,今天只以四場 Tech Talk 的旁白和頁面上的程式碼片段存在,不在任何 SDK 標頭檔或文件頁裡。沒有哪個 SDK 帶著它們,也就沒有哪個儲存庫編譯得了它們;包括本站在內,每個儲存庫裡的每個 API 名稱都抄自預先發布的講座頁面。Xcode 27.1 beta 一落地,第一件該做的事就是把這些名字拿去和標頭檔逐一比對。(10月11日:Xcode 27.1 beta(27A9269)已於9月18日推出,帶有 iOS 27.1 SDK 的 Xcode 27.1 RC(27A9275)則在10月5日推出,App Store Connect 也接受以 RC 建置的版本上架 App Store;Xcode 27.1 beta 那篇文章把指南裡的 API 名稱拿去和 SDK 逐一核對。22)

AI 代理技能:新的首日產物

頭 24 小時裡最出人意料的產出,是給程式設計代理用的指令集,它們與最早的範例程式碼同時、而且多半更早出現。有七個儲存庫自稱是為 iPhone Duo 調整而寫的技能或簡報,其中一個落進了已經成名的合集:擁有 154 顆星的 SwiftUI 技能集 FloWritesCode/fwc-swiftui-skills 在 9 月 9 日晚上 11 點 34 分(太平洋時間)加入了 swiftui-iphone-duo,提交訊息是「Add a SwiftUI iPhone Duo skill for adaptive foldable layouts.」。10 有 12 顆星的 mirzaaghazadeh/iphone-duo-skills 用一道指令裝好九個技能,自稱把「已經存在的東西提煉成代理可以照做的結構化指引,外加裝置事實與完整 API 面的速查表」。10 mahdi-salmanzade/iphone-duo-skill 瞄準移轉,備有 SwiftUI、UIKit、React Native、Expo 與 Flutter 的工作流程。10

其中最謹慎的,恰好是話說得最少的那個。bahimzabir/iphone-duo-adaptive-ui 一開頭就是一則警告:「本技能組裝於 2026 年 9 月 10 日,即 Apple 發布 iPhone Duo 人機介面指南頁面與六場 Tech Talk 的隔天,早於工具與參考文件問世。」10 這句話本該出現在每一個這類儲存庫的開頭,因為技能是一種關於 API 面的主張,而這個面還沒公開。開張第一天就端出的「完整 API 面」速查表,不過是講座頁面上程式碼與旁白的謄抄,會犯的錯跟我犯的一模一樣。這一波更有價值的讀法在別處:這次發表讓代理指令與最早的範例程式碼誕生在同一批小時裡,而寫它們的人正把 Apple 的講座當成規格書。等 SDK 出來,活下來的技能會是那些引用了時間戳、並願意對著標頭檔重新核對的。

Watch: How to Prepare Your SwiftUI App for iPhone Duo

Flo writes Code 在 9 月 10 日上午 6 點 5 分(太平洋時間),也就是他的技能落地後的隔天早晨,用影片講了同一批材料。15

開發者正在問的三個問題

習慣在公開場合思考的獨立開發者,幾個小時內就在 Mastodon 上開了口,其中反覆出現三個問題。11

模擬器在哪裡? Greg Pierce 在下午 12 點 12 分(太平洋時間)發現 Xcode 27 RC 的 Device Hub 清單裡沒有 iPhone Duo,猜測它會隨 27.1 一起來。Craig Hockenberry 在下午 12 點 27 分寫道:「看來要測 iPhone Duo 的可變尺寸表現得用 Xcode 27.1,而它還沒上傳。」11 Paul Solt 當晚的影片把答案寫進了標題:「iPhone Duo Isn’t in Xcode 27 Yet」。15 Apple 的回答就是開發者頁面上的「Coming later this month」,而第一場 Tech Talk 對模擬器展開、闔上、旋轉與摺疊控制項的描述,是唯一的預告。4 Pierce 在活動前一天的期望是「關於 iPhone 摺疊軟體,但願沒有任何一處需要開發者拿到實機才能把 App 測得夠充分」;講座用一個模擬器回答了這一點,只是沒給日期。11

未調整過的 App 長什麼樣? Hockenberry 在上午 11 點 55 分(太平洋時間)說:「有一樣東西 Apple 沒有展示:一個沒有為 Duo 螢幕調整過的 iPhone App。」11 部分答案在第一場 Tech Talk 裡,開發者篇引用過:未使用 iOS 27 SDK 建置的 App 在裝置展開時以「熟悉的尺寸與長寬比」執行,iOS 27 SDK 會把它延伸到狀態列左側,只有 iOS 27.1 SDK 才碰得到邊緣。9to5Mac 的 Zac Hall 在 9 月 10 日把同樣的三個層級放在「Three levels of iPhone Duo app support」這個標題底下,並指出有些 App「要做的遠不只是對著 iOS 27.1 SDK 重新建置」。13 Apple 的第一場 Tech Talk 展示了這三種狀態,9to5Mac 也在 9 月 9 日刊出過 Duo 如何對待未調整 App 的觀察;而 Apple 以外的任何人在模擬器出來之前都做不到的,是把自己的 App 真正跑過這三種狀態一遍。

狀態如何撐過摺疊? Steve Troughton-Smith 在 9 月 10 日上午 9 點 37 分(太平洋時間)寫道:「如果你用的是設定了 Compact 視圖控制器的 UISplitViewController,那 iPhone Duo 就狀態復原提出了相當不祥的問題——從摺起切到展開時該怎麼辦。Apple 自家的許多範例都讓 UI 元素在螢幕打開的過程中停在同一個實體位置,這是摺疊轉場動畫那份錯覺魔法的一部分;就算只有一個水平方向可變尺寸的 App 視窗都已經夠難了,何況是 compact 與 regular 兩套並行的階層。」11 規範對此只有一句話,「在兩塊螢幕之間讓功能與元素狀態保持一致」,講座則描述了分割視圖的收合與展開,但兩者都沒說 compact 階層與 regular 階層如何在動畫中途把選取狀態交接給對方。16 這就是這次發表留下的開放問題,而 James Thomson 的反應代表了不少人:「看起來 Duo 會逼我重新想很多關於自己 UI 如何運作的事。」11

另外兩則反應勾勒出整體氣氛。Troughton-Smith 在 9 月 9 日下午 12 點 16 分轉貼第一場 Tech Talk 時說:「這就像一個全新的平台砸下來,只給了一個月的提前量。」11 而 Pierce 就要不要首日交付表示:「如果你選擇拚了命要在第一天就交出 Duo 支援,那是為你自己做的。」11 Jordan Morgan 當天下午發布的六場講座摘要提到,「一些新的 iOS 27.1 API 參考頁在寫作時還看不到」,並說他在看完這些場次之前先讓 AI 讀了一遍;我也這麼做了,而設計篇就是把其中每一行都拿去跟字幕軌核對之後的產物。12 說到規模,關於 Apple 產品頁的那串 Hacker News 討論,到上午已有 1,346 分與 2,343 則留言;在我抽看的留言裡,摺痕與價格排在最前,佈局與開發者話題的子討論串跟在下面。14

更新,下午 6 點 40 分(太平洋時間):摺疊效果離開了手機

到了傍晚,GitHub 搜尋數出 53 個自 9 月 10 日世界標準時零點、也就是太平洋時間 9 月 9 日下午 5 點以來建立、提到 iPhone Duo 的儲存庫。19 下午的類型正是模型圖那一節所說的、誰都沒料到的那個:鉸鏈模糊被移植到因為別的理由才會摺疊的硬體上。

MacBook 的上蓋。 sumimakito 做的 Mac Duo 建立於上午 11 點 55 分(太平洋時間),到下午 6 點 37 分已有 49 顆星。它的 README 寫道:「闔上上蓋,看著螢幕內容一邊移動一邊傾斜、模糊、淡去。Mac Duo 把這個效果加到你的 MacBook 上,控制項放在選單列裡。」它以 Metal 算繪,用 ScreenCaptureKit 擷取即時畫面,為 Apple 晶片與 Intel Mac 提供已簽章的開發版本,授權是 Apache-2.0。19 早上還只有 4 顆星的 lqSky7 的 macTilt,此時已到 18 顆。另外三個 MacBook 複製品也到場:foldy(「闔上上蓋,你的桌面就會彎折。」)、以 Swift 與 Metal 寫成的 fold,以及 mac-duo,全都是 MIT;還有一個 Windows 移植版 winduo,自稱「IPhone Duo blur thingy but on Windows laptop」。19

別的鉸鏈。 Fold8HingeFade 是針對三星摺疊機的 Kotlin 概念驗證,「在摺疊開始時擷取一張,由鉸鏈感測器驅動,在兩塊螢幕上做 AGSL 交叉淡入淡出」,它的 README 把狀態說得很直白:「目標:Galaxy Z Fold 8;在 Pixel Fold 模擬器上驗證過。」19 一個 Flutter 套件 duo_animation(「包住任何元件,傾斜裝置,看著它摺起來。」)與一個以 Core Motion 驅動 Metal 著色器的 SwiftUI 版本 iPhoneDuoAnimation,則藉由裝置動態把這個效果帶到支援的手機上。19 這些沒有一個是 iPhone Duo 的 App。它們只是在任何有鉸鏈或陀螺儀的地方,重現主題演講那個標誌性的瞬間。

網頁工具,卻沒有 Apple 的數字。 給網站用的工具出現了兩個。兩者都沒有確定這台裝置真正的 Safari CSS 視區,因為 Apple 沒有公布;而眼下流通的數字是三樣不同的東西:規格表的實體像素、App Store Connect 的截圖像素,以及在 3x 倍率假設下由它們推出的點。duo-check 是一個命令列檢查工具,在無頭 Chromium 裡依一組寬度載入頁面,「標出具體的響應式缺陷:水平溢位、固定寬度元素、換行的導覽列與過長的文字行」;遇到高嚴重度問題就以非零狀態結束,因此可以卡在 CI 裡。它的 README 對自己的預設說得明白:Apple「沒有公布這台裝置真正的 CSS 視區尺寸」,所以 duo-closed(344 × 774)與 duo-open(690 × 872)是「由外流的實體解析度推導出的估計值」。20 一則下午 6 點 13 分(太平洋時間)的 Hacker News 貼文所連結的 Progressier iPhone Duo Simulator,用 iframe 在闔上與展開兩種姿態下預覽網站,並寫明內螢幕的「邏輯 CSS 視區為 890 x 626 像素(@3x 密度下為實體 2670 x 1878 像素)」,外螢幕則是「466 x 678 像素」。20 外螢幕那個數字等於 App Store Connect 的截圖尺寸除以三,而這道算術並不能確定 Safari 的 CSS 視區;內螢幕那個是規格表除以三,正是開發者篇當天上午撤回的算法。App Store Connect 的 2007 × 2853 截圖尺寸,在 3x 倍率假設下代表 669 × 951 點,這在模擬器報出數字之前仍是推論。在模擬器出來之前,669 × 951 的檢查該和 626 × 890 的檢查並排放著。

又兩個技能。 eisenjimmy/iphone-duo-skill 建立於上午 11 點 23 分(太平洋時間),到傍晚有 8 顆星,自稱是「一份有出處支撐的 Agent Skill,用於設計一個在 iPhone Duo 的每種姿態下都保持連貫的自適應 iPhone App」,反對做裝置判斷(「錯誤的調整,就是藏在裝置判斷背後的第二個 App」),並把自己的規則濃縮成一句話:「佈局對可用空間作出反應。實體互動可以對鉸鏈作出反應。」21 建立於下午 5 點 31 分的 its-panzer/iphone-duo-design「以 Apple 發表時的六場 Tech Talk 與人機介面指南為依據」,並「收錄 15 條附出處連結的規則、設計與審查提示詞,以及一張以狀態為基礎的測試矩陣」。21 一天半裡冒出九個技能儲存庫,而最新的兩個都自稱有出處支撐。

我今天會用什麼,又會等什麼

  • 會用: Apple 的邊框包,用在自家 App 的模型圖與行銷圖;App Store Connect 的尺寸,用在你現在就在搭的截圖流程上;Duo 的上傳已於2026年10月5日開放(本文原先寫的是今年稍晚;10月7日更正);DuoKit,當成附有可執行程式碼(跑在 iOS 26 上)的講座導讀。
  • 謹慎使用: 摺疊習作只用於內部展示或原型,因為 Apple 的規範把自家產品的 3D 算繪與模擬列進了行銷材料不被允許的用途;任何代理技能,都當成可以拿來爭論的檢查清單,而不是 API 名稱的來源。
  • 會等: 在對著 ArrangementView、保留區域或工具列軸向 API 寫下第一行程式碼之前,等 Xcode 27.1 beta;在敲定移轉方案之前,等「Preparing your app for iPhone Duo」指南;在把任何 Figma 畫板當成定稿之前,等專屬的 iPhone Duo Figma 檔案——今天要開始佈局工作,Figma 版的 iOS 27 UI Kit 加上 PNG 邊框已經夠用。(10月11日:beta 已於9月18日推出,RC 則在10月5日;指南在9月17日之前就已上線,Apple 也在9月18日加入了 iPhone Duo 的 Figma 與 Sketch 套件。22)

重點整理

給設計師: - Apple 的 iPhone Duo 邊框確實有了,Photoshop 與 PNG 兩種格式、兩種配色、五種姿態;內螢幕挖空是 2853 × 2007,也就是 App Store Connect 的尺寸,而不是面板的;它們正是 Apple 規範為行銷指名的素材,而 3D 算繪在那裡不被允許。12 - App Store Connect 的截圖那一列是第一份點尺寸證據:在 3x 假設下內螢幕 669 × 951、外螢幕 466 × 678;至於算繪機制,在模擬器出來之前只是推論。3

給開發者: - 第一天裡做出來的東西,沒有一件能對著 Duo 的 API 編譯;Apple 仍把 SDK 標為本月稍晚推出,而流傳在外的每個 API 名稱都抄自預先發布的講座頁面,請拿它們去跟標頭檔比對。4810 - 懸而未決的問題,是 compact 與 regular 兩套階層在摺疊前後的狀態;Apple 至今給出的指引只有一句話。1116

給關注代理經濟的人: - 頭 24 小時裡出現了七個給程式設計代理用的指令包儲存庫,與最早的範例程式碼同期,其中一個就在一個 154 顆星的合集裡;做得好的那些,都帶著日期與一則警告。10

常見問題

Apple 發布了 iPhone Duo 的 Figma 或 Sketch 套件嗎?

沒有。截至 9 月 10 日上午,Design Resources 頁面只為 iPhone Duo 提供 Photoshop 與 PNG 格式的產品邊框。iOS 27 與 iPadOS 27 的 UI Kit 有 Figma 與 Sketch 版本,但頁面上沒有 Duo 檔案。1

App Store Connect 要求 iPhone Duo 用什麼尺寸的截圖?

外螢幕 1398 × 2034 像素,內螢幕 2007 × 2853 像素,橫向直向都要;依 App Store Connect 的發行說明,這是 9 月 9 日加上的。App 預覽是 886 × 1920 或 1920 × 886,而 iPhone Duo 的上傳已於2026年10月5日開放,自2027年4月起,每次送審都必須附上 Duo 截圖(本文原先依 Apple 9月9日的發行說明寫成今年稍晚;10月7日更正)。31718

今天就能對著 iPhone Duo 的 API 開發嗎?

不能。帶有 iOS 27.1 SDK 的 Xcode 27.1 beta 被標示為本月稍晚推出,保留區域與排列 API 也沒有任何文件頁。那些寫出這些 API 名稱的社群儲存庫,名字取自 Tech Talk 的旁白與頁面上的程式碼。4810(10月11日:可以了。Xcode 27.1 beta(27A9269)已於9月18日推出,帶有 iOS 27.1 SDK 的 Xcode 27.1 RC(27A9275)則在10月5日推出,App Store Connect 也接受以 RC 建置的版本上架 App Store。22)

有 iPhone Duo 模擬器嗎?

Xcode 27 的候選發行版裡沒有。第一場 Tech Talk 描述了 Xcode 27.1 中一個帶展開、闔上、旋轉與摺疊控制項的 iPhone Duo 模擬器。411

來源


  1. Apple Developer,Design Resources,2026 年 9 月 10 日上午 10 點 20 分(太平洋時間)取得:Product Bezels 底下列有「iPhone Duo」,下載項為「Photoshop, PNG」(Bezel-iPhone-Duo.dmg);iOS 27 與 iPadOS 27 的 UI Kit 列有 Figma 與 Sketch 版本;沒有 iPhone Duo 的 Figma 或 Sketch 條目。內容與像素尺寸出自作者對下載映像檔的檢視:10 個 PSD 與 10 個 PNG,Night Sky 與 Star White,姿態為 Inner Open Landscape(畫框 3093 × 2247,螢幕挖空 2853 × 2007,邊距 120 像素)、Inner Open Portrait(2247 × 3093,挖空 2007 × 2853)、Outer Closed Landscape(2194 × 1574,挖空 2034 × 1398)、Outer Closed Portrait(1574 × 2194,挖空 1398 × 2034)與 Outer Open(3056 × 2194,右半邊為外螢幕的 1398 × 2034 挖空)。挖空由 PNG 的 Alpha 通道量得;外螢幕挖空為 2032 長的完全透明像素,兩端各加一列近乎透明的像素。 ↩↩↩↩↩↩↩

  2. Apple,「License Agreement for Apple Design Resources」,即 Bezel-iPhone-Duo.dmg 內的 RTF 檔,把這些資源限定用於製作執行在 Apple 作業系統上的軟體產品的使用者介面模型圖;Apple,App Store Marketing Guidelines,Apple Product Images 一節,2026 年 9 月 10 日取得:「在所有行銷材料中使用 Apple 提供的產品邊框,以便在 App 所支援的 Apple 裝置上展示您的 App」;以及 Unauthorized Uses 一節中的「以下對 Apple 產品的使用在行銷材料中不被允許:以 3D 方式算繪,或製作任何 Apple 產品的模擬。」 ↩↩↩↩

  3. Apple,App Store Connect 說明,Screenshot specifications,2026 年 9 月 10 日上午 10 點 40 分(太平洋時間)取得。自表格謄錄的 iPhone Duo 那一列:截圖尺寸 1398 × 2034 像素與 2034 × 1398 像素(外螢幕);2007 × 2853 像素與 2853 × 2007 像素(內螢幕)。5.5 吋那一列要求 1242 x 2208 像素。9 月 9 日的一次抓取沒有跟隨該頁的轉址,結果沒有回傳內容,被誤讀為「沒有 iPhone Duo 那一列」;依註 18,該列是 9 月 9 日加上的。 ↩↩↩↩↩↩↩

  4. Apple Developer,Get Ready for iPhone Duo,2026 年 9 月 10 日上午 10 點 20 分(太平洋時間)取得,文字與 9 月 9 日下午 4 點 10 分(太平洋時間)的副本完全一致:「Xcode 27.1 beta … Coming later this month」;「Preparing your app for iPhone Duo … Coming later this month」。同一天上午取得的 SwiftUI、UIKit 與技術總覽文件索引中沒有「iPhone Duo」;Xcode 27.1 與 iOS 27.1 的發行說明頁回傳 404。 ↩↩↩↩↩↩↩↩

  5. GitHub,chuspeeism/iphone-duo,2026 年 9 月 10 日凌晨 0 點 51 分(太平洋時間)建立,MIT,上午 10 點 30 分(太平洋時間)時 40 顆星;描述為引用。GitHub,lqSky7/iphone-duo-macos-animation,9 月 10 日凌晨 4 點 8 分(太平洋時間)建立,4 顆星。GitHub,bravohenry/iphone-duo-motion-study,9 月 10 日凌晨 3 點 43 分(太平洋時間)建立,6 顆星,無授權檔案;其 readme 描述了一個載入 glTF 模型(含二進位緩衝與 AVIF 材質)的 WebGL 檢視器,以及一個「Device Anatomy」爆炸視圖。lqSky7 的 readme 題辭為逐字引用。以「iPhone Duo」為關鍵字、建立時間晚於 9 月 8 日的 GitHub 儲存庫搜尋,在上午 10 點 20 分(太平洋時間)回傳 37 個儲存庫。 ↩↩↩↩↩

  6. GitHub,jal-co/iphone-duo,2026 年 9 月 9 日下午 1 點 13 分(太平洋時間)建立,MIT,12 顆星;readme 引用,包括「3D 手機模型與沙漠桌布來自 Apple」與「這是一項獨立習作,並非 Apple 產品」;其程式碼樹中含 public/models/iphone-duo.glb 與 iphone-duo.usdz。chuspeeism 的 readme:「Apple 的模型與影像被排除在本儲存庫與 MIT 授權之外」、「Apple 參考素材需另行下載」;其程式碼樹中沒有模型檔案。 ↩

  7. GitHub,bonxn/dood-iphone-duo(「帶螢幕影片的互動式 3D 模型圖,並可匯出 mp4」,以 jal-co/iphone-duo 為基礎)與 huanglizhuo/iPhoneDuoMock(「Duo Studio」,readme 為中文:匯出 PNG、MP4、WebM、GIF 與嚴格尺寸的介面 PNG),皆建立於 2026 年 9 月 10 日。 ↩↩

  8. GitHub,openHacking/DuoKit,2026 年 9 月 10 日上午 6 點 30 分(太平洋時間)建立,MIT;readme 中列出 12 個範例;提醒為逐字引用。 ↩↩↩↩↩↩

  9. GitHub,yunodevs/DuoLayoutKit,2026 年 9 月 9 日晚上 11 點 34 分(太平洋時間)建立,MIT;描述為引用。 ↩

  10. GitHub:FloWritesCode/fwc-swiftui-skills(154 顆星;9 月 9 日晚上 11 點 34 分(太平洋時間)的提交,「Add a SwiftUI iPhone Duo skill for adaptive foldable layouts.」);mirzaaghazadeh/iphone-duo-skills(12 顆星;「九個全部安裝」;引用);bahimzabir/iphone-duo-adaptive-ui(引用);mahdi-salmanzade/iphone-duo-skill;CodyBontecou/iphone-duo-agent-brief;mustafayazgul/iPhoneDuoAIAgentDoc;hechen/iphone-duo-skills(2026 年 9 月 9 日下午 2 點 52 分(太平洋時間)建立,MIT,「為 iPhone Duo 準備的七項有出處支撐的 AI 程式設計技能」)。星數為 9 月 10 日上午 10 點 30 分(太平洋時間)的數據。 ↩↩↩↩↩↩↩↩↩

  11. Mastodon,mastodon.social,時間由世界標準時換算為太平洋時間:Greg Pierce,9 月 8 日上午 7 點 41 分、9 月 9 日下午 12 點 12 分與下午 2 點;Craig Hockenberry,9 月 9 日上午 11 點 55 分與下午 12 點 27 分;Steve Troughton-Smith,9 月 9 日下午 12 點 16 分與9 月 10 日上午 9 點 37 分;James Thomson,9 月 9 日下午 4 點 27 分。引文均為逐字引用。 ↩↩↩↩↩↩↩↩↩↩↩↩

  12. Jordan Morgan,iPhone Duo: First Developer Good-to-Knows,Swiftjective-C,2026 年 9 月 9 日;引用。 ↩

  13. Zac Hall,The race to build great iPhone Duo apps is about to begin,9to5Mac,2026 年 9 月 10 日上午 8 點 11 分(太平洋時間);引用了其中一個標題與第二節的一句話。文中連結了 9to5Mac 9 月 9 日的報導,Here’s how iPhone Duo treats apps not optimized for the foldable display。 ↩

  14. Hacker News,iPhone Duo,關於 apple.com/iphone-duo 的討論串,2026 年 9 月 9 日上午 11 點 15 分(太平洋時間)發表;依 Algolia API 在 2026 年 9 月 10 日上午 10 點 35 分(太平洋時間)的數據,為 1,346 分、2,343 則留言。 ↩

  15. YouTube,Flo writes Code,How to Prepare Your SwiftUI App for iPhone Duo,2026 年 9 月 10 日上午 6 點 5 分(太平洋時間)上傳;Paul Solt,iPhone Duo Isn’t in Xcode 27 Yet,2026 年 9 月 9 日晚上 8 點 55 分(太平洋時間)上傳。 ↩↩

  16. Apple 人機介面指南,Designing for iPhone Duo,Best practices:「在兩塊螢幕之間讓功能與元素狀態保持一致。」 ↩↩

  17. Apple,App Store Connect 說明,App preview specifications,2026 年 9 月 10 日上午 11 點 20 分(太平洋時間)取得。謄錄的 iPhone Duo 那一列:Device resolutions 2034 × 1398 像素、2853 × 2007 像素(19.5:9 aspect ratio);Accepted resolutions 886 x 1920 像素(直向)、1920 x 886 像素(橫向);註記:「在 App Store Connect 中為此裝置上傳素材的支援將於今年稍晚提供。」 ↩↩↩↩

  18. Apple,App Store Connect 說明,Release notes,日期為 2026 年 9 月 9 日的條目:「已新增 iPhone Duo、iPhone 18 Pro Max、iPhone 18 Pro、Apple Watch Ultra 4 與 Apple Watch Series 12 的 App 預覽與截圖規格。在 App Store Connect 中為 iPhone Duo 上傳素材的支援將於今年稍晚提供。」Apple Developer,Releases,「App Store Connect Update」,2026 年 9 月 9 日星期三下午 3 點(太平洋時間);2026 年 9 月 10 日上午 11 點 37 分(太平洋時間)取得的發行 RSS 訂閱來源中,該條目的 pubDate 為「Wed, 09 Sep 2026 15:00:00 PDT」。2026年10月7日更正:Apple 已於2026年10月5日開放 iPhone Duo 的送審:「You can submit your iPhone Duo optimized apps and games in App Store Connect today. Starting April 2027, any apps or games submitted will need to include screenshots for iPhone Duo.」(今天起即可在 App Store Connect 送審為 iPhone Duo 最佳化的 App 與遊戲;自2027年4月起,送審的任何 App 或遊戲都必須附上 iPhone Duo 的截圖。)Apple Developer,News,「Prepare and submit your apps for iPhone Duo」,2026年10月5日,https://developer.apple.com/news/?id=kkphp5qo。 ↩↩↩

  19. GitHub,2026 年 9 月 10 日下午 6 點 37 分(太平洋時間)透過 API 取得的儲存庫中繼資料,建立時間由世界標準時換算為太平洋時間:sumimakito/Mac-Duo(上午 11 點 55 分建立,Apache-2.0,49 顆星;README 引用,其中列出「Metal rendering」、經由 ScreenCaptureKit 的「Live screen content」,以及「給 Apple Silicon 與 Intel Mac」的已簽章開發版本);lqSky7/iphone-duo-macos-animation(macTilt,18 顆星);alexey1312/foldy(上午 10 點 53 分,MIT;描述為引用);mhadifilms/fold(上午 6 點 21 分,MIT,「Native Swift and Metal」);CakeAL/mac-duo(上午 11 點 39 分,MIT);justhenix/winduo(下午 4 點 54 分,C++,MIT;描述為引用);ThinkOffApp/Fold8HingeFade(下午 12 點 56 分,Kotlin;描述與 README 為引用);narayann7/duo_animation(下午 3 點 38 分,Dart,MIT;描述為引用);charugupta-dev/iPhoneDuoAnimation(下午 12 點 14 分;描述為「使用 SwiftUI Metal 著色器與 Core Motion 實作的 iPhone Duo 摺疊動畫。」)。數量:以「iPhone Duo」搭配 created:>=2026-09-10 的 GitHub 儲存庫搜尋,在下午 6 點 36 分(太平洋時間)回傳 53 筆結果。 ↩↩↩↩↩

  20. GitHub,uguratmaca/duo-check,2026 年 9 月 10 日下午 2 點 41 分(太平洋時間)建立,TypeScript,MIT;描述與 README 為引用;src/presets.ts 將 duo-closed 定義為 344 × 774,duo-open 定義為 690 × 872。Progressier,iPhone Duo Simulator,2026 年 9 月 10 日下午 6 點 38 分(太平洋時間)取得;引用該頁的 FAQ。Hacker News,「I built a simulator for the iPhone Duo」,2026 年 9 月 10 日下午 6 點 13 分(太平洋時間)發表(依 Hacker News API,條目時間為世界標準時 9 月 11 日 01:13)。 ↩↩

  21. GitHub,eisenjimmy/iphone-duo-skill,2026 年 9 月 10 日上午 11 點 23 分(太平洋時間)建立,MIT,下午 6 點 37 分(太平洋時間)時 8 顆星;README 為引用。GitHub,its-panzer/iphone-duo-design,2026 年 9 月 10 日下午 5 點 31 分(太平洋時間)建立;README 為引用。 ↩↩

  22. Apple,Releases,2026 年 10 月 11 日擷取的 RSS 摘要:「Xcode 27.1 beta (27A9269)」日期為 Fri, 18 Sep 2026 10:00:00 PDT,「Xcode 27.1 RC (27A9275)」日期為 Mon, 05 Oct 2026 10:00:00 PDT。Apple,Xcode 27.1 RC Release Notes,2026 年 10 月 11 日擷取,Overview:「Xcode 27.1 RC includes Swift 6.4 and SDKs for iOS 27.1, iPadOS 27, tvOS 27, watchOS 27, macOS 27, and visionOS 27.」Apple,App Store Connect 說明,Release notes,2026 年 10 月 11 日擷取,2026 年 10 月 5 日的條目:「You can now upload apps built with Xcode 27.1 RC using the SDK for iOS 27.1, iPadOS 27.0, macOS 27.0, tvOS 27.0, visionOS 27.0, and watchOS 27.0 for the App Store, and for internal and external testing through TestFlight.」Apple,Get Ready for iPhone Duo,「Preparing your app for iPhone Duo」卡片:2026 年 9 月 15 日擷取時為「Coming later this month」,9 月 17 日為「Explore documentation」,並連到該指南。Apple,「Build for iPhone Duo with new resources」,新聞,2026 年 9 月 18 日:「Get Figma and Sketch design kits for iPhone Duo from the Apple Design Resources.」 ↩↩↩

相關文章

開發者眼中的 iPhone Duo:1.42 的難題與 SDK 空窗

開發者視角的 iPhone Duo:從 App Store Connect 截圖推得的螢幕點數、兩種螢幕形狀、Split View、Touch ID、SDK 時程,以及六場 Tech Talks。

23 分鐘閱讀

可調整大小的 iPhone 時代:在 9 月之前讓 App 做好準備

iOS 27 把可調整大小的界線畫在您所使用的 SDK 上。檢查清單:盤點固定尺寸的假設、採用自適應佈局、在 Xcode 27 中測試。

7 分鐘閱讀

為 iPhone Duo 做設計:什麼會移動、什麼會分割、什麼保持不動

把 Apple 的 iPhone Duo 設計指南與三場 Tech Talk 當成規則來讀:以兩個尺寸類別取代逐一適配的姿勢、摺痕處的位移、arrangement,以及側邊列。

16 分鐘閱讀