主題指南
設計
瞭解 Apple 持續演進的視覺語言、互動原則、圖示、動態效果，以及打造清楚跨平台體驗的設計工藝。
設計主題不只著重 API，也重視判斷力。內容探討層級、材質、動態效果、佈局、聲音與平台慣例如何相互配合，並說明如何在調整介面的同時保留產品特色。
- Session
- 50
- 2026
- 13
- 2025
- 22
- 2024
- 15
這個主題涵蓋的內容
- 視覺系統與平台慣例
- 互動、動態效果與回饋
- 圖示、佈局與產品工藝
WWDC 2026
13 場 Session- Icon Composer 初學者團體 Lab線上加入我們，針對 Icon Composer 入門提出問題、取得建議並參與討論。活動以英語進行。
- SwiftUI 的新功能探索 SwiftUI 的最新功能，瞭解它們如何改善應用程式。我們將介紹全新的 Document 協定，可直接存取磁碟並以快照為基礎比較差異，以建構高效能應用程式；用於重新排列列表、格狀顯示和區段內容的新 API；以及可設定顯示優先順序和自動縮小行為的工具列增強功能。我們也會介紹擴充的顯示 API（包括任何 View 上的滑動動作）、AsyncImage 快取改善項目，以及 Observable 型別的延遲狀態初始化。
- 使用 Reality Composer Pro 3 設計無程式碼遊戲探索如何在 Reality Composer Pro 3 中使用 ScriptGraph，為應用程式和遊戲製作無程式碼 3D 內容。瞭解如何運用視覺化節點建構動畫、創造互動時刻，並加入 SwiftUI 元素，為體驗增添對話框和其他 UI。
- 使用 SwiftUI 組合進階圖形效果探索如何創意組合 SwiftUI 佈局和圖形 API，製作豐富的自訂體驗。我們將示範如何拆解複雜設計，並使用創作流程串連簡單的建構區塊。瞭解如何使用圖層著色器繪圖、透過時間軸製作動畫，以及使用對齊參考線定位 View。
- 使用 Xcode 中的 Agent 建立 UI 原型了解如何使用 Xcode 中的 Agent 製作應用程式原型。探索運用 AI 製作互動原型、反覆調整版面，以及針對設計挑戰產生創意解法的技巧。你會學到如何審慎評估構想，並將其改進為完善且以人為本的應用程式體驗。
- 出色設計的原則深入瞭解 Apple 平台的基本設計原則。
- 在 iOS 上傳達品牌識別探索運用字體排印、色彩、元件和互動來建立品牌的實用方法，在熟悉感與獨特性之間取得平衡。
- 深入瞭解 SwiftUI 的延遲堆疊與捲動探索 SwiftUI 延遲堆疊的內部運作方式。我們將探索 LazyVStack 和 LazyHStack 如何估算大小、延遲載入子 View 並預先擷取內容，以提供流暢的捲動體驗。我們也會介紹進階效能最佳化、狀態管理的最佳做法，以及精確程式化捲動的技巧。若要充分理解本 Session，建議先熟悉使用堆疊進行 SwiftUI 佈局的基本方式。
- 為 visionOS 應用程式和空間 Web 設計沉浸式環境了解如何為應用程式、網站和 SharePlay 體驗建立逼真的 visionOS 環境。探索讓環境呈現真正沉浸感的設計原則，並了解如何建立或擷取參考素材、準備高精細度 CG 資源，以及製作動態和光線等即時效果。
- 為應用程式功能和標籤訂定清楚的名稱產品、功能和標籤的名稱會影響使用者理解和瀏覽應用程式的方式。探索應用程式設計中審慎命名背後的原則、檢視 Apple 應用程式採用的模式，並瞭解如何有意識地做出命名決策。
- 瞭解 CSS Grid Lanes建構能容納各種內容形狀和大小的適應性 Web 佈局。探索 Grid Lanes 如何讓你使用簡單的 CSS，將不同形狀的元素排列成簡潔、靈活的設計。瞭解 flow-tolerance 如何在維持佈局彈性的同時，改善輔助使用體驗。
- 設計直覺的搜尋體驗探索在應用程式中實作搜尋時可採用的新模式和最佳做法。瞭解搜尋如何在協助使用者尋找及瀏覽內容方面發揮關鍵作用，並探索如何在不同的導覽模式和 Apple 平台中整合搜尋。
- 重新認識 HTML select 元素瞭解如何完整掌控 Web 上 select 選單的樣式。HTML select 元素迎來重大升級，加入全新的 CSS appearance 值和新的擬元素。探索 select 選項如何容納豐富內容，為 HTML 開啟新的可能。建構符合設計系統的 select，同時保留預設元素的輔助使用功能和穩健性。
WWDC 2025
22 場 Session- SF Symbols 7 的全新功能探索 Apple 圖像符號資料庫 SF Symbols 的最新更新。認識全新的動畫系統 Draw，它能讓符號呈現手寫筆畫的自然流動感；以及可用來表達強度或進度的 Variable Draw。探索為符號增添立體感和視覺趣味的 Gradients，以及讓相關符號之間的轉換更連貫的 Magic Replace 增強功能。了解如何預覽這些功能，並將它們整合到自己的應用程式中。
- Xcode 26 新功能探索 Xcode 26 的生產力與效能進展：在開發流程運用大型語言模型、編輯與除錯改進、更完善的效能與測試工具，以及 Xcode 採用的開源建置系統引擎 Swift Build。
- visionOS 26 最新功能探索 visionOS 26 的精彩新功能。認識強化的立體空間 API，並瞭解如何結合 SwiftUI、RealityKit 與 ARKit 的強大功能。探索如何運用更快速的手部追蹤與空間配件輸入，打造更引人入勝的應用程式與遊戲。搶先一覽 SharePlay、Compositor Services、沉浸式媒體、空間 Web、Enterprise API 等多項更新。
- 以全新設計建構 SwiftUI 應用程式探索 Liquid Glass 如何改變應用程式的外觀與操作感受。瞭解這項亮眼的新材質如何強化跨平台的工具列、控制項與應用程式結構，提供令人愉悅的互動，並讓應用程式與系統順暢融合。學習如何採用新的 API，充分發揮 Liquid Glass 的優勢。
- 以全新設計建構 UIKit 應用程式更新你的 UIKit 應用程式，充分發揮全新設計系統的優勢。我們將深入介紹標籤頁顯示方式、分割顯示方式、橫列、呈現方式、搜尋與控制項的主要變更，並示範如何在自訂 UI 中使用 Liquid Glass。若想充分掌握本影片內容，建議先觀看「認識全新設計系統」，瞭解一般設計指引。
- 使用 Icon Composer 製作圖示了解如何使用 Icon Composer，為 iOS、iPadOS、macOS 和 watchOS 製作新版應用程式圖示。認識如何從所選的設計工具匯出資源、將資源加入 Icon Composer、套用即時玻璃屬性和其他效果，並針對不同平台和外觀模式預覽與調整圖示。
- 使用 SwiftUI 在 visionOS 中設定場景探索精彩的新 API，強化 visionOS 應用程式中的視窗、立體空間與沉浸式空間。微調場景在重新啟動或鎖定位置時的行為。運用裁切邊界與吸附功能，讓立體空間適應周遭環境。從 Mac 串流沉浸式內容到 Vision Pro。以立體空間與沉浸式空間提升現有的 UIKit 應用程式。
- 包容性應用程式設計原則探索對身心障礙的理解如何協助你為所有人建立更好的應用程式。瞭解如何支援多種互動方式、提供自訂選項並採用輔助使用 API，讓應用程式更具包容性。
- 從構想到介面的設計基礎出色的應用程式清楚直覺，使用起來毫不費力。在本 Session 中，你會了解應用程式設計如何提升功能、傳達用途、引導使用者瀏覽內容，並妥善運用元件，在保留影響力的同時維持簡潔的體驗。本 Session 適合各種程度的設計師和開發者，也適合任何對設計感到好奇的人。
- 探索 visionOS 影片體驗瞭解在應用程式中建立與呈現沉浸式影片體驗的不同方式。我們將探索 visionOS 26 提供的多種媒體類型，包括適用於 180°、360° 與廣視野影片的描述檔、製作及播放 Apple Immersive Video 的選項，以及 2D、3D 與空間影片的擴充功能。探索最適合你的應用程式與內容的描述檔。
- 探索裝置端基礎模型的提示設計與安全性運用 Foundation Models 框架的優勢設計生成式 AI 體驗。學習為 Apple Intelligence 核心的裝置端大型語言模型設計提示，理解 AI 安全概念，並以具體策略打造安全、可靠且令人愉悅的功能。
- 提升 iPad App 的設計學習 iPadOS App 設計實務：為可調整大小的視窗建立回應式版面、妥善安排視窗控制項、打造選單列，並認識新的指標與效果。
- 最佳化 visionOS 的自訂環境探索如何使用程序式工具，為 visionOS 應用程式或遊戲建立精美的沉浸式環境。我們將分享建立高品質環境的基本元件，再深入探討最佳化流程。瞭解如何使用 Apple 提供的一系列 Houdini 工作流程，降低場景的多邊形數量、清理幾何圖形、封裝 UV 貼圖，並建立 USD 素材，以便匯入 Reality Composer Pro 或你選用的遊戲引擎。
- 為 visionOS 設計 widget為 visionOS 26 設計自然融入周遭環境的 widget，加入深度並自訂空間運算材質、大小與樣式；也可調整既有 widget，或設計如真實物件般的新 widget。
- 為 visionOS 設計懸停互動探索如何為 visionOS 應用程式建立進階互動。我們將探討如何設計精彩的自訂懸停效果與動畫、避開常見錯誤、善用「注視捲動」等互動方式，以及運用持續效果打造直覺的媒體控制項。
- 用小幅文字調整帶來重大影響各平台推出全新設計系統，現在正適合重新檢視 UI 中的文字。了解移除重複內容、先說明好處等小幅調整，如何快速提升應用程式的易用性和清晰度。
- 相輔相成：SwiftUI 與 RealityKit探索如何在 visionOS 26 中流暢結合 SwiftUI 與 RealityKit。我們將介紹 Model3D 的改進，包括動畫與 ConfigurationCatalog 支援，並示範如何順暢轉換至 RealityView。你將瞭解如何利用 SwiftUI 動畫驅動 RealityKit 元件變更、實作互動式操控、使用新的 SwiftUI 元件提供更豐富的互動，以及從 SwiftUI 程式碼觀察…
- 設計互動式摘要摘要是由 App Intents 呼叫的精簡顯示內容，用來呈現應用程式中的資訊。現在，摘要可加入按鈕與具狀態的資訊，作為 Intent 的一部分提供更多互動，讓應用程式為 Siri、Spotlight 與「捷徑」帶來更多功能。在本 Session 中，你將學習摘要設計的最佳做法，包括佈局、字體排印、互動與 Intent 類型的相關指引。
- 認識 Liquid GlassLiquid Glass 統一 Apple 平台的設計語言，帶來更動態、更具表現力的體驗。認識其設計原則、核心光學與物理特性，以及適用情境與原因。
- 認識 SwiftUI 空間佈局探索使用 SwiftUI 建構空間體驗的新工具。瞭解 visionOS 上 3D SwiftUI 顯示方式的基礎、使用深度對齊自訂現有佈局，以及透過修飾器在空間中旋轉與放置顯示內容。探索如何使用空間容器，在同一個 3D 空間中對齊顯示內容，協助你打造沉浸且引人入勝的應用程式。
- 認識全新的設計系統深入了解全新的設計系統，探索視覺設計、資訊架構和核心系統元件的重要變化。了解這套系統如何重塑介面與內容之間的關係，讓你建立能因應不同裝置、螢幕尺寸和輸入方式，兼具動態感、協調性和一致性的設計。
- 迎接 App 圖示的全新外觀概覽 iOS、iPadOS 與 macOS App 圖示的新外觀，包括明暗色調與透明選項。運用霧面與半透明效果增添活力，並確保圖示適合鏡面高光。
WWDC 2024
15 場 Session- SF Symbols 6 新功能探索 SF Symbols 6，Apple 為各平台系統字體 San Francisco 設計的圖像資料庫。了解 Wiggle、Rotate 與 Breathe 動畫 preset。建議先觀看 WWDC23 的 SF Symbols 5 Session。
- 使用 SwiftUI 建立自訂視覺效果在 SwiftUI 建立捲動效果、色彩處理與自訂轉場，並使用 Metal shader 和自訂文字算繪製作進階圖形效果。
- 在 visionOS 建立自訂懸停效果建立隨視線更新 view 的懸停效果，以透明度、縮放與裁切組合按鈕展開效果，同時兼顧舒適度與無障礙需求。
- 強化 UI 動畫與轉場在導覽與呈現中採用縮放轉場，增加 App 的連續感；使用 SwiftUI 動畫驅動 UIKit view，建立連貫動畫。
- 探索 visionOS 多重視角影片播放使用 AVExperienceController 在 Apple Vision Pro 播放多部影片。查看採用建議、從不同角度觀看賽事或同時觀看多場比賽等案例，並設計直覺的多重視角體驗。
- 探索 visionOS 遊戲輸入設計與實作 visionOS 遊戲輸入。了解系統手勢如何簡化互動，以及支援自訂手勢和遊戲控制器的做法。
- 提升 iPadOS 標籤頁與側邊欄體驗iPadOS 18 新導覽系統可在標籤列與側邊欄間切換。使用 SwiftUI 與 UIKit 讓使用者新增、移除及重新排列標籤頁。
- 為 Apple Watch 設計即時動態從 watchOS 11 起，iOS App 的即時動態會自動出現在相連 Apple Watch 的智慧型堆疊。了解如何為手腕最佳化版面，在適當時間提供合宜的資訊與互動。
- 為 Apple 平台設計進階遊戲讓高階遊戲自然適應 Mac、iPad 與 iPhone。了解不同顯示器的視覺調整、各裝置的輸入與控制，以及可改善玩家體驗的 Apple 技術。
- 為 visionOS 沉浸式 App 建立自訂環境為 Apple Vision Pro 建立視覺豐富且效能良好的自訂 App 環境。了解設計準則、專家建議，以及適用各種數位內容製作工具的技巧。
- 為系統體驗設計 App IntentsApp Intents 驅動控制項、Spotlight 與 Siri 等系統體驗。判斷適合的功能、用參數增加彈性，讓使用者在 App 外執行動作，或在需要脈絡時導入 App。
- 設計 visionOS 互動體驗向 Encounter Dinosaurs 設計團隊學習 Apple Vision Pro 互動敘事。了解它與 App、媒體及遊戲的差異，設計能適應各種空間與尺寸、具多層互動的故事，並運用動畫、空間音訊與自訂手勢提升沉浸感。
- 設計出色的 visionOS App從沉浸感、眼睛與手部操作、深度、比例及空間著手設計空間運算 App，並查看優秀 visionOS App 的設計案例與思路。
- 認識新一代 CarPlay 設計系統探索讓汽車製造商表達車款特色與品牌的新一代 CarPlay 設計系統。了解儀表、版面與動態內容的自訂和調整方式。本 Session 適合汽車製造商、系統開發者與相關設計人員。
- 透過 UX 寫作為 App 加入個性定義 App 的語調，並針對慶祝通知、錯誤訊息等情境調整。釐清 App 目的與受眾，練習不同語氣的寫法。