介绍Axure RP几个常用小设计(一)

作者&投稿:鄘琰 (若有异议请与网页底部的电邮联系)
~ 以下几小教程使用的是Axure的动态面板来实现,内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈/偷笑。

一.伸缩/隐藏导航栏

例如:鼠标移动到一级导航上,二级导航会下拉方式显示

1.打开Axure,拖动一个矩形元件,设置宽830、高49;

2.输入所需要的一级导航名称,使用文本标签元件,字体大小20;

3.对需要做二级导航的标签处下方,设置5个左右的矩形框元件,矩形框内写上二级导航名称;

4.5个矩形框全选,右键设置“转换为动态面板”,此时5个矩形已合为一个元件,并设置好该元件的Name:tab;

5.对需要下拉的标签,设置交互方式【鼠标移动时→选择显示动作→选择tab→更多选项(弹出效果)】

二.遮罩效果弹窗

例如:常见交互方式,点击登录或注册,弹出登录或注册窗口,背景页面显灰色

�1.布局好所需的元件,样式可自定;

2.弹窗外框和内容,右键设置“转换为动态面板”,并且样式处设置为隐藏,设置一个Name:add;

3.注册设置交互方式【鼠标点击时→选择显示动作→选择add→更多选项(灯箱效果)→背景色设置为灰色】

三.返回顶部设计

例如:鼠标点击箭头,网页自动往上返回第一屏页面

1.先搭建一个建议的页面,页面尽量往下延伸,方便测试,在页面底端放一个矩形变形后的箭头,并把箭头右键设置“转换为动态面板”。

2..箭头右键设置为“固定到浏览器”,弹出设置界面,固定到浏览器窗口→水平固定为右→边距设置为100→垂直固定底部→边距10;

2.将页面顶部元件设置一个Name,把它的Y坐标设置为“0”;

3.箭头设置鼠标点击交互,添加动作为滚动到元件<锚链接>,选择顶部元件,仅垂直滚动,动画为线性。

有看不明白的同鞋,可以留言。想要看《介绍Axure RP几个常用小设计(二)》,请加关注,谢谢!


平坝县18229687443: Axure RP Pro具体功能?
莱贝盐酸: Axure RP Pro 为一款办公自动化帮助工具,可以帮你快速地制作线框图,流程图,定义和创建HTML模板及MS WORD文件格式等. Axure RP Pro 功能包括站点地图、流程设计、页面框架设计、简单交互设计等,可以生成HTML、Word等格式.RP操作比用Dreamweaver简单多了,图片、文字、输入框等等所有组件全是可视化操作,可以很方便的实现网站交互内容的原型设计,可将以前死板的页面版式全部替换为有点击、链接效果的网页!同时可以为网站设计提供AJAX式的交互处理,RP提供一种动态层的组件,在同一页设定不同状态的效果,然后用链接、按钮等触发即可产生动态效果,这样网站设计就变得更加生动,意图也就更加直观.

平坝县18229687443: 如何利用Axure RP 8设计按钮控制页面框改变大小 -
莱贝盐酸: 具体步骤如下: 1、打开Axure RP,然后新建一个原型网页,如下图 2、在打开的界面中,选择底部菜单中的小桶图标,选择背景色 3、设置背景颜色以便于观察背景图片,在这里设置的是浅灰色系 4、背景颜色已经设置好了

平坝县18229687443: Axure RP是什么 -
莱贝盐酸: Axure RP是一个专业的快速原型设计工具. 基本简介: Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写.Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工...

平坝县18229687443: Axure RP是什么
莱贝盐酸: Axure RP是在做软件开发过程中做产品原型用的,是一个交互设计工具,主要是用来做WEB产品开发. 在网上发现一个axure中文讨论群,感觉非常不错: http://groups.google.com/group/axure?hl=zh-CN

平坝县18229687443: Axure RP 怎么使用? -
莱贝盐酸: axure rp原型工具的使用相对比较简单.1:下载一本电子书,看看基本就能掌握2:然后就是做一些案例,进行实战3:最后关于产品经理的设计理念,这个需要慢慢的体会 提供小案例:axure夜话案例集合 很抱歉,回答者上传的附件已失效

平坝县18229687443: 怎么学Axure网站原型设计的问题 -
莱贝盐酸: 学习axure rp可以分为以下几个阶段:一、新手级:是指刚刚接触原型设计,这个时期主要是打基础.先熟悉AxureRP的工作台,有哪些功能及组件,以及一些基本的操作,弄清楚每个组件是干什么用的.在新手阶段,主要还是以熟悉为主,可...

平坝县18229687443: Axure这个软件是做什么的.建模? -
莱贝盐酸: Axure RP 是一套高度拟真的网站与APP 原型建构工具,可以让设计师们利用软件内的组件快速设计出产品原型,本身提供强大的交互支持,设计出的原型和实际产品在交互上体验感几乎没有区别.另外,软件也支持多人协作模式和版本控制管...

平坝县18229687443: axure rp pro是什么软件 -
莱贝盐酸: Axure RP Pro 是一个产品经理必备的交互原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版等. Axure RP Pro 是专为 Rapid Prototype Design 而生,它可以辅助产品经理快速设计完整的产...

平坝县18229687443: 如何使用Axure RP制作Banner图切换效果 -
莱贝盐酸: 工具/原料 Axure RP 7.0 雅虎Banner图3—5张 方法/步骤 选择3—5张尺寸大小一致的广告图.这里选取5张雅虎的首页Banner为例.放在材料库中.打开Axure RP 7.0,拖动一个动态面板在工作区中.动态面板大小与广告图大小一致.调节动态...

平坝县18229687443: AxureRP - Pro - Setup.dmg是做什么的 -
莱贝盐酸: Axure RP是一个快速绘制Wireframe和Prototyping的工具,主要用来定义应用程序的需求与规格,以及设计使用者界面与功能,使用者包括User Experience Designers、商业分析师、信息架构师、Usability Expert与产品经理等专业人士..

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网