【Axure9基础教程】软件布局之样式区域概览

页面样式

点击页面空白处，出现页面样式

在Axure 9中，由于有了负坐标系的特性。同时也为移动端设计提供了常见的页面尺寸大小。主要分为we、IOS（苹果）手机设备、Android （安卓）手机设备的常见尺寸。

Axure 9提供了手机端的设计尺寸，最显著的就是优化了手机端的预览。

Auto ：不做尺寸限制
web：限制宽度为1024 px（像素）的网页界面
苹果：提供了常见的iPhone 8、iPhone 8 Plus、iPhone X/XS 、iPhone XR/XS Max 、IPad 4（平板）的设计尺寸。（注：按照设计中的@1X的设计规范像素提供，比较常用的时iPhone 8、iPhone X/XS ）
安卓：Galaxy S9 、Galaxy S10E、Galaxy S10/S10+、PIxel 2、PIxel 3、PIxel 3XL、安卓平板电脑（常见的尺寸）。（注：由于是外国软件所以这里的提供样式品牌都是国外的）
自定义：可以自行定义页面的大小。

自适应视图主要是在不同的浏览器尺寸下方便加载不同的页面，在平时制作原型中我们很少使用到，但是如果想要自己通过Axure做一个静态的网站，考虑浏览器的自适应和手机浏览器的适应可以进行添加自适应视图进行制作多种格式下的视图，优化展示的体验，此处就不过多叙述。

样式区域主要进行元件的样式的修改。本文主要对基本样式进行讲解，元件特有的样式将在元件区域中进行详细说明。（以矩形为例）

选中元件的名称，系统默认为空（友好的命名可以在概要页面快速查找）。

X：元件左上角的X轴位置。

Y：元件左上角的Y轴位置。

°（旋转）：元件旋转的角度（支持负角度的输入，负角度系统会自动换算）。

W：元件的宽度。

H：元件的高度。

文字自适应宽度：在元件中存在元件上的文字采用自适应的方式。

文字自适应高度：在元件中存在元件上的文字采用自适应的方式。

文字自适应可以方式文字在不同浏览器中预览导致文字换行错位。可以其配合边距进行使用，也是常用且实用的一个功能。

主要进行文字的排版等。

字体：可以选择替换文字的字体格式。（注意：1、如果原型需要在非本电脑展示，使用特殊的字体没需要延时电脑提前安装，不然浏览器会自动跟换为默认字体。2、注意字体的版权，确认是可以商用的字体（这里有太多故事…）,避免版权纠纷）。
字体属性：如果安装为系列字体，可以选择字体的其他样式属性进行调整。
字体大小：调整字体显示的大小。
字体颜色：调整字体显示的颜色。
行间距：当存在换行的字段时，行间距控制上下行的距离。
字间距：字体之前的间距。
字体其他属性：加粗、倾斜、下滑线、删除线。
字体阴影：给字体添加阴影，可以设置阴影的大小和偏离方位（通过坐标控制）。
字体对齐：左对齐、水平居中对齐、右对齐、上对齐、垂直居中对齐、下对齐。