SixD: SwiftUI 開發與互動設‪計‬ 4+

Name: SixD: SwiftUI 開發與互動設計
Author: Haolun Yang

SwiftUI & Interaction Design

Haolun Yang

- 免費

簡介

SixD 由楊昊倫設計與開發，榮膺 Apple WWDC23 Swift Student Challenge 獎項。

SixD (SwiftUI & Interaction Design) 來自於我的願景「創造一個設計師與開發者之間的橋樑」。

在 SixD 中，你可以：
• 透過互動式指南學習 UI 設計基礎。
• 在 SwiftUI Lab 探索不同的 SwiftUI 組件，調整它們，並直接拷貝對應的 SwiftUI 程式碼。
• 瀏覽全部 SF Symbols，並透過自然描述搜尋它們 ("share" 而非 "square.and.arrow.up")。

SixD 會不斷迭代，並成為設計師和開發者最重要的工具之一。

2024年12月23日

版本 4.0

SixD 4.0 帶來了眾多全新 SwiftUI Lab 功能以及完全的重新設計。

在 SwiftUI Lab 中的更新：
• 全新的搜尋功能 - 輕鬆尋找你需要的 SwiftUI Lab。你現在可以透過「佈局」這樣的標題，或是「VStack」和「Padding」這樣的關鍵字來搜尋
• Metal Shader 著色器效果，諸如漸進模糊（progressive blur），已在 Effect Lab 中可用
• Mesh Gradient 網格漸變效果，以及對它直觀的圖形控制，已在 Color Lab 中可用*
• Swift Charts 圖表，包括扇形圖、條形圖等，已來到全新的Charts Lab
• Camera 相機視圖，以及透過遮罩和模糊實現半透明介面效果的能力，已來到全新的 Camera Lab
• Web 網頁視圖以及 In-App Safari 視圖已來到全新的 Web Lab
• Video/Audio 影片與音訊播放器已來到全新的 AVKit Lab

* 需要 iOS 18 或 iPadOS 18 及更高版本

在 SF Symbols 中的更新：
• 精選的最常用的圖示會被顯示在最頂部，幫助你更輕鬆地找到表達「返回」、「搜尋」、「資訊」的圖示。
• 更新的SF Symbols資料庫，包含關於 Apple Intelligece 的全新圖示。

在 App 的設計與體驗中的更新：
• 在 Mac 版本中引入了重新設計的、具有流暢互動的側邊欄
• 在 Mac 版本中的新 SwiftUI Lab 現在會以新視窗的形式打開，你還可以全視窗查看 SwiftUI 程式碼，以發揮更多原生桌面體驗的優勢
• 改進了 SwiftUI 程式碼的文本選擇體驗
• 改進了視覺設計語言與色彩的使用

* 需要 macOS 15 及更高版本