Figma) 中的 Surface Duo Design Kit (

Surface Duo 設計工具組

Surface Duo 設計工具組是 Figma 社群資源,可協助應用程式設計師和開發人員建置雙螢幕使用者體驗。 此套件中的元件是 Surface Duo 在 Android 上覺得 Microsoft 產品的建置組塊。

  • 裝置框架 - 入口網站和模糊色彩的裝置外框,以呈現螢幕擷取畫面。
  • 安全區域 - 安全區域 可防止內容不套用應用程式標頭、導覽列、索引標籤和轉軸。
  • 手寫筆互動 - 如何設計手寫筆輸入的互動。
  • 設計模式和指導方針 - 套件中的設計模式會顯示不同應用程式案例的雙螢幕顯示器的可能性,以及所有專案如何結合在一起,以取得有意義的產品體驗。
  • 影片和媒體指導方針 - 在可折迭使用者體驗中包含視訊和影像的秘訣。
  • 狀態 - 雙螢幕裝置可以採用各種硬體和產業設計變化。 最近發行的 Surface Duo 以及其他規劃中的裝置,旨在協助定義類別,但其他裝置可能會有更大的顯示器或不同的轉軸設計。 在設計應用程式時請記住一點,那就是您應該避免針對市面上現今的任何特定裝置規格來進行設計。
  • 版面配置、控制項和外掛程式 - 考慮到雙螢幕尺寸,我們確定您可以設計您喜歡使用熟悉的控制項和版面配置的方式。 我們也醒目提示您在設計雙螢幕應用程式時要注意的詳細資料,例如轉軸,並包含用於進行隨選設計的版面配置。
  • 元件 - 每個元件都是建置成盡可能一般,以便輕鬆管理及使用。 有些元件有隱藏層,您可以開啟/關閉以新增變化,而不中斷連結。
  • 元件集 - 流覽和其他設計項目的主要元件做為群組集,可協助更妥善地組織包含不同模型、模式、螢幕計數和方向的變體。

Figma 逐步解說