《Axure RP8产品原型设计快速上手指南》一1.5 检查器面板:页面

简介:

本节书摘来自异步社区《Axure RP8产品原型设计快速上手指南》一书中的第1章,第1.5节,作者 何广明,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.5 检查器面板:页面

前面说过RP8版本将之前版本中的页面属性和样式面板移到了右侧,和部件属性和样式面板进行了合并。当单击页面空白区域的时候,检查器面板就会切换到页面属性和样式面板,就可以对整个页面进行交互和样式的相关设置。


e43a56a017344d31df330e7ed30727461b5b272e

页面属性
新版的页面属性包含页面交互和自适应视图的设置。自适应视图将在后面章节中详细介绍。

页面交互
顾名思义,页面交互就是对整个页面进行的交互设置,在页面发生变化时,执行某些交互动作。在Axure中页面交互主要有三类事件。

页面载入时:页面加载时触发的交互动作。这是最常用的交互方式之一。
窗口改变大小时:浏览器窗口放大或缩小时触发交互动作。
窗口滚动时:页面发生滚动时触发交互动作。
RP8中对于页面交互增加了窗口向上滚动时、窗口向下滚动时等更多事件类型。点击交互下方的“更多事件”可查看全部页面事件类型。

页面备注
通常,将产品中关于整个页面的需求描述填写在页面和母版的备注面板,方便查看和生成需求文档。

新增页面备注


14d768dc5b62ded25050ca040ff3c7c048d23917

编辑中的效果


9bdeb770730b0b91eafbe09fa1ca4f3db3cc016d

浏览器中的效果

在编辑框内直接输入备注内容。
可以对输入的内容修改字体、颜色、字体加粗、添加下划线,但不能修改字体的大小和对齐方式。
新增备注字段
默认页面备注只有一个备注字段,可以点击“自定义字段”创建新的备注字段。


6bfccce3a3721897acf0d2cdbf3350a2948dd28f

页面样式
页面对齐
现在设备的分辨率越来越多,如何保证设计的原型在不同设备的浏览器中查看始终是居中的效果呢?这里我们可以选择设置页面对齐为“居中”。


0f9014f22bbbd69e0de83283045fba77f9dc77ae

背景色
默认页面的背景色是白色,也可以根据需要将背景色改为其他颜色。

背景图像
页面背景也可以用图片进行填充,直接点击“导入”可以将图片直接导入页面编辑区域,还可以设置图片的对齐和重复方式。


97540d695cf495c4943e432ccf01d40ff0b6a980

草图效果
在产品早期规划阶段,为了避免过多纠结于设计细节,更关注产品本身,在进行原型设计时,往往会将绘制的原型视觉样式调整为草图样式。


39b233fcf3dc0e28e9592661d637f6ab08dbd46c

在草图程度的值越高,草图效果越明显。草图效果的颜色设置项中,如果选择第二项“灰度图片”,还可以将整个原型的色彩全部去除,变成常说的灰度原型效果。

相关文章
|
Android开发 容器
Axure产品原型设计破解、常用开发及SVN团队配置
Axure产品原型设计破解、常用开发及SVN团队配置
292 0
Axure产品原型设计破解、常用开发及SVN团队配置
|
Web App开发 测试技术 Android开发