欢迎登陆陪学网
欢迎注册陪学网账号
密码找回
页面属性概述
时长: 指导老师:Axure官网 困难程度:容易
在本文中,将了解如何添加页面背景和居中页面原型,运用草图效果,创建向导。

页面格式化
页面格式能够编辑单个页面格式、编辑和应用默认页面样式和自定义页面风格。页面格式标签位于线框图窗口下方页面属性窗口的第三个标签。

格式化页面属性

使用以下选择设置页面格式:
页面风格:类似部件属性设置,点击下拉选单右边的图标(或主菜单:线框图 -> 页面样式编辑器,可以定义页面样式,编辑默认页面样式或创建一个自定义样式。如果要居中并为所有的原型页面添加背景图片,在默认页面风格样式中设置对齐和背景图片,就可以修改所有的原型页面格式。
页面对齐:靠左或居中对齐原型。这个设置只能在原型HTML文档中看到,在线框图窗口中看不到设置效果。居中设置基于页面上的部件,并不是假设最左边的点在x轴=0。设计一个左边距x=100像素的页面,页面居中时会根据最左边和最右边的窗口部件在浏览器内居中。
背景色:应用在页面的背景色
背景图片:在背景中使用导入的图片,还可以设置图片重复(见下文)
水平对齐和垂直对齐:设置背景图片的对平和垂直对齐
重复:设置背景图片水平、垂直和同时水平垂直的重复。

草图效果

草图效果可以快速应用手绘效图在任何阶段的项目线框图中。可以帮助大家关注到你需要调整的体系结构、交互和功能。
草图效果属于页面格式功能(可以在页面风格中进行设置),有下列选项:
草图程度:草图程度的值设置越高,部件就变得越弯曲,建议蓝图程度值设置在50左右
颜色:将所有页面元素,包括:图片、填充、背景和字体颜色,改成灰色。
字体:在所有页面部件上使用统一的字体。可以使用手写字体:如Axure Handwriting,Scoder Hand, Lucida Handwriting,或Bradley Hand ITC。
线宽:添加部件边界宽度,以完善手绘效果。建议使用+1。

页面样式编辑器

页面样式编辑器可以更改每一页页面格式。此外,还可以创建自定义的页面样式,应用到特定页面原型中。页面样式编辑器能够集中管理页面格式,应用自定义风格。
打开页面样式编辑器,点击页面样式下拉选单右边的“A”图标。编辑“默认”风格,批量修改原型所有页面风格。
按下绿色的加号,创建一个新的页面风格。自定义页面样式后单击“确定”。在你希望应用自定义样式的页面,打开页面样式的下拉选单,选择应用新的样式。

全局和页面参考线
参考线能够对齐部件,帮助页面保持统一布局。可以为单个页面创建参考线,也可以创建应用于所有页面的全局参考线。
添加参考线

在当前页面添加参考线,水平或垂直标尺处拖放一条参考线到线框图窗口。绿色参考线表示正被选中。再按绿线,线条颜色变为蓝色,表示它是当前页面的参考线。
添加全局参考线,按住CMD键(MAC系统)或Ctrl(PC系统),从标尺处拖放一条参考线。参考线颜色为粉红色,表示这是一条应用于所有页面的全局参考线。


选择主菜单栏中“线框图”->“网格和参考线”->“创建参考线”(或者在线框图窗口中右键网格线的快捷菜单中选择),打开创建参考线对话框。
有两个参考线预设可以选择:960网格12列和960网格16列,或者自定义网格布局。如果要建立全局参考线,注意检查是否己勾选“创建为全局参考线”选项。

学习更多关于960网格布局请到相关教程