行動用戶體驗7 分鐘閱讀·Updated 2026 年 10 月·ExodeUI 團隊
可折疊設備設計:姿勢、窗戶尺寸和手勢
如何設計可折疊手機的應用程式:折疊和展開佈局、桌面和書籍姿勢、視窗大小類別、折疊附近的連續性和手勢。
直接總結與定義
核心要點
根據可用視窗尺寸(而不是裝置型號)設計可折疊佈局:Android 的視窗尺寸類別將 600dp 以下的寬度視為緊湊型,600 至 840dp 視為中等寬度,840 至 1200dp 視為擴展型。支援折疊、開啟和半打開(桌面)姿勢,在裝置折疊或展開時保持使用者位置,並將關鍵內容和觸控目標遠離折疊位置。
姿勢
Android 的開發人員文件描述了可折疊設備的幾種姿勢:折疊、平放、旋轉至橫向的平放以及半打開(稱為桌面)。折疊將螢幕分成兩部分,要么作為一個螢幕的靈活區域,要么作為兩個顯示器之間的鉸鏈,並且它可能會遮擋部分顯示器。
按視窗尺寸類別設計
Android 不是針對特定設備,而是將可用空間分為視窗大小類別。小巧的寬度(600dp 以下)幾乎涵蓋所有縱向手機;中等寬度(600 至 840dp)可覆蓋大多數縱向平板電腦和許多縱向展開的大型內部顯示器;擴展寬度(840 至 1200dp)可覆蓋大多數平板電腦和橫向展開的大型顯示器。大型和超大型課程涵蓋更大的平板電腦和桌上型電腦。
使用折疊的佈局
常見模式:
- 折疊:正常的手機佈局。
- 平開:清單詳細資料或兩窗格佈局,每個窗格位於折疊的一側。
- 桌面:上半部是影片等內容,下半部是控制。
- 切勿將按鈕、文字線或面放置在摺痕上。
連續性
當有人在任務中展開裝置時,應用程式應該繼續原來的位置:相同的滾動位置、相同的草稿、相同的播放。將折疊和展開視為佈局更改,而不是重新啟動,並為過渡設置動畫,以便人們可以追蹤內容移動的位置。
手勢和觸及範圍
更大的展開螢幕會改變拇指的觸及範圍:將頻繁的控制放在雙手休息的邊緣附近,並避免與系統手勢衝突的邊緣滑動。基於物理的運動在這裡也有幫助:透過彈簧滑動和固定的玻璃使姿勢之間的變化感覺自然而不是刺耳。
要記住的關鍵 Principle
- 按視窗大小類別而不是設備型號進行設計
- 緊湊 < 600dp,中型 600–840dp,擴充 840–1200dp
- 支援折疊、打開和桌面姿勢
- 保持內容和控制不可見
- 保持狀態並動畫姿勢變化
常見問題解答
來源
- Learn about foldables — Android 開發人員
- Use window size classes — Android 開發人員