原型设计工具Axure RP入门教程（二十四）：样式页面

样式属性

页面尺寸

默认情况下，页面尺寸是根据画布上的小部件自动计算的，并且画布本身不受约束。 如果需要，您可以使用页面尺寸下拉菜单为页面设置静态宽度和/或高度。 从许多常用的设备尺寸中进行选择，或者使用“ Web”和“ Custom Device”选项定义自己的自定义尺寸。

当您为页面选择尺寸时，画布将更改大小以匹配，灰色负空格将白色视口区域框定。 该框架也反映在Web浏览器中。

• 注意：在移动设备上查看原型时，请在原型播放器的视图设置中选择“缩放到宽度”，以使页面内容适合设备的视口。

要清除页面的静态尺寸，请将“页面尺寸”下拉列表重新设置为“自动”。

自适应视图

如果要为多种视口设计尺寸，请单击“添加自适应视图”以为每个目标视口分别设置一组页面尺寸。 您可以为每个视口大小调整内容大小和位置，然后Web浏览器将自动为目标设备的视口显示适当的视图。

页面对齐

在“左对齐”和“居中对齐”之间进行选择，以确定页面的内容是对齐到浏览器窗口的左边缘还是居中对齐。

注意：页面对齐方式不会影响Axure RP画布上小部件的对齐方式。

充满

颜色：设置页面的背景颜色和不透明度。

图像：设置页面的填充图像以及图像的对齐方式和封面类型。

注意：颜色和图像填充都可在Axure RP和Web浏览器中应用。

低保真模式

低保真度模式会降低页面的视觉保真度，以帮助您的利益相关者将注意力集中在设计的用户体验上，而不是其视觉效果上。在页面上启用“低保真”模式时，它将转换为灰度，并且所有字体都替换为“ Axure手写字体”，以使外观更粗糙。

页面样式

页面样式是可重用的，集中管理的样式属性集。 您可以将单个页面样式应用于多个页面，以统一其样式。 如果您更改页面样式中的属性选择之一，则更改将应用于使用该样式的所有页面。

要将页面样式应用于页面，请单击画布，然后在“样式”窗格的页面样式下拉列表中选择页面样式。

您可以通过单击“样式”窗格中页面样式下拉菜单旁边的“管理页面样式”图标来查看和管理原型中的页面样式。

页面样式层次结构

每个页面的视觉外观由在以下位置进行的样式属性选择确定，从最低优先级到最高优先级：

“页面样式管理器”对话框顶部的“默认”样式，其样式属性选择将应用于原型中的每个页面。

• 注意：所有页面均以默认样式开始。 如果您需要快速更改原型中所有页面的样式，并且尚未使用任何其他页面样式，请更新默认样式。

页面的已应用页面样式，其样式属性选择将覆盖“默认”样式中的选择。

在页面本身的“样式”窗格中进行的样式属性选择，将覆盖“默认”样式和页面自己应用的页面样式中的选择。

• 注意：当页面的样式属性选择与其应用的页面样式不同时，样式的名称在“样式”窗格中后跟一个星 。

更新和创建样式

快速更新

快速创建

页面样式管理器

单击“样式”窗格中页面样式下拉菜单旁边的“管理页面样式”图标，以打开“页面样式管理器”。

要添加新样式，请单击对话框顶部的“添加”。或者，您可以单击“复制”以从现有样式制作新样式。

要删除样式，请选择它，然后单击“删除”。使用向上和向下箭头重新组织对话框中的样式。

团队项目中的样式

推荐阅读：

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

标签：