格式化页面属性
使用以下选择设置页面格式:
页面风格:类似部件属性设置,点击下拉选单右边的图标(或主菜单:线框图 -> 页面样式编辑器,可以定义页面样式,编辑默认页面样式或创建一个自定义样式。如果要居中并为所有的原型页面添加背景图片,在默认页面风格样式中设置对齐和背景图片,就可以修改所有的原型页面格式。
页面对齐:靠左或居中对齐原型。这个设置只能在原型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网格布局请到相关教程