10、应用布局与排版设计全解析

应用布局与排版设计全解析

1. 应用布局的屏幕规划

在设计应用时，需要考虑是采用单屏展示大量信息，还是将功能分散到多个屏幕。不同的应用流程因受众期望和系统惯例的不同，所需的屏幕数量也不同。

例如，用于系统状态概览的应用，如网站分析工具，需要一个仪表盘，让用户能在一处看到大量数据的高级概览，仅在需要详细信息时再深入查看。这类用户可能不太在意为查看内容而滚动屏幕，只要单屏能显示他们认为最相关的信息即可。

而电商应用的购物者在找到想购买的商品前可能会浏览多条路径，将他们从高级分类屏幕引导到低级详细屏幕，能让他们不断细化选择，直到找到完美的商品。

随着互联网的成熟和“移动优先”设计趋势的发展，过去不让用户滚动屏幕的惯例已逐渐改变。如今人们习惯了滚动屏幕，尤其是移动设备用户，由于屏幕尺寸相对较小，滚动几乎不可避免。“页面折叠线”（即视口结束、用户需开始滚动查看更多内容的位置）的概念也变得不那么重要了。虽然研究表明人们在 1024×768 屏幕上花更多时间看折叠线上方的内容，但他们仍会查看下方内容。因此，将最重要的信息放在屏幕顶部很有必要，同时可加入设计元素，如在可能的屏幕断点处截断的图像，鼓励用户探索更多内容。

如果大家都会滚动屏幕，为何还要将功能分散到多个屏幕呢？这是因为应用流程应符合受众的期望和使用模式，没有一种通用的解决方案。创建轻量级数字或纸质原型并让代表性用户进行测试，能提供关于人们如何与设计交互的宝贵信息。

平台和技术因素也会影响屏幕规划。例如，苹果建议尽量减少 iPad 屏幕过渡，因为这会降低“视觉稳定性”。为帮助设计师和开发者遵循这一原则，苹果提供了如分屏视图和弹出窗口等 UI 元素，以减少屏幕刷新的需求。从技术角