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

1.6 检查器面板:部件

检查器面板一分二,分为页面和部件。部件面板是对前面提到的部件进行(属性、备注、样式)设置的地方,是实现交互原型效果最核心的区域。

部件属性
如果要查看页面属性与样式,在空白区域单击一下即可。如果要查看一个部件的属性与样式,将其拖动到页面编辑区域,就可以看到该部件的属性、备注、样式设置选项。下图中我们看到是检查器:矩形。

RP7之后极大地丰富了事件的类型,同时也适当地优化了一些移动端的事件类型和效果。虽然还没有直接表达出手势事件类型,但也算是一种进步。同时不同的部件对应的可以创建的交互事件类型也不相同,拖动一个部件到页面编辑区域,然后点击属性面板,即可查看这个部件拥有的事件类型。

动态面板

文本框

复选框

部件备注
在快速原型阶段,往往没有时间在Word中耗时撰写需求文档,更多的时候是在原型中直接进行备注。备注最直接的方式就是将备注加在所属部件上。我们可以根据交互说明需要撰写的维度,添加备注的字段。

STEP 01 拖动一个部件到页面编辑区域,然后单击备注面板。

STEP 02 单击“自定义字段”,打开自定义字段对话框。

在新增注释字段功能中,可以指定注释字段的类型(如Text、选择列表、Number、日期),其中Text(文本)是最直接和常用的类型。

部件样式
部件样式是设置部件的视觉效果的地方。和部件的属性一样,不同的部件拥有的视觉属性也会略有不同。主要有坐标位置和尺寸大小的设置、标题样式、填充颜色、阴影等样式属性,每个属性的具体效果,会在第2章中详解,这里先了解一下即可。你可以自己一个个尝试,看看具体的设置效果。

矩形设置样式效果之后

部件样式区域中的很多属性也可以在工具栏进行设置。Axure RP8中新增了自定义工具栏功能。

时间: 2025-01-03 08:01:50

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

《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.3 部件面板

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

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

1.5 检查器面板:页面 前面说过RP8版本将之前版本中的页面属性和样式面板移到了右侧,和部件属性和样式面板进行了合并.当单击页面空白区域的时候,检查器面板就会切换到页面属性和样式面板,就可以对整个页面进行交互和样式的相关设置. 页面属性 新版的页面属性包含页面交互和自适应视图的设置.自适应视图将在后面章节中详细介绍. 页面交互 顾名思义,页面交互就是对整个页面进行的交互设置,在页面发生变化时,执行某些交互动作.在Axure中页面交互主要有三类事件. 页面载入时:页面加载时触发的交互动作.这是最

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

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

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

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