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

1.5 检查器面板:页面

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

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

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

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

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

新增页面备注

编辑中的效果

浏览器中的效果

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

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

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

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

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

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

时间: 2024-10-01 04:35:46

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

《Axure RP8产品原型设计快速上手指南》一1.7 大纲面板

1.7 大纲面板 大纲面板在RP7中称为部件管理区域,是在早期版本的动态面板管理区域的基础上升级而来的,目前主要是管理当前页面编辑区域所有被使用部件. RP8中可以通过小缩略图看到部件具体的类型是矩形.表格还是菜单. 管理组合部件 所有在页面编辑区域被使用的部件都会在大纲面板中显示,最大的变化就是组合的部件会通过一个单独的文件夹进行管理,并且可以对文件夹进行重命名. 视图可视性 点击组合部件和动态面板后面的蓝色小方框,可以切换组合部件和动态面板在页面中的可视性.当页面中部件过多时,常常会将一些部

《Axure RP8产品原型设计快速上手指南》一1.4 母版面板

1.4 母版面板 在Axure中,如果同一个功能模块在超过100个页面中应用,那么一旦发生更改,我想有些读者一定会问为什么不早一点知道这个世界上还有母版这么一回事. 母版的主要特点复用,一个母版可以同时添加到多个页面.只需在母版中修改一次,就可以实现所有页面被调用的母版同步更新,可以大大加快原型的制作速度.减小Axure文件的大小,复用不重复计算文件大小.特别是,针对一些图片素材也会制作成模板,一是会大幅度减小文件的大小,二是运行速度也会有大的提升.同一个解决方案在整个项目中多次进行复用,可以保

《Axure RP8产品原型设计快速上手指南》一第1章 基础界面1.1 默认界面

第1章 基础界面 Axure RP8产品原型设计快速上手指南 1.1 默认界面 在经历一个个漫长的beta版本之后,我们终于迎来了Axure RP8版本的正式发布,其LOGO从以极具扁平化的蓝色为主色调进化以紫色为主色调.Axure的每一次版本发布都是整个产品界瞩目的事件,从RP7版本刚发布我们就在畅想RP8版本的发布会有哪些变化. 从本次发布的版本来看,Axure RP8在整体UI方面更加扁平化,更加突出一些核心功能和灰度原型的精髓,添加和改善了一些功能.从本节开始我们会一点点介绍全新的Axu

《Axure RP8产品原型设计快速上手指南》一导读

前 言 Axure RP8产品原型设计快速上手指南会Axure的不一定是产品经理,产品经理一定要会Axure. 当然这只是一句玩笑话,不会Axure的照样也可以做出.做好产品.Axure对于一个做产品的人究竟意味着什么,可能不同的人有不同的感受.这里说说我的Axure经历. 2011年在我还不知道什么是产品的时候,我对接一个网站改版的项目.刚开始我在和技术团队沟通时特别困难,我知道我要做成什么样子,但是无法描述出来,对接过程一度出现僵局.这个时候第一次在WebPPD论坛上接触到了Axure,说到

《Axure RP8产品原型设计快速上手指南》一1.2 页面面板

1.2 页面面板 由Axure RP7中的站点地图发展到Axure RP8中的页面面板,更加表明该区域的主要作用:对页面的管理.页面是Axure中最高层级的元素,页面面板主要用来创建和管理页面,整个页面区域呈树状结构,可以添加页面.删除页面.重命名页面.调整页面层级.调整页面顺序. 页面面板中有两种页面类型--线框图页面和流程图页面,其中使用最多的是线框图页面.新建文件时,默认会自动生成4个页面(1个Home页面.3个Page页面)的页面地图,可以在这个基础上进行产品原型设计. 构建页面地图 选

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

1.6 检查器面板:部件 检查器面板一分二,分为页面和部件.部件面板是对前面提到的部件进行(属性.备注.样式)设置的地方,是实现交互原型效果最核心的区域. 部件属性如果要查看页面属性与样式,在空白区域单击一下即可.如果要查看一个部件的属性与样式,将其拖动到页面编辑区域,就可以看到该部件的属性.备注.样式设置选项.下图中我们看到是检查器:矩形. RP7之后极大地丰富了事件的类型,同时也适当地优化了一些移动端的事件类型和效果.虽然还没有直接表达出手势事件类型,但也算是一种进步.同时不同的部件对应的可

《Axure RP8产品原型设计快速上手指南》一1.3 部件面板

1.3 部件面板 部件面板也叫组件面板.部件库,英文为widget,还有人称之为控件面板.部件面板是Axure中最核心的组成部分. Axure自带线框图部件(默认显示)和流程图部件.图标部件,其中的图标部件是Axure RP8中新增的.此外,还可以下载并导入第三方部件. 切换部件库在绘制原型的过程中需要在线框图部件.流程图部件中切换部件库,后面还会添加许多第三方部件库,这就需要在不同部件库之间进行切换.下面我们具体看一下如何切换部件库. 拖动:部件的使用方式拖动也许是最简单的交互行为之一,只需要

搜狗拼音输入法快速上手指南

搜狗拼音输入法快速上手指南(1) 怎样进行翻页选字? 搜狗拼音输入法默认的翻页键是"逗号(,)句号(.)",即输入拼音后,按句号(.)进行向下翻页选字,相当于PageDown键,找到所选的字后,按其相对应的数字键即可输入.我们推荐你用这两个键翻页,因为用"逗号""句号"时手不用移开键盘主操作区,效率最高,也不容易出错. 输入法默认的翻页键还有"减号(-)等号(=)","左右方括号([])",你可以通过&qu

用户体验参考:网页产品原型设计到网站界面

这篇文章详细讲述了网页设计的整个过程,从网页产品原型设计,纸稿,黑白稿到真正的网站界面.每一步都为我们用实例讲述了详细的设计和用户体验思考过程.作为网页设计师很值得参考和借鉴其中的经验. 可行性评估 主要执行人员:UI.UE.需求部门.程序部需沟通人员:销售部 当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路.受众及一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行性.我们也会准备相关资料与其进行沟通,主要会从数据报告.功能性及可行性三方面下手,在探讨的同时会指出功