1. 背景移动端报表有着随时随地、迅速获取的特性，然而大部分报表工程师之前还只接触过PC端报表的制作，报表工程师面对移动端报表该怎么设计却无从下手。 1.1 用户的移动端需求甲方爸爸的需求：手机上看不清，字要大、字要大、字再大一点！ 实际甲方爸爸需求：移动端屏幕小，要传达出关键信息，要醒目、显眼、一目了然 1.2 PC端和移动端的区别交互方式 显示方式 PC端：屏幕大、内容丰富，可视效果好。 移动端：屏幕小、可承载的内容少。
1.3 手机端呈现的困惑2. 解决方案本文想简单介绍下如何借助 FineReport 软件，运用 App 的设计思路，打造一款随时随地查看数据、分析数据的移动端报表。 
3. 横向导航横向导航（主导航结构），是呈现模板的主要功能架构及布局的导航方式。
3.1 顶部 Tab 导航
顶部Tab：导航一直存在，具有选中状态，可快速切换另一个导航。 点击上方的Tab实现视图间的切换，满足沉浸式阅读需求。 优点： 直接展示最重要接口内容信息 分类位置固定，清楚当前所在入口位置 减少界面跳转的层级，轻松在各入口间频繁跳转
缺点:  
3.2 底部 Tab 导航底部Tab：相比于顶部Tab，底部Tab导航更接近拇指操作热区，更符合人机交互。 优点： 可见性非常好，底部Tab非常明显，易于发现 同时，由于实在底部，操作性也非常好
 
3.3 Tab 滑动标题Tab滑动标题：左右滑动切换视图，不需要点击Tab。 优点：单页面内容整体性强，聚焦度高 缺点：不能跳跃性地查看间隔的页面
 
3.4 轮播导航轮播导航（Tab点点滑动）：相比于Tab标题滑动标题，这种方式最大程度保证了页面的简洁性和内容的完整性，操作方便，左右滑动切换。 优点: 缺点:  
4. 纵向导航纵向导航（内容界面结构），内容界面结构导航，是针对内容界面的呈现、布局所整理出来的设计模式。 4.1 宫格导航宫格导航：九宫格是一种常见的功能型导航，这种导航的思路很简单，就是把功能排布出来，任君挑选。 优点： 缺点：  
4.2 陈列馆式导航陈列馆式导航：陈列馆式导航设计区别于宫格式，在于可用来呈现实时内容（经常更新、视觉效果直观的内容）。 优点： 缺点：
4.3 卡片式导航卡片式导航：卡片以浓缩的形式提供了快速并且相关的信息。 卡片是含有图片和文字在内的小矩形模块，它是用户了解更多细节信息的「入口」。 优点： 缺点：
4.4 列表导航列表导航：当界面信息的种类比较单一，或者只是作为信息的链接入口时，我们可以使用列表式结构。这种结构可以高效、清晰地展示信息，可以容纳的信息比较多。 优点 缺点 页面跳转后总是从头开始; 一页展示内容过多，用户疲劳度增加; 页面重点内容不突出。
4.5 折叠式导航折叠式导航：（又称手风琴式），能在一屏幕内显示更多的细节，无需页面跳转。 优点： 两级结构可承载较多信息，同时保持界面简洁; 减少界面跳转，提高操作效率高。
缺点：
4.6 轮盘布局
轮盘布局：半隐藏部分内容，指引用户左右滑动察看。
4.7 下拉式菜单下拉菜单式：是一种瞬时的导航方式，即只有在我们需要的时候才会显示出来。能让用户在有限的屏幕空间上做更多的动作，可以用来筛选同一信息列表下不同类别的信息。
5. 结语这里的导航布局模式只是一种参考，这些模式其实还有各种各样的变形，这里就不一一展开了。 当然上述的模板里也不是只是用到单一的布局模式，很多都是混合使用的，把一些基础布局进行结合做成复合形式的布局，一般的组合会在2-3个之间。 以上是以App设计的思路角度对移动端模板的设计进行一些指导。在实际落地过程中，需要全局把控，从报表结构、数据选择、主页设计，元素搭配组合等方面着手设计，是一项痛并快乐着的过程。 5.1 制作第一张移动端报表看了这么多，你学会如何运用 App 的思路打造一款移动端报表了吗？
|
