1. 概述
在當今的行動辦公環境中,行動端範本以其豐富的交互特性、即時的資料存取能力以及多樣化的報表展示形式,為企業帶來了便捷、高效和靈活的管理解決方案,正逐漸成為主流。因此,掌握行動端的範本製作與轉換很有必要。
行動端的範本製作分為兩種場景:
1)僅有行動端展示需求。
例如,只需在行動端展示公司銷售日報。如下圖所示:
2)PC 端和行動端都有展示需求。
PC 端和行動端範本所需展示效果一致時,可以共用範本,只需將 PC 端範本轉換為行動端範本即可在行動端展示。
例如,電商銷售實時企業戰情室,PC 端和行動端所需展示效果一致。PC 端效果和行動端效果分別如下圖所示:
PC 端和行動端所需展示效果、交互效果不一致時,需要分別製作 PC 端和行動端範本。
例如,xx集團經營管理儀表板,PC 端需要展示效果為深色,行動端需要展示效果為淺色。PC 端效果和行動端效果分別如下圖所示:
2. 製作與轉換指南
說明文檔 | 應用場景 | 文檔簡介 |
---|---|---|
| 幫助使用者運用 App 的設計思路,製作一張可隨時隨地查看和分析資料的行動端報表,使其更加符合行動裝置的使用習慣和使用者需求 | |
FVS如何快速將PC範本轉換為行動端範本 | PC 端和行動端都有展示需求,且PC 端和行動端範本的組件內容、樣式基本一致 | 幫助使用者快速將 PC 端範本轉換為行動端範本,需要注意的是,為保證一張範本在 PC 端和行動端均可正常瀏覽,在製作 PC 端範本時就需要考慮到行動端的顯示效果 |