反饋已提交

網絡繁忙

行動端範本製作指南

1. 概述

在當今的行動辦公環境中,行動端範本以其豐富的交互特性、即時的資料存取能力以及多樣化的報表展示形式,為企業帶來了方便、高效和靈活的管理解決方案,正逐漸成為主流。因此,掌握行動端的範本製作與轉換很有必要。

行動端的範本製作分為兩種場景:

1)僅有行動端展示需求

2)PC 端和行動端都有展示需求

本文從兩種場景出發為使用者介紹普通報表和視覺化看板的行動端範本製作指南。

1.1 僅有行動端展示需求

例如,只需在行動端展示公司銷售日報。如下圖所示:

1733453968313962.gif

1)普通報表

建立普通報表,點選菜單欄「範本>行動端屬性」,勾選「設定為手機範本畫布大小」,點選「確定」即可開始行動端範本製作,如下圖所示:

2)FVS 視覺化看板

建立視覺化看板,設定畫布大小自訂尺寸為常用行動端尺寸,如:390×844 px,點選「建立看板」便可以開始行動端範本製作,如下圖所示:

5132.gif

1.2 PC 端和行動端都有展示需求

1.2.1 需求一致

PC 端和行動端範本所需展示效果一致時,可以共用同一張範本,只需將已有的 PC 端範本轉換為行動端範本即可在行動端展示。

1)普通報表

開啟 PC 端範本,點選菜單欄「範本>行動端屬性」,勾選「設定為手機範本畫布大小」。如下圖所示:

點選「確定」後會彈出另存為彈窗,範本名稱預設為「PC端範本名稱_mobile」,如下圖所示:

注:如果另存為彈窗選擇「取消」,手機端範本功能不生效 。

2)FVS 視覺化看板

開啟 PC 端範本,點選「範本設定>行動端」,勾選「開啟 行動端佈局 」。如下圖所示:

例如,電商銷售實時企業戰情室,PC 端和行動端所需展示效果一致。PC 端效果和行動端效果分別如下圖所示:

5131.gif

  • PC 端和行動端所需展示效果、交互效果不一致時,需要分別製作 PC 端和行動端範本。

    例如,xx集團經營管理儀表板,PC 端需要展示效果為深色,行動端需要展示效果為淺色。PC 端效果和行動端效果分別如下圖所示:

2. 製作與轉換指南


應用場景說明文檔文檔簡介

獨立製作行動端範本

  • 只有行動端展示需求

  • PC 端和行動端都有展示需求,但是 PC 端和行動端展示效果、交互效果不一致

如何用App的思路設計行動端報表

幫助使用者運用 App 的設計思路,製作一張可隨時隨地查看和分析資料的行動端報表,使其更加符合行動裝置的使用習慣和使用者需求

使用 PC 端範本

PC 端和行動端都有展示需求,且PC 端和行動端範本的組件內容、樣式基本一致

普通報表:設定手機端範本

FVS 視覺化看板:FVS如何快速將PC範本轉換為行動端範本

幫助使用者快速將 PC 端範本轉換為行動端範本,需要注意的是,為保證一張範本在 PC 端和行動端均可正常瀏覽,在製作 PC 端範本時就需要考慮到行動端的顯示效果



附件列表


主題: 行動端應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙