企业的管理者总希望对公司的财务情况了如指掌,因此各类的财务分析报表总是领导关注的重点对象。

常规的PC端报表或者纸质报表难以做到“随时随地”掌握财务状况,因此移动端财务报表需求应运而生,移动端财务驾驶舱可以打破时间和空间的限制,让管理者随时随地都可以了解到实时财务信息,再结合定时推送功能,让数据传递变得更加快速和精准,以便快速给予决策。

今天大师兄就给大家带来一套移动财务管理驾驶舱模板,直接看效果:

本套财务管理驾驶舱提供深浅两套配色,提供了财务管理常规数据指标。

该方案主要解决两个核心问题:

1.组件太多,如何进行合理布局

移动端展示多组件一直以来是报表开发者的一个难题,今天大师兄给大家分享移动端多组件展示模板制作的3个要点:

  • 确定展示内容和表现形式

  • 将内容进行模板划分(分类)

  • 利用tab块丰富空间

a.确定展示内容和表现形式:

设计移动驾驶舱前,要进行充分的业务调研,确定下展示的数据以及数据的表现形式,比如指标卡、明细表、图表等,这里我就不展开细说了

b.将内容进行模块划分(分类):

移动端内容分类是至关重要的步骤,囫囵吞枣地将内容随意放置是移动端的大忌。移动端一般都是先汇总再细分,一定要根据业务需求做好模块划分,将每一个模块的内容归到一类,逻辑清晰,使用者看起来也容易理解

c.利用tab块丰富空间:

归类做完了,还是有很多组件要怎么处理?合理利用tab去丰富空间,先上效果图:

选择tabpane>移动端,首先先设置样式模板,这里可以利用丰富的tab属性;其次可以设置显示标题、支持滑动切换、显示圆点指示器,就可以实现上图两种效果

2.如何快速了解驾驶舱内容且能精准查找?

对管理层来说,需要一眼了解到整张驾驶舱的内容,并且能够快速触达自己关注的内容。从大多数移动端驾驶舱来看,能够在一屏展示下所有内容的情况还是比较少的,那么该如何准确、快速地展现重要数据信息呢?

利用移动端组件导航快速定位功能,将模块划分的主题展示在右侧导航里,不仅可以展示驾驶舱“大纲”,而且通过点击右侧导航,快速切换到页面制定位置。

1)选择body>移动端,进行导航样式设置,尺寸、颜色、大小皆可自定义

2)选择需要设置为导航的组件>移动端,勾选使用导航,设置导航名称

3.细节优化

当然,模板中还有一些细节上的处理,标题、间隔、圆角设置、配色等,这里就不一一细说了。

如何给领导打造一款掌上财务管理驾驶舱?相关推荐

  1. 新的掌上游戏机,首款防作弊的开放式硬件设备以及更多游戏新闻

    您好,开放游戏迷! 在本周的版本中,我们将介绍GCW-ZERO手持式控制台,第一个防作弊的开放式硬件设备以及更多内容. 公开游戏摘要:2015年3月15日至21日 手持式控制台:GCW-ZERO 查看 ...

  2. 微信怎样收发邮件,一款更全能的掌上邮箱,随心邮你

    2012年起,智能手机的时代正式普及,开启了移动互联时代的大门,随之而来的,电子邮箱也开始着眼移动端市场,带来了更加便捷的移动办公体验. 各邮箱服务商争分夺秒,相继推出各品牌的手机邮箱app,抢占移动 ...

  3. 民宿特色酒店如何搭上短视频营销的便车,打造爆款+爆单?

    对于民宿.特色酒店来说,由于有优质物料来源,是比较适合做抖音短视频营销的.那新手想做应该怎么开始呢?下面思途给大家简单分享一下. 1. 确定自己的特点/宣传点,找准市场定位 酒店和民宿在开始做之前,要 ...

  4. 打造一款有趣的Android万能播放器之msysgit安装 github项目上传 修改 window中同步本地项目到github远程仓库

    项目初衷 由于所在的公司比较注重项目安全性,所以在项目同步这块几乎没有涉足,乘工作之余敲一个简单的app,起名为EasyLive,目的于熟悉一些工作之外的有趣知识点和巩固自己的基础知识. 项目内容 以 ...

  5. AI技术实践|用腾讯云智能文本图像增强打造一个掌上扫描仪

    在日常生活.工作中, 受限于拍照技术.拍摄条件等制约,得到的文本图像往往存在光照不均.角度倾斜.文字模糊等情况.这种低质量的文本图像不仅不利于保存和后续研究,也不利于光学字符识别.为了解决以上问题,特 ...

  6. 巨龙信息掌上数窗助力数字化转型

    信息化时代,政府掌握着大量的.关键的数据,是数据时代的财富拥有者,但以往由于信息技术.体制机制等限制,各级政府及各部门之间的信息网络往往自成体系,相互割裂,相互之间的数据难以实现互通和共享,导致目前政 ...

  7. 6park留园 android,‎App Store 上的“掌上留园-6park”

    支持暗黑模式 掌上留园是国外华人第一综合门户社区:留园的手机App(支持全部论坛) . 掌上留园是一家综合性海外中文社区自媒体.有新闻,论坛,社区热帖,朋友圈,自建频道等. App坚持自由,开放,包容 ...

  8. jdbc取款怎样限制条件_京东张亮:我们是怎样打造一款分布式数据库的

    我们是怎样打造一款分布式数据库的 作者 | 张亮 关系型数据库在过去数十年的数据库领域一直占据着绝对主导的地位,它所带来的稳定性.安全性和易用性,成为了构建现代化系统的基石.随着的互联网高速发展,构架 ...

  9. 6park留园 android,‎「掌上留园-6park」をApp Storeで

    支持暗黑模式 掌上留园是国外华人第一综合门户社区:留园的手机App(支持全部论坛) . 掌上留园是一家综合性海外中文社区自媒体.有新闻,论坛,社区热帖,朋友圈,自建频道等. App坚持自由,开放,包容 ...

最新文章

  1. Linux执行命令时遇到的些问题
  2. mybatis 创建session, 缓存, 执行SQL
  3. VS2010 加入OpenCV 提示 0xc000007b 的错误
  4. CCF201612试题
  5. 计算机组成原理—虚拟存储器的分类
  6. linux 查找html文件,linux查找文件内容包含
  7. mass种子模块之domready
  8. 当我们做实验的时候,我们在做什么?
  9. 外贸找客户软件:Top Lead Extractor
  10. 优秀测试工程师应该具有的基本素质
  11. 选择退化特征时,利用单调性、鲁棒性、预测性三指标选择(附matlab代码)
  12. 北航2017级软件学院算法第一次上机题解
  13. 软件测试:给你一个网站,你如何测试
  14. 【问题解决】虚拟机打开gazebo黑屏、闪退、模型加载不出来
  15. 航班信息检索与查询(基数排序)
  16. WebBrowser打开Word文档的一些注意事项
  17. 青春版网盘:不限度,10GB 空间
  18. 漫游测试之性能测试(5.3-索引分析)
  19. 手把手教你做一个自己的chrome扩展程序
  20. getter mysql_为什么使用Getter和Setter?Getter和Setter有什么区别?

热门文章

  1. java scanner以回车结束_请问Scanner在输入回车后,如何才能退出?
  2. java的核心类库_Java核心类库,集合框架
  3. ElasticSearch bool过滤查询
  4. Oracle存储过程及调用
  5. 第三部分 Calendar函数接口
  6. 产品案例:微信状态,有多牛逼?
  7. 2021年,年薪50W,这是产品经理的新出路?(接着发红包)
  8. B端产品经理需要着重锻炼自己这些能力
  9. android小程序下线,关闭小程序
  10. mysql loose_简单谈谈MySQL的loose index scan