如何使用 Axure RP 6.5 创建原型并保持内容宽度为 960?

如何使用 Axure RP 6.5 创建原型并保持内容宽度为 960?

我想要创建以下两个原型:

  1. 页面内容以 960px 宽度居中显示。在 1024 等屏幕上,左右两侧的背景颜色相同,例如橙色。中间(960 px 宽度)的背景颜色为白色。

  2. 顶部有一个屏幕宽的蓝色横幅,高度约为 150px,但内容仍然在 960 宽度内再次集中。除了屏幕宽的蓝色横幅外,其他地方都只是白色背景。ux.stackexchange 网站本身就是一个很好的例子。

我尝试使用 axure 创建全局参考线 > 960 16 列。但最终我得到的网页所有内容都始终从 0px 0px 开始,也就是从左侧开始。

如何在 Axure RP 6.5 上创建原型?

答案1

您可以在页面样式编辑器中编辑页面的对齐方式和背景颜色。您可以在以下位置找到它:线框 > 页面样式编辑器...

页面样式编辑器

箭头标记了将原型页面对齐到窗口中间的设置。

答案2

您可以使用页面设置(内容区域下方)将内容居中并设置背景颜色,这将解决这两个问题。生成原型时,内容将居中。对于 2,我建议使用横幅的背景母版。

相关内容