版面配置基本概念

主要版面配置基本概念插圖

版面配置定義了使用者與應用程式互動的視覺結構,例如在可組合函式中。Android 提供一系列程式庫、標準起點和技術,可顯示及放置內容。

開始使用

請先瞭解應用程式結構,然後學習如何建構應用程式內容,開始設計 Android 版面配置。

重點整理

版面配置方向

請考量使用者可能會遇到的不同顯示比例、尺寸類別和解析度。確認應用程式在橫向和直向模式,以及不同螢幕尺寸和板型規格下,都能提供良好的使用者體驗。

詳情請參閱調整版面配置標準版面配置的指南。

裝置安全區域

尊重 Honor 裝置的安全區域,包括 UI 的部分內容,例如螢幕凹口、無邊框內嵌、無邊框螢幕、軟體鍵盤和系統資訊列。提供彈性版面配置,方便使用者與鍵盤互動。

專注於使用者輸入內容。如果鍵盤存在,請將輸入內容移至聚焦狀態,或考慮將文字輸入內容附加至鍵盤。
隱藏輸入內容。即使在較小的螢幕上,使用者也可能不知道或無法捲動畫面。
互動人體工學

將主要導覽等重要互動操作放在可觸及的螢幕區域。懸浮動作按鈕 (FAB) 提供顯眼且容易觸及的互動點

封鎖群組

使用容器將相關內容分組,引導使用者瀏覽內容和執行動作。資訊卡使用顯性區隔,將內容與相關動作分組。

對齊方式

確保類似內容和 UI 元素對齊一致。

在類似元素之間建立一致的間距。
如果類似元素之間的間距不一致,可能會影響可讀性,導致設計看起來很隨意。
重要互動

不要讓使用者在每個檢視畫面中看到太多動作。

註記版面配置規格

建構自訂版面配置時,請使用對齊、限制或重力字詞,註記內容在版面配置中的位置。請說明圖片應如何配合容器大小調整,才能正確顯示。