Aure RP基础篇:从Aure谈原型工具的学习

游某闲语: 在网上闲逛,偶然发现这篇,比较精悍的好文。赞同其原型学习的观点,特转来与大家分享。部分文字有改动。越来越多互联网和软件大鳄投入开发完善庞大的原型工具来缩短开发流程,降低开发沟通成本,比如微软大力推荐的Microsoft Expression Blend功能之强大覆盖整个开发流程,从最开始的草案到高保真原型,最后可以直接转化为C+,使得设计和开发无缝接洽。但是,A

Aure RP基础篇:变量OnLoadVariable的简单应用

主要讲的是如何将页面A的数据,传递到页面B,这种交互场景用户经常用到的有:搜索,登录。写这个教程目的是交互设计师在设计原型时能提高真实度,便于评审时项目组的理解,同时也方便在做用户调研、使用demo时更接进真实场景。简单点就是有助于减少沟通、解释成本。先看个场景:在百度中输入”Axure”。 出现结果页面如下:   “Axure”被带到了结果页面上方搜索框中,便于用户确认或

Aure RP基础篇:原型设计经验谈

摘要:产品原型简单的来说就是最终产品设计成形之前的一个大概框架。而对网站来讲,就是将页面模 块、元素进行粗 放式的排版和布局,深入一些的话还会加入一些交互性的元素,使其更加具体、形象和生动。而目前在国内产品经理圈中使用最多也是最高效的产品原型工具非 AXURE莫属,AXURE原型工具看似简单易学,但是如果想真正的用好还必须更加深入的去研究和学习,这里就为大家简单的介绍下AX

Aure RP基础篇:输入框根据下拉框选择显示不同的文字

说实话,这个案例我是在UCD大社区看到的,不过都是英文,愣是硬着头皮学习的,幸好英文底子+google。1、案例效果图 这个例子的效果是,用户切换左边的下拉框选项,右边的提示文字会随之变化。当选中的是图书时,文本框中的文字是“请输入图书名称或作者”;当选中音乐时,文本框中的文字是“请输入音乐名称或歌手”:2、步骤 2)将下拉框拉到编辑区,双击出现编辑下拉框,点击“+”输入图

Aure RP每日一小技巧:如何制作圆形组件

啰嗦的小编游某:技巧不在于炫,而在于实在,发现型的技巧,谁的最爱。 Axure RP本身是没有直接提供圆形组件的,所以很多朋友在微博上问,如何使用Axure RP制作圆形,难道都要找美工…… Axure RP没有提供圆形组件,但是它提供了一个万能组件——矩形组件,只要有矩形组件,我们就可以制作出圆形,下面让我们看看具体的制作步骤: 1. 拖动矩形组件到页面编辑区域,并设置形

Aure RP基础篇:简易登录窗口

前言本文将介绍如何使用Axure RP来制作一个简易登录窗口的原型,与所有的Axure RP初学者共勉。最终的原型图将如下图所示: 创建如图所示的原型,可以简单的分为两个部分:搭建简易登录窗口界面,定义交互行为。下文将按部分详细介绍。[br]另外,注明一下,笔者所用工具为:Axure RP 6.5 + 汉化包第一步:搭建简易登录窗口界面首先我们需要一个装饰的背景,本文选用矩

AureRP进阶篇:如何在团队中使用AureRP做原型设计

经常有朋友问我,如何在从来没有用过AxureRP的公司或者团队里面开始使用AxureRP做原型设计?这个问题对个体来说不存在,因为个人学习 使用AxureRP时非常快速的,基本试着做几个原型实例就能把整个软件的功能摸透,独立再做几个原型虽不一定能够达到高手的水平,但应付工作肯定是绰绰 有余了。但团队或者公司用AxureRP的时候,是要从整体一致性上面去考虑的,因此需要对所有

iOS设备上高效演示APP原型的方法总结

相信许多产品和设计师童靴都可以用原型设计工具制作制作出逼真的产品交互原型,如果能方便、直接地在iPhone上演示这些APP原型,对于我们模拟用户真实体验,展示设计亮点都有很大帮助。壮壮结合自己这几天阅读资料和摸索实践,总结了一下个人认为最高效的方法,希望对在iPhone上演示APP交互原型有困扰的童靴们有所帮助。 首先,简单介绍下我了解到的制作及演示APP原型的工具:   

Aure每日一小技巧:格式设置详解

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所

AureRP每日一小技巧:格式设置详解

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所

Aure各种级别的童鞋:自己来对号入座

【编者按】本文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划,以便尽早掌握其使用方法,设计出中高保真度的原型。从作者最初接触的5.5版本,到5.6版本,到后来6

AureRP各种级别的童鞋:自己来对号入座

【编者按】本文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划,以便尽早掌握其使用方法,设计出中高保真度的原型。从作者最初接触的5.5版本,到5.6版本,到后来6

AureRP每日一小技巧:Aure控件大小调整

在使用Axure RP 制作原型时,经常需要对Widgets的大小做调整;一般我们都是通过拖动控件的边框来实现调整大小,但是如果目标区域比较狭小的时候,调整大小就比较费力,不是拖大了就是拖小了; 试试方向键吧!选中需要微调大小或位置的控件,再选中需要微调的条件,如图,调整控件的高度: 如果需要增加控件的高度,方向键:“上↑”;要减小高度的话,方向键:“下↓” 转自: htt

Aure每日一小技巧:Aure控件大小调整

在使用Axure RP 制作原型时,经常需要对Widgets的大小做调整;一般我们都是通过拖动控件的边框来实现调整大小,但是如果目标区域比较狭小的时候,调整大小就比较费力,不是拖大了就是拖小了; 试试方向键吧!选中需要微调大小或位置的控件,再选中需要微调的条件,如图,调整控件的高度: 如果需要增加控件的高度,方向键:“上↑”;要减小高度的话,方向键:“下↓” 转自: htt

分享原型画线框图容易忽略的几件事

通过工作中的观察与总结,我发现不少新人交互设计师以及产品人员,在画线框图时都会忽略一些重要内容,导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题,一方面需要加强沟通,另一方面还需要多站在视觉的角度考虑线框图的设计,使大家的配合更默契。那么具体怎样做呢?以下就是我工作中积累的一些心得,希望对大家有所帮助。  一、通过明暗对比表达

Aure新手入门,aure原型在工作的应用

前言  修改属性不过这种增加描述的方式可能会干扰整个页面,很容易让浏览者以为是一个页面元素。也可以采取一种原始的方法为控件增加说明文字:  文字补充说明  2.原地复制组件在axure中“ctrl+c”“ctrl+v”复制粘贴,会错位复制一个组件。怎么解决这个问题呢:用快捷键“ctrl+d”可以原地复制一个组件。  3.复制动作Copy Case如下图可以复制动作,就不用一

在原型设计中如何把握高保真的度

让产品原型尽可能的高保真、华丽丽、无限逼近于完整产品是每个人都要的,但同时高保真也意味着大量的资源投入。如何在设计中既实现尽可能高的保真度,同时又避免资源浪费呢?这即需要我们对高保真的意义有清醒认识,同时也需要吸取一些敏捷的思想。怎么定义高保真一个华丽丽的作品(不局限于互联网产品)不可能一下子就从脑子里创意变成现实。它会被拆分成一系列相互依存的元素,整个组装过程会先从最基本

Aure教程——页面载入进度条

在产品的原型设计中,进度条的意义是:第一,在页面载入中,给用户的等待过程中增加少量的乐趣;在一个追求快的环境中,这是十分关键的要素,可以减少流失率。第二,也是在告知用户,网页或者APP有没有响应了你的点击?反馈给了用户信息,而不是不是一张白纸,使用户感到茫然。而在Axure中,进度条的设计,主要的掌握要素就是函数变量的使用。拖入部件如下图所示,在Axture中拖入label

Aure8.0小案例:手把手教你画挖掘机

四、最后 根据类似的操作方式,还可以制作出坦克,示例如下: 最后奉上这两个作品源文件的下载地址: 作者提供源: http://pan.baidu.com/s/1pJtMyc7 人人官方源: 链接: http://pan.baidu.com/s/1o61pRM6 密码: gv4m本文作者@陈滨淋,国内某知名电商公司产品总监,起点学院北京1508期优秀学员。首发于产品经理,未经

Aure教程 | 为原型设计添加点动画效果

应用交互效果中,动画效果是应用的锦上添花效果,比起死板的页面切换,动画过渡效果还是会让人感觉自然,不那么生硬,也是一款优秀应用的加分项。我们以几个例子来说明一下如何应用axure里的动画效果。幻灯片效果我们要做的是一个自动轮播的幻灯片效果,也就是会自动从第一张片子开始,停留几秒后自动切换到下一个片子,显示到最后一个时再返回到第一个片子。几个着关键点说明如下:1. 自动轮播需