Axure RP中文网站 > 热门推荐 > Axure怎么调整字体间距 Axure将文章加入到组合中
Axure怎么调整字体间距 Axure将文章加入到组合中
发布时间:2025/03/12 14:18:12

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure rp 9

在Axure RP中,调一下字体间距能让文字看起来更舒服,界面也更好读。把文章放到组合里,能更方便地管理多个元件,工作效率能提高不少。下面就为大家介绍Axure怎么调整字体间距,Axure将文章加入到组合中的相关内容。

一、Axure怎么调整字体间距

字体间距是影响文字排版效果的关键,特别是处理长段落的时候,合适的间距会让界面显得更专业。在Axure中我们可以通过调整字符间距或行高两种方式来实现对字体间距的调整。下面就分别为大家介绍这两种调整方式:

1、调整字符间距

在Axure中,我们一般会用文本标签元件或者文本框元件来打字。因此我们调整字符间距的第一步是先选中文字所在的这些元件。选中后的元件四周会有锚点标识。选中后,我们在右侧的【样式】面板中找到【排版】栏目中的字间距选项。通过输入数值或拖动滑块来调整字间距。正值增加间距,负值减少间距。调整后,画布中文本的字间距会立即发生变化,可以实时看到效果。

调整字间距
图1:调整字间距

2、调整行高

行高的调整要在有两行及以上数量的文本时,只有一行的时候,【行间距】选项是灰色的,不能进行调整。行高的调整和字间距的调整是类似的,都是在选中元件的情况下,在右侧【样式面板】中找到【排版】栏目,设定行间距的数值。这个数值表示的是行高的倍数。

调整行高
图2:调整行高

二、Axure将文章加入到组合中

在Axure里,把文章放进组合里,经常用在长文本展示、文章列表或者图文混排的场景中。操作其实挺简单的,按照下面两步就能实现。

1、准备页面内容

我们来模拟一个简单的新闻详情页面。我们先往界面中加入一个矩形作为界面的底框。再用一个【文本标签】元件制作文章的标题。再在默认元件库中,找到【文本段落】元件。这个元件经常用来粘贴长文本内容,它本质上和【文本标签】元件是一样的,只是面积变大了。我们可以选中元件后,点击鼠标右键,选择【填充乱数假文】,Axure 就会根据标签的大小自动填满文本,这样就不用额外去找内容粘贴了。

填充乱数假文
图3:填充乱数假文

2、将文章加入到组合中

准备好页面内容后,我们按住鼠标左键划选超过所有元件的面积范围(或者使用快捷键Ctrl+A)选中画布中的所有元件,再在工具栏位置找到【组合】按钮(也可以使用快捷键Ctrl+G),组合后可以通过左侧概要面板看到元件都被归到组合中去了,包括文章内容所在的文本标签元件。

组合元件
图4:组合元件

如果想要编辑组合中的元件,例如修改文本,可以双击组合进入编辑模式。也可以在概要面板直接点击选中文本标签元件。编辑完成后,点击组合外的区域就可以退出编辑模式。组合后的文章可以作为一个整体复制和复用。比如在文章列表设计中,我们可以复制多个组合,快速生成多篇文章的展示效果。

以上就是Axure怎么调整字体间距,Axure将文章加入到组合中的相关内容。合适的字间距能让文字显得更整齐,不会显得太挤或者太散,设计会更精致。把文章放进组合里,能更方便地管理和编辑多个元素,特别是在复杂页面里,能避免元素丢失或者错位。

 

读者也访问过这里:
135 2431 0251