Axure RP 交互样式设置

最新推荐文章于 2025-10-24 00:22:59 发布

原创最新推荐文章于 2025-10-24 00:22:59 发布 · 8.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#axure #原型设计 #产品设计 #交互设计 #用户体验设计

产品/交互设计专栏收录该内容

48 篇文章

订阅专栏

本文介绍了Axure RP中部件交互样式的设置方法，包括鼠标悬停、按键按下和选中时的样式编辑。内容涵盖基本样式、字体、颜色、线型等各项设置，并提供预览功能，帮助用户实现丰富的原型设计效果。

介绍如何设置部件的交互样式:

一、交互样式窗口介绍

在部件属性窗口中点击“鼠标悬停时”或“鼠标按键按下时”或“选中时”即可打开“设置交互样式”窗口；下面来简单介绍下“设置交互样式”窗口

“设置交互样式”窗口说明：

基本样式：部件的基本样式，选中“基本样式”，点击下拉基本样式选择列表，可选择基本样式，一般只有“默认样式”，如果用户有设置新样式，则可选择其他样式；
字体：字体设置。选中“字体”，点击字体下拉列表，选择字体。
字体类型：字体类型设置。选中“字体类型”，点击字体类型下拉列表，选择字体类型。
字号：字号设置。选中“字号类型”，点击字号下拉列表，选择字号。
粗体：字体粗体设置。选中“粗体”，点击粗体按钮切换粗体。
斜体：字体斜体设置。选中“斜体”，点击粗体按钮切换斜体。
下划线：字体下划线设置。选中“下划线”，点击下划线按钮切换斜。
字体颜色：字体颜色设置。选中“字体颜色”，点击字体按钮旁的下拉按钮，打开颜色选择器，选择字体颜色。
线条颜色：线条颜色设置。选中“线条颜色”，点击线条按钮旁的下拉按钮，打开颜色选择器，选择线条颜色。
线宽：线条宽度设置。选中“线宽”，点击线宽按钮旁的下拉按钮，打开线宽列表，选择线宽类型。
线型：线条类型设置。选中“线型”，点击线型按钮旁的下拉按钮，打开线型列表，选择线条类型。
圆角半径：圆角半径设置。选中“圆角半径”，在输入框内输入圆角半径的数值。
填充颜色：填充颜色设置。选中“填充颜色”，点击油漆桶旁的下拉按钮，打开颜色选择器，选择填充颜色。
不透明度（%）：填充颜色透明度设置。选中“不透明度（%）”，在输入框内输入不透明度（%）的数值。
外部阴影：外部阴影设置。选中“外部阴影”，点击外部阴影旁的下拉按钮，打开设置窗口，设置偏移范围、模糊参数、阴影颜色。
内部阴影：内部阴影设置。选中“内部阴影”，点击内部阴影旁的下拉按钮，打开设置窗口，可以设置偏移范围、模糊参数、延伸、阴影颜色。
文字阴影：文字阴影设置。选中“文字阴影”，点击文字阴影旁的下拉按钮，打开设置窗口，设置偏移范围、模糊参数、阴影颜色。
对齐：字体对齐设置。选中“对齐”，选择右边字体对齐类型：左对齐、中间对齐、右对齐。
预览：选中“预览”可以在设置时对设置的交互样式进行预览。