Axure RP中文网站 > 使用教程 > Axure怎么调分辨率 Axure属性如何调出
Axure怎么调分辨率 Axure属性如何调出
发布时间:2025/04/03 13:23:59

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure rp 9

分辨率设置能保证我们设计的页面在不同设备和屏幕尺寸上都能正常显示,特别适合用在响应式设计和多终端适配的场景里。属性面板能帮我们快速设置元件的大小、位置、颜色这些样式,方便对页面细节进行调整。下面就为大家介绍Axure怎么调分辨率,Axure属性如何调出的相关内容。

一、Axure怎么调分辨率

在Axure中,虽然没有直接调整分辨率的选项,但可以通过设置页面尺寸来间接实现类似的效果。页面尺寸的设置决定了画布的大小,从而影响原型在不同设备上的显示效果。Axure中有两种设置页面尺寸的方式:

1、手动设置

在我们新建了一个文件后,在右侧样式面板中,选择Auto(自动模式),点击【添加自适应视图】,在弹出的窗口中可以设置自定义的页面尺寸。例如这里填宽度1440像素,高度900像素。

自适应视图
图1:自适应视图

这是常见的网页尺寸数值。但这不是一个唯一的数值。要看个人的设备分辨率。例如我的电脑分辨率数值是2880*1800(在电脑桌面,右键显示分辨率可查看),和Axure中设置构成2倍的数值关系,意味着我在Axure中1440*900像素做出来的尺寸图片能够在我的电脑中得到最佳的显示,也就是相当于调好了Axure的分辨率。

电脑分辨率
图2:电脑分辨率

2、使用预设设备尺寸

在页面设置窗口中,Axure提供了一些常见设备的预设尺寸。选择对应的设备,Axure会自动设置页面的宽度和高度。使用预设设备尺寸方式设置分辨率会更加方便,不需要记忆尺寸的数值。

预设设备尺寸
图3:预设设备尺寸

例如我们选择iPhone 11 pro的预设,Axure会自动显示尺寸为375*812像素。设置后,画布会分成两个区域,白色的可操作区域,灰色的不可操作区域。我们要保证界面的设计元素是在白色区域内的,这样最终预览的时候才能显示出来。

iPhone 11 pro预设
图4:iPhone 11 pro预设

二、Axure属性如何调出

属性面板是Axure里用来调整元件属性的主要工具,它可以用来设置元件的属性,如尺寸、位置、颜色、字体等。大部分汉化的Axure会把属性面板翻译为样式面板。调出属性面板只需要一个步骤。

在上方菜单栏的位置找到【视图】,在功能区中将【样式】面板勾选上。样式面板就会出现在界面的右侧位置了。默认情况下,下载好Axure的时候,样式面板会自动勾选显示。

显示样式面板
图5:显示样式面板

有时候勾选了样式面板,但还是没有看到样式面板的话,有可能是样式面板被其他面板遮挡住了,或者被不小心拖动移到Axure的边角位置,可以通过菜单栏【视图】中的【重置视图】设置,软件会自动整理所有面板到初始状态,可以再次在画布右侧看到样式面板。

属性面板中的选项会根据选中的元件类型发生变化。例如,选中文本元件时和选中动态面板元件时,属性面板中显示的可调整内容是不一样的。

以上就是Axure怎么调分辨率,Axure属性如何调出的相关内容。调整画布尺寸能让我们更好地控制原型的显示效果,确保它在不同设备或屏幕上都能正常显示。属性面板则能让我们轻松调整元素的样式、大小、位置等,快速完成设计修改。

 

 

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