谷歌展示了優秀的 Android 平板電腦和可折疊應用的外觀

2022 年 Android 開發者峰會上,谷歌分享了一個“大屏幕畫廊”,它按類別為平板電腦和可折疊應用程序提供佈局指南:社交媒體和通信、媒體、生產力、購物和閱讀。

根據谷歌的說法,這些“大屏幕規範佈局是經過驗證的多功能應用程序佈局,可在大屏幕設備(平板電腦、可折疊設備和 ChromeOS)以及手機上提供最佳用戶體驗。它們基於 Material Design 指導,本質上具有響應性和適應性。目標是“既美觀又實用”。

規範佈局是大屏幕組合,可作為設計和實施的起點。

共有三種用於組織常見平板電腦/可折疊應用程序元素的佈局

  • List-detail view : “可以根據列表和詳細視圖的關係建立很多佈局。通過在屏幕左側顯示列表,在右側顯示列表的詳細信息,在空間上建立關係。”
  • 支持面板:“支持面板佈局是一種擴展屏幕的方法。支持面板佈局與列表詳細視圖佈局不同,因為主要和次要焦點被認為是同等重要的,同時也是彼此不可或缺的。”
  • 提要:“提要是新聞和社交內容的常見佈局。提要使用網格組合來實現內容瀏覽和發現。”
    • “然而,在可折疊設備上,由於屏幕尺寸更大,因此可以將提要設計為更具沉浸感的視圖。”

社交媒體和通訊應用

  • 使用列表詳細信息視圖
    • “與對話詳細信息並排的對話列表”
    • “用戶可以在同一屏幕上瀏覽和選擇、播放和暫停的視頻彙編”
  • 支持面板用於:
    • 工具:例如圖片編輯
    • 註釋
  • 提要用於:
    • “以靈活的網格格式拼貼的帖子。使用大小和位置來創建群組或將注意力吸引到突出的帖子上。”

  • 差異化體驗:
    • 桌面:Google 建議在屏幕以 90 度角打開的可折疊設備上支持免提桌面視圖。
    • 拖放:“在應用程序內以及在多窗口模式下,在應用程序之間進行無障礙的拖放交互”
    • 畫中畫
    • 多窗口:“使用戶能夠在寫作時進行研究,在聊天時進行搜索,在視頻通話時進行日程安排。”

媒體

  • 提要用於:
    • 媒體發現:“創建富媒體提要,使用戶能夠發現新內容、新藝術家、新推薦和評論。”
    • 媒體瀏覽:“創建一個媒體亭,讓用戶可以在大製作顯示器上從廣泛的媒體收藏中瀏覽、分類、過濾和選擇他們喜歡的電影、音樂或電視節目。”
  • 支持面板用於:
    • Media+:“通過類似標題、已發表評論或同一藝術家或演員的其他作品的滾動列表,增強大屏幕擴展空間中的媒體觀看或收聽體驗。”
    • 沉浸式模式:“嵌入支持面板以獲取上下文、相關性或參考,同時保持沉浸式觀看體驗。”
  • 使用列表詳細信息視圖
    • 輕鬆探索:“創建交互式媒體瀏覽器,使媒體搜索高效且引人入勝。使用戶能夠邊看邊聽邊瀏覽。”

  • 差異化體驗:
    • 桌面:“將播放媒體置於首屏之上,將控件和補充內容置於下方,以獲得免提觀看或聆聽體驗。”
    • 畫中畫
    • 多窗口:“讓用戶同時使用兩個應用程序進行多任務處理,在查看演員表和角色的同時瀏覽一系列電影,或者在搜索封面或最新的音樂新聞和評論時聽音樂。”

生產率

  • 提要用於:
    • 文件瀏覽和過濾
  • 使用列表詳細信息視圖
    • 項目和概述
  • 支持面板用於:
    • 工具和設置
    • 評論和意見
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps

  • 差異化體驗:
    • 多窗口:以Google Docs/Sheets/Slides為例,打開多個文檔實例
    • 拖放:共享速度更快( Workspace 應用程序採用)
    • 桌面:“設計桌面佈局,使用戶能夠放下手頭的事情,專注於重要的事情——同事的演示、視頻電話會議——同時仍然可以免提輕鬆訪問其他內容和應用程序控件。”

購物

  • 使用列表詳細信息視圖
    • 產品規格
  • 提要用於:
    • 目錄和促銷
  • 支持面板用於:
    • 支持銷售:“輔助功能,如用於目標搜索的產品過濾器或用於微妙追加銷售的產品選項清單。”
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps

  • 差異化體驗:
    • 多窗口:“使購物者能夠在一個窗口中查看產品,同時在另一個窗口中研究產品評級、評論和報告”
    • 拖放:“使用拖放式購物車可以快速輕鬆地進行購買。在拖放式願望清單中捕捉潛在的購買。”

  • 沉浸式模式用於:
    • 全屏可讀性:“身臨其境模式下的大屏幕優化了可讀性,長行和大量的空白空間帶來賞心悅目的閱讀體驗。”
  • 提要用於:
    • 書單和購買:“使圖書購買者能夠在一個大型多列網格中逐行掃描最新版本,該網格以突出的尺寸和位置展示暢銷書或最便宜的書。”
    • 內容:“通過在多標題圖書列表中包含選定標題的概要或文本摘錄,使圖書瀏覽內容豐富且引人入勝。”
  • 支持面板用於:
    • 補充內容:“通過支持面板中具有啟發性和啟發性的信息來補充您的主要應用程序內容。”
    • 標記工具
  • Google tablet foldable apps
  • Google tablet foldable apps
  • Google tablet foldable apps

  • 差異化體驗:
    • 多窗口:一邊看書,一邊記筆記
    • 讀書姿勢:“在像裝訂書一樣可折疊打開的大屏幕上,通過兩頁佈局捕捉閱讀真書的體驗。”
    • 拖放:更容易複製到筆記/文檔或消息傳遞應用程序