标记设计设计师的核心工作是帮助用户尽可能高效地完成任务。Adobe和Microsoft都是这方面的专家，而Center stage是它们常用的设计模式之一。中心阶段是一种视觉层次设计模式，它允许您以一种使界面的整体布局更加用户友好的方式设计用户界面。随着您的进一步设计，这种模式的优点自然会变得明显。

重要的信息、面板、窗口或工具应该在用户界面中表示。当用户完成任务时，正在进行的操作应该放在中心区域，其他辅助面板和工具集应该在触手可及的地方。人类的眼睛(和心灵)有一种本能，即优先考虑有用或美丽的东西。以一家挪威在线商店为例。

下图为该在线商店的主页面。用户浏览此页面的主要任务是选择和购买产品。由于页面中心没有目录，因此您可能首先注意到的是图像中间黄色和白色框架中的自行车，然后您会立即被其他物品分散注意力。这与中央舞台的概念背道而驰。它只是在同一个界面上无序地发布大量的文字和文字，造成信息的海洋，而没有精心安排信息来引导用户顺利完成目标，达到预期的效果。这种页面设计不仅不方便您继续浏览，而且还会让您在一大堆文本中不知所措。令人遗憾的是，尽管这个页面展示了很多非常好的商品，但它没有一个清晰的故事线索可循。为了不打击设计师，让我们假设有人为商店制作了一个(不是特别好的)传单，不小心把它放在了网站的主页上。当然，这个例子是极端的，但是许多页面都或多或少地存在这个问题。

作者/版权所有人：阿格伦。

0

为了避免类似的“信息溢出”，有必要明确信息的层次结构。在二维用户界面中，最大的面板被分配给最重要的元素，并放置在用户界面的中心，而其他不太突出的面板可以容纳辅助工具、操作集等，这有助于用户将注意力集中在最重要的部分上。这就是所谓的“中心阶段”，一种常见的用户界面设计模式。许多网站、软件(如MS Paint和Gimp)和电子表格程序使用这种模式来设计他们的产品。例如，MS Paint中的界面就是Center Stage概念的一个很好的例子。“画布”占据了整个界面的绝大部分，牢牢地将用户的注意力吸引到主要任务上，几乎不可能被其他信息分散注意力。

作者/版权持有人：Microsoft。

用户界面的布局应该给用户一个强烈的视觉指示，哪些部分是最重要的，哪些部分是次要的。让最重要的元素占据用户界面中最多的空间，确保用户的注意力在界面打开时就集中在这个区域。然后，用户可以确定其余面板是否与他们相关，并发挥辅助作用。换句话说，用户立即意识到他们可以使用其他面板上的工具在中央面板上做各种事情。如果在设计过程中很好地执行了这一概念，你的第一个原型便有可能获得成功，而你的测试者也将自然而然地理解在“用户体验故事”中下一步该做什么。

“就像新闻故事的第一句话决定了整个故事的主题和目的一样，中心舞台的面板决定了整个用户界面的目的。”jennifer Tidwell是一位在线咨询师和作家

0

2. 确保最重要的面板面积最大，比其他面板大得多。一些用户界面设计专家建议，中央舞台面板的大小至少是其他面板(如工具栏)的两倍。

3.用颜色区分面板上的内容。通常，最大的面板在中心区域是白色的，在非中心区域是灰色的。

4. 使用标题来区分面板，并帮助用户识别特定的工具集、操作集和其他辅助面板。

5. 根据用户期望部署其他元素。在完成Center Stage的同时，安排其他面板也很重要，这样用户才能尽可能快速准确地找到他们想要做的事情。请记住，辅助面板既不能在主面板中隐藏，也不能在用户视图中隐藏。

作者/版权所有人：Balsamiq。

当前位置您怎么知道中央舞台周围展板的最佳布局？答案很简单：你不需要知道。用户将有不同的目标和不同的方式来完成任务。例如，在绘图时，用户会专注于一个特定的区域，这个区域显然不能放在其他任何地方，因为它会挡住用户的视线。另一个需要注意的重要事项是，最显眼的地方应该保留通用功能，而不是只有专家用户才能使用的特殊功能。

即使你非常了解用户的总体偏好，你所能做的也只是间接猜测每个用户将如何使用它。获取直接信息的唯一有效方法是收集用户反馈。所以继续进行测试，并准备好继续学习和迭代!

作者/版权持有人：塞缪尔曼。

在进入这个阶段之前，请记住黄金法则：永远不要让用户感到困惑。否则用户会问：“这一步之后你要做什么？”这种犹豫是用户对你的产品完全失望的第一步。

事实上，检查面板布局是否合理的唯一方法是进行用户测试。在设计过程的早期采用这种方法并快速迭代纸上原型可以在设计过程中省去很多麻烦。

最重要的面板位于界面的中心，占据最大的空间，帮助用户集中注意力而不分散注意力。一些用户界面设计专家建议，中间面板的大小至少是其他面板(如工具栏)的两倍。通过纸上原型测试和快速迭代，可以确定面板的最佳布局。这种设计模式将帮助用户更顺利地完成任务，为您以后节省很多麻烦，最重要的是，您可能会因此获得很好的设计结果。