Axure制作一个APP原型有哪些流程步骤?

作者&投稿:钞点 (若有异议请与网页底部的电邮联系)
~

对于新手小白而言,了解Axure产品原型的制作流程步骤是很重要的!不知道流程步骤,就很难进行原型绘制!因此,下面为大家详细的分享:Axure制作一个APP原型的流程步骤!如果你打算自学Axure原型设计的话,推荐的Axure自学视频课,专业讲师传授知识点,可以0基础学会软件功能操作以及动手实操~

Axure制作一个APP原型的流程步骤:

01框架搭建

这里笔者使用自己正在制作的APP原型进行讲解。

版本:AxureRP9企业版

1.新建页面

底部导航分为5个部分,所以也对应着五个页面。在制作时先不考虑登录等其他页面,只做主界面。

1.在页面部分(注意不是概要部分)添加文件夹命名为主界面,放置主界面的页面。

2.在文件夹下面添加页面,底部导航点击每个图标跳转后对应的页面。由于该原型底部导航分为5个部分,所以在主界面下是五个子页面。每个子页面可以继续添加子页面,类似下图中我——个人主页,代表页面内跳转的页面。这里不再赘述。

2.页面布局

一个简易的页面基本都会包括状态栏、导航栏与标签栏(即底部导航)。

一般来说移动端的页面制作时尺寸设置为375*667

状态栏高20(状态栏可以下载AXURE元件库进行导入,也可以自己制作。)

导航栏高44

底部导航高49

除了这些以外的位置,便是可以放置主要内容的地方。

建议初学者可以直接使用矩形工具包括中间部分,再设置为动态面板。(下图中蓝色框线部分即是放置主要内容的地方,右键设置为动态面板后即可双击此动态面板进入编辑)

注意,在右边样式部分,需要对动态面板进行选择“按需滚动”,这样才可以在预览时看到所有编辑的部分。

02底部导航+页面跳转

了解完大致的框架搭建与页面的布局,那么就开始制作底部导航吧。网上许多教程都是状态的转换,虽然预览效果一样,但是对于制作一个APP而言还是不对的。

1.首先先添加一个母版,命名为底部导航。

2.接着选择好图片和文字,熟练运用组合,居中等将导航排布整齐。

一个图标与其对应文字为一个组合,方便后面的交互情形添加。

3.五个页面,对应该底部导航的五个状态。所以既要挑好选中前的图标,也要挑好选中后的图标。在这里我只对图标进行了改变表示选中。一般情况下文字颜色也会相应改变。

4.在状态1对其他图标组合进行交互设置。选中店铺组合,在右侧进行设置。

5.以此类推,将后面四个图标组合与页面进行相应的设置。然后复制多四个状态,再改变一下选中时的图标样式。注意每个状态中都要保证其他四个图标组合具备交互情形,才能让页面跳转成功。

6.右键母版——添加到页面,将该底部导航的母版设置到每个页面中,注意位置的摆放。

7.在工作区打开每个页面,并对页面进行交互设置。例如打开店铺页,设置如下。

8.给页面设置不同的内容,进行预览,就可以看到切换的效果啦。

以上就是关于“Axure制作一个APP原型有哪些流程步骤?”的内容分享了,希望能够帮到你!更多Axure精彩分享,尽在Axure相关文章!Axure因其能够快速、高效的创建原型,备受众多产品设计人员所使用!对于想要快速学会Axure原型设计的小伙伴,就可以选择精选的Axure自学视频课!不要犹豫,选择合适的课程开始学习体验吧~




Axure RP 8怎么利用按钮控制单选框和复选框?
1、打开Axure RP 8软件,在元件库中找到复选框,拖四个到画布上,如下图所示:2、分别修改复选框的描述,为A、B、C和D,如下图所示:3、再次拖四个单选按钮,修改单选按钮的内容为a、b、c和d,如下图所示:4、再次拖四个按钮到画布上,分别修改成Aa、Bb、Cc和Dd,如下图所示:5、添加动作...

Axure RP 8怎么设计单选按钮和按钮选择值?
1、双击打开Axure RP 8设计软件,展示页面显示的内容,如下图所示:2、在表单元件中拖四个单选按钮到画布上,并修改其内容,如下图所示:3、再拖曳一个按钮到画布上,放在右侧方向,并修改内容为确定,如下图所示:4、将A、B、C和D设置单选按钮组名称为selection,如下图所示:5、再拖曳一个输入框...

Axure 设计A文本框输入任意文字,B文本框=A文本框文字
第一步:拖入A、B两个文本框 第二步:设置A文本框“文本改变时”交互实例:第三步:FX设置为:最终为:结果:

求助一下,我在axure中需要一个元件a在鼠标移动时使元件b移动并跟随...
放两个矩形 a b,b转换为动态面板,只有动态面板才有拖动时,拖动时添加case 移动元件b 水平移动,移动时添加case移动a 跟随即可,希望你的理解,望采纳!

Axure 设计A文本框输入任意数字,B文本框=A文本框数字*0.5
为A文本框的文本改变时添加用例 选择设置文本 选择B文本框,点击fx 在插入变量或函数框中填写[[LVAR1*0.5]]点击添加局部变量,即可实现

Axure RP 6.5版本。 一个单选框空间,动态面板A和动态面板B,一个按钮控 ...
第一步把下图的部件都放在编辑区域 第二步选中按钮双击右侧上方的单击时三个字 第三步点选弹出窗口上方的添加条件如下设置:选中于==》单选框==》等于==》值==》真 》》》确定 选中左边栏中的显示动态面板右侧选A面板 选中左边栏中的隐藏动态面板右侧选择B面板》》》确定 第四步 复制用例原位置...

axure怎么做点击元件a,滚动【和元件a相同文本的元件b】到页面顶部?_百 ...
两个元件a,b.在a上添加点击事件,移动b,保持b的x不变,y为0.

Axure 一个按钮a, 一段只读文本b, 我怎么样可以通过 按钮的 onclick 点...
用disabled属性不行吗? 再用onclick来enable它就行了 disabled时会有一个颜色,感官上用户也好知道,如果不能有颜色,可能就要用两个文本来回切换了,一个有read only,一个没有

AXURE的疑问!我设置了A按钮,点击A按钮出现一个动态面板,再次点击A按钮...
后面的是你的疑问吗?如果是的,你可以再onclick的里面加上条件,当动态面板显示的时候和隐藏的时候

axure点击下拉列表,鼠标悬浮A选项时候,显示子列表A1,A2...,如何做到...
设置A为动态面板1 设置动态1鼠标移入时为state1,移出时为state2 在子列表的位置上放动态面板2,隐藏 在动态2state1里放子列表 设置动态1鼠标移入时显示动态2 设置动态2鼠标移出时隐藏动态2且设置动态1为state2 再设置BCD选项鼠标移入时隐藏动态2且设置动态1为state2 可能有点麻烦,我一直这么做的...

石鼓区18932926067: 如何用axure做一个手机app原型 -
错凝博欣: 一、原型默认整体大小为640*960即可,位置为x为0、y为0起始,这样即可 二、下拉效果可以做,用动态面板来完成,可以上下拖拽. 三、可以放在web服务器上,就可以通过http的方式来访问.

石鼓区18932926067: 如何用Axure快速制作APP交互原型 -
错凝博欣: 目前比较好的解决办法是:下载Axure2.如果是给itouch或者iPhone用的,比较好办,直接用320*480的分辨率画好辅助线,然后画原型3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型4.设置说明见下图:(页面大小显示我的这个设置是按320*480的大小,默认不缩放)5.用你的移动设备访问你生成的原型链接(如本地服务器,或Dropbox托管)6.把该页面创建一个桌面快捷方式7.完成(有icon,有闪屏) 另:想做鼠标动作或者复杂的页面交互比较麻烦,不推荐,尽量简洁.

石鼓区18932926067: axure初学者如何做app产品原型 -
错凝博欣: 任一选择一个APP,根据它来做一个原型,做个2、3个不同类型的,那肯定可以出师了

石鼓区18932926067: 关于Axure制作手机APP原型 -
错凝博欣: “发布”里有一个Axshare功能,把你的原型上传到Axure的服务器上.记得上传之前在设置里选择适配手机的参数,即可.

石鼓区18932926067: 使用Axure制作App原型应该怎样设置尺寸 -
错凝博欣: 一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可. 如: iPhone4 320*480 iPhone5 320*568 iPhone6 375*667 iPhone 6 Plus 414*736 Samsung Galaxy S4 360*640你可以按比例进行缩放

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

石鼓区18932926067: 做移动应用有什么好的原型工具 -
错凝博欣: 手机应用产品原型图工具: Axure RP 细节交互做的很好.还有很多:软件界面原型设计工具 UIDesigner.;产品原型设计工具 Balsamiq Mockups;iPhone原型制作 iPhone Mockup;产品原型制作工具FluidIA;界面原型图绘制工具 Pencil

石鼓区18932926067: axure怎么设计手机app的侧边栏原型 -
错凝博欣: 1、我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板”将其往编辑窗口拖拽.如下图2、创建好我们的动态面板之后,按住“ctrl+c”将其复制下来,然后双击我们的“外层动态面板”下...

石鼓区18932926067: Axure 9 怎么制作移动端原型 并在手机里演示和展示 -
错凝博欣: 分两部分回答1. 首先是怎么用Axure 9 制作移动端原型 2. Axure 9 制作的移动端原型怎么在手机打开演示和展示、并用链接进行分享 第一部分(制作移动端原型) Axure 9 ▹ 在右侧选择移动端页面尺寸 ▹ 制作原型 ▹ 导出成HTML 1、右侧选择...

石鼓区18932926067: App 产品原型设计用什么软件?axure?MM?visio? -
错凝博欣: 那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑.其他好像没有了吧.但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互.axure的思想更接近实际开发,比如...

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