为你的 Power BI 报表精心设计、移动优化的布局为用户在移动设备上使用数据提供了最佳方式。 本文介绍了充分利用 Power BI 提供的功能创建 Power BI 报表的这种引人注目、有效、移动优化视图的最佳做法和技术。
在设计桌面报表时，请时刻考虑使用移动设备的情况
为每个报表页同时构建桌面布局和移动布局。 这有助于在两者之间实现一致性。
当复制同时具有桌面布局和移动布局的报表页时，两种布局都会复制。 如果你有要跨多个页面维护的可视化布局元素（例如报表标题或页面导航器），这将使页面格式设置更为容易。 如果你有这样的元素，请创建一个同时具有桌面布局和移动布局的报表页，然后使用该页面作为模板来构建其余报表页。
专注于最重要的内容
只在移动布局中添加重要且经常使用的视觉对象。 与常规计算机屏幕相比，请简化标题和设计，以更好地适应移动设备上有限的屏幕空间。 使用移动可视化效果窗格专门针对移动布局优化视觉对象的格式（请记住，对移动布局所做的更改不会影响桌面布局）。
请考虑以下提示：
- 通过使用较小的字号最小化视觉对象标题。 不要使用小于 9 磅的字号。
- 尽可能移除无关紧要的细节，例如轴标题、网格线和图例。
- 水平放置页面导航器和切片器等对象，而不是垂直放置它们。
- 避免每个视觉对象中存在多余的空白。
将视觉对象隔开排列
请考虑扩展你的视觉对象以匹配设备的最大宽度（323 磅是最大屏幕宽度）。 即使视觉对象扩展到设备的最大宽度，也会自动包括默认边距，因此无需预留额外空间。
不要将视觉对象并排放置，但单元素视觉对象（例如卡片或 KPI 视觉对象）和非数据视觉对象（例如按钮）除外。
请将视觉对象隔开排列，在元素之间在垂直和水平方向都保持至少六到八磅的距离（在键盘上按单个箭头）。 对于像素完美的设计，请在视图菜单中关闭“对齐到网格”选项。
排列你的视觉对象来讲述故事
移动布局的流自上而下。 将最重要的视觉对象放在页面顶部，无论它们是最重要的数据驱动视觉对象，还是展示某个点的切片器。 一个接一个地放置紧密相关的视觉对象。 将不太重要的视觉对象放在页面底部（可以通过向下滚动找到它们），或者将它们一起排除在移动布局之外。 减少视觉对象可以改进报表加载时间和整体性能。 请记住，如果用户想在桌面布局中查看原始报表页，则始终可以将设备倾斜到横向。
避免在视觉对象中出现垂直滚动条
设置每个视觉对象的高度，使视觉对象内的所有元素都可见且不被截断。 这可以防止除了报表页本身的垂直滚动条之外，在视觉对象中还出现垂直滚动条。 请记住，各种移动设备的高度不同。
使用“自动创建移动布局”选项开始
请尝试在移动布局视图中使用“自动创建布局”选项来开始。 “自动创建移动布局”选项可在移动布局画布上生成报表的移动优化视图。 它将报表视觉对象放在画布上，并尽力保留桌面报表的功能。 在画布上创建初始、自动创建的布局后，可以使用移动布局视图的格式设置选项进一步优化它以便在移动端查看。 有关“自动创建移动布局”选项的详细信息，请参阅自动移动布局创建。
遵循标准尺寸
下表列出了标准视觉对象，按建议的最小移动尺寸分类。 在设计移动布局时，尽量不要低于这些最低标准尺寸。
- XL – 最小宽度：323 磅，最小高度：270 磅
- L – 最小宽度：323 磅，最小高度：180 磅
- M – 最小宽度：323 磅，最小高度：100 磅
- S – 最小宽度：158 磅，最小高度：100 磅
注意
323 磅是移动布局画布上的最大屏幕宽度。
| Name | 视觉对象大小 |
|---|---|
| ArcGIS Maps for Power BI | XL |
| Azure 地图 | XL |
| 分解树 | XL |
| 着色地图 | XL |
| 关键影响因素 | XL |
| 地图 | XL |
| 矩阵 | XL |
| 多行卡片 | XL |
| 分页报表 | XL |
| 形状映射 | XL |
| 表 | XL |
| table | XL |
| 100% 堆积条形图 | L |
| 100% 堆积柱形图 | L |
| 面积图 | L |
| 卡片（新） | L |
| 簇状条形图 | L |
| 簇状柱形图 | L |
| 自定义视觉对象 | L |
| 圆环图 | L |
| 漏斗图 | L |
| 折线图和簇状柱形图 | L |
| 折线图和堆积柱形图 | L |
| 折线图 | L |
| 度量值 | L |
| 饼图 | L |
| Python 视觉对象 | L |
| 问答 | L |
| R 脚本视觉对象 | L |
| 带状图 | L |
| 散点图 | L |
| 堆积面积图 | L |
| 堆积条形图 | L |
| 堆积柱形图 | L |
| 树形图 | L |
| 瀑布图 | L |
| 列表切片器 | L |
| 连续切片器（之前/之间/之后） | M |
| 连续切片器（单值/大于/小于） | M |
| 图块切片器 | M |
| 相对日期/时间切片器 | M |
| 书签导航器按钮 | M |
| 页面导航器按钮 | M |
| 下拉列表切片器 | M |
| 文本框 | M |
| 按钮 | S |
| 卡 | S |
| 仪表 | S |
| KPI | S |
| 形状 | S |
| 形状 | S |