logo 原型设计工具Axure RP使用教程 我也要发布文档

参考(七) :样式小部件


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

好消息!买Axure RP软件,送价值59.8元Axure RP原型设计方案,含丰富实操演练和网页、APP实战案例点击直达>>

免费下载Axure RP 优惠购买Axure RP


您可以编辑以下属性以自定义窗口小部件的外观样式。您可以在“样式”窗格或画布顶部的样式工具栏中访问这些属性。

样式属性

不透明度

使用此部分中的滑块或数字输入字段设置目标小部件的整体不透明度。该值与填充颜色和文本颜色不透明度值一起堆叠。

版式


  • 字体设置:这些控件通过设置小部件的字体系列,字体,字体大小和字体颜色来控制小部件文本的样式。

  • 注意:如果您使用字体选择器中“本地”标题下列出的字体,请参阅网络字体参考指南以了解如何在发布原型时保留字体。

  • 行距(行距):调整文本行之间的间距。您可以设置特定的像素值,也可以选择“自动”以使用默认间距。

  • 字符间距(跟踪):调整小部件文本中各个字符之间的间距。您可以设置一个特定值(以十分之一像素为单位),也可以选择“ 0”以使用默认间距。

  • 其他文本选项:此菜单包括以下格式选项:

    • 项目符号列表,粗体,斜体,下划线和删除线

    • 基线:上下移动所选文本的基线。您可以选择普通,上标和下标。

    • 字母大小写:转换所选文本中所有字符的大小写。从“普通”,“大写”和“小写”中选择。


  • 文本阴影:为小部件文本中的每个字符添加阴影。

  • 对齐:六个对齐选项控制控件的文本在其边界内的对齐。您可以控制水平和垂直对齐。

填充
  • 颜色:设置小部件的填充颜色。小部件填充颜色可以是纯色,也可以包括线性或径向渐变。

  • 图像:设置形状小部件的填充图像以及图像的对齐,缩放和平铺。

边界
  • 颜色:设置线小部件或二维小部件轮廓的颜色和不透明度。线条颜色可以是纯色,也可以包括线性或径向渐变。

  • 厚度:设置线条控件或二维控件轮廓的粗细。

  • 图案:设置小部件轮廓的图案。

  • 可见性:控制矩形窗口小部件的哪一侧显示边框。

  • 箭头:将箭头添加到线条控件或开放形状的一端或两端。

阴影

小部件的阴影选项

给选定的小部件一个外部和/或内部阴影。您可以控制阴影的X和Y偏移,模糊和颜色。对于内部阴影,您还可以控制阴影的扩散。

小部件的角半径选项

使用数字“半径”字段将矩形小部件的角弄圆。(您也可以通过选择画布上的小部件并拖动其左上角的黄色三角形来执行此操作。)

要控制哪个角显示圆角,请使用“可见性”下拉列表。

填充

小部件的填充选项


这些数字控件确定小部件的文本与相应的边框Left,Top,Right和Bottom之间的最小间距(以像素为单位)。

小部件样式

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

要将一种窗口小部件样式应用于一个或多个窗口小部件,请选择一个或多个窗口小部件,然后在“样式”窗格或样式工具栏的窗口小部件样式下拉列表中选择该窗口小部件样式。

“样式”窗格中的小部件样式名称

您可以通过以下方法查看和管理原型中的窗口小部件样式:转到项目→窗口小部件样式管理器,或单击“样式”窗格或样式工具栏中的窗口小部件样式下拉菜单旁边的管理窗口小部件样式图标。

窗口小部件样式层次结构

每个窗口小部件的视觉外观由在以下位置进行的样式属性选择确定,从最低优先级到最高优先级:

  1. “小部件样式管理器”对话框顶部的“默认”样式,其样式属性选择将应用于原型中的每个小部件。
  2. 窗口小部件的已应用窗口小部件样式(例如Box 3样式),其样式属性选择将覆盖默认样式中的选择。
  3. 在“样式”窗格或样式工具栏上的窗口小部件自身上进行的样式属性选择,将覆盖“默认”样式和窗口小部件自己应用的窗口小部件样式中的选择。

注意:当窗口小部件的样式属性选择与其窗口小部件样式的选择不同时,窗口小部件样式名称后会在“样式”窗格和样式工具栏中带有一个星号。

带有星号的小部件样式名称

更新和创建样式

小部件样式的“更新”和“创建”按钮

快速更新

要快速更新样式,请编辑当前正在使用该样式的小部件的样式。然后在“样式”窗格中,单击样式名称右侧的“更新”以进行更新。此更新将应用于当前使用该样式的项目中的所有小部件。它还将适用于使用该窗口小部件样式的任何将来的窗口小部件。

快速创建

要快速创建新样式,请编辑任何小部件的样式。然后在“样式”窗格中,单击小部件当前应用的小部件样式右侧的“创建”。将打开“小部件样式管理器”对话框,其中小部件的样式更改已添加到新样式中。在对话框的左列中,重命名新的小部件样式。在右列中,您可以对样式进行其他更改。

小部件样式管理器

小部件样式管理器对话框

在“样式”窗格或样式工具栏上,单击窗口小部件样式下拉菜单旁边的“管理窗口小部件样式”图标,以打开“窗口小部件样式管理器”。您也可以通过项目→窗口小部件样式管理器菜单选项访问此对话框。

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

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

要编辑小部件样式的样式属性,请在左栏中选择它。在右列中,选中样式属性旁边的框,以使该属性覆盖默认样式,然后在适用字段中选择该属性。

您也可以一次编辑多种样式。在左栏中选择样式时,按住CTRL或CMD,然后在右栏中进行更改。

团队项目中的样式

在样式团队项目,而不检查出该项目的样式进行编辑。要为项目的所有用户更新样式更改,请通过团队→将更改发送到团队目录菜单命令发送更改。

复制和粘贴样式

您可以复制一个小部件的样式并将其粘贴到另一个小部件上。为此:

  1. 复制第一个小部件。
  2. 右键单击第二个小部件。
  3. 选择特殊粘贴→粘贴样式。

第二个小部件将具有第一个小部件的所有样式属性,包括其应用的小部件样式。

格式画家

格式画家

在主菜单中的“编辑”→“格式刷”中可以使用格式刷,它使您可以更好地控制在复制和粘贴时如何将样式属性应用于窗口小部件。

您可以选择要复制和粘贴的单个属性,也可以一次粘贴到多个小部件上。

此外,格式刷允许您复制和粘贴样式效果。

互动风格效果

“样式效果”是基于Web浏览器中的交互动态应用的窗口小部件样式。只要小部件处于特定状态(例如将鼠标悬停或禁用),它们就会将小部件的样式从其基本样式更改为其他样式。

推荐阅读:

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

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


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

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT