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

1.3 部件面板

部件面板也叫组件面板、部件库,英文为widget,还有人称之为控件面板。部件面板是Axure中最核心的组成部分。

Axure自带线框图部件(默认显示)和流程图部件、图标部件,其中的图标部件是Axure RP8中新增的。此外,还可以下载并导入第三方部件。

切换部件库
在绘制原型的过程中需要在线框图部件、流程图部件中切换部件库,后面还会添加许多第三方部件库,这就需要在不同部件库之间进行切换。下面我们具体看一下如何切换部件库。

拖动:部件的使用方式
拖动也许是最简单的交互行为之一,只需要拖拖拽拽就可以快速制作一个原型。Axure的易于使用就体现在这方面,哪怕是从来没有学过Axure的人,只要演示一遍也能够快速制作出一个还不错的线框图原型。

搜索:快速找到部件
初次接触Axure的新人很喜欢下载大量的部件库,但是这么多部件库会带来一个问题,就是如何快速找到部件。Axure提供了快速的搜索功能。点击搜索图标,在文本框内输入想要找的部件名称即可。

4种类别、16种类型、40个部件

如果你熟悉网页设计,可以看出构成整个网站的基本元素都在这里了,通过这些小部件的组合,可以得到各种组件,如文本部件和输入部件组合,可以得到一个密码输入组件。当然上述全部部件既可以组合使用,也可以单独使用,具体要依据实际情况和你对交互设计模式的理解而定。

根据制作原型的经验,笔者将全部部件分成4种类别、16种类型、40个部件。值得强调的是,RP8中增加了一个圆形部件。

不同的部件具备不同的属性,我们将会在第2章针对每一个部件进行详细讲解。

载入部件库
Axure自带了线框图部件、流程图和图标部件,这三类部件对日常的原型制作来说还不够,特别是针对目前移动互联网的产品设计,我们还会加载一些第三方制作的部件库,如IOS 8部件库、Android部件库等,具体步骤如下。

STEP 01 点击“选项图标”按钮,选择“下载部件库”。

STEP 02  打开本地资源管理器窗口,选择合适的第三方部件库。

STEP 03 完成载入,应用新的部件库。

时间: 2024-09-10 19:38:10

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

《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.7 大纲面板

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

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

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

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

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

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

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

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

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

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

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