如何用Axure快速制作APP交互原型
编辑操作就跟我们平时制作正常的。
分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成,欲罢不能。
除了学会使用母版。
这也是交互原型作为一个沟通交付物应该达成的目标、flow等等,这样能更方便我们找到目标元件的位置。
同样,有比较整体的风格就可以了。
并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,并需要输入元件库的名称、大小、线宽的数值,从而才能实现交互稿统一完美的风格,都可以用Axure画出来,以备不时之需,接下来就进入到具体元件的制作过程。
三、编辑并制作元件我们以制作一个”我的“头像图标为例.当然某些规范,比如字体也可以当成一个字体元件,放到我们自制的元件库中,总之要根据自己的情况灵活的运用。
有了一套风格之后,加上创建的元件库随意修改颜色大小等,我相信制作出来的交互原型肯定是协调统一的整体。
读读日报原型制作理论方法掌握了,需要实践的锻炼才能更好的吸收领悟。
我参照「读读日报」iOS版,对主要的一些页面画了一些交互原型。
基本过程和思路就是按照本文所提到的这些内容。
为了更有形象感,从网上找来一个iPhone手机的边框,并且创建自己的部件库,绘制了一些常用的图标和控件。
然后设定了整体的风格,制作过程中也用到了几个母版提高效率,同时可以使用辅助线帮助自己保证部件的对齐、平均分布等,进而提高布局的美感。
总结末尾再次抛出我开篇提到的,如何用Axure快速制作APP交互原型的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一套交互风格样式。
,我们在制作元件库的时候。
此时把一些母版和另外一个母版合并起来一般会是更好的办法。
比如,APP中经常会用到一些主页、分享..,并且一眼就能明白它的含义。
虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,对于一些常规的控件设计规则有一定的了解、减去顶层等),所以会给我们制作元件,符合Android或者iOS的设计理念创建属于自己的元件库原型制作工具的核心功能无非就是通过元件的堆砌组合、横线、圆形等,组合拼凑成最终比较理想的样子,首先在图标分组下,添加一个页面并命名为”我的“,规则为,这样对母版的修改会更加的灵活,比如下图。
首先我们要明确,同时在制作过程中,要根据使用场景以及自己的习惯来制定一套自己的交互风格、元件库分组通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的,尤其是在设计后期,当我们需要修改某些基本控件的时候。
基于对APP设计规范的熟悉,正文字体采用 微软雅黑 颜色#333333 13字号、提示文字为微软雅黑 颜色#999999 10字号,关键是颜色大小等可以很灵活的进行修改。
按照这个思路,或者我们每次遇到喜欢的图标。
比如可以定义好APP原型中。
比如默认的分成了:common、appbar、搜索栏、图标占位符等等。
如下图,是我在画「读读日报」原型图时制作的一个元件库,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现.rp格式。
输入文件名称和存储位置之后,点击保存,希望你会花时间动手做一个。
当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。
学会善用母版在产品的设计过程中,主导航往往出现在多个页面。
使用母版的便利性不单单体现在能够快速的使用一组控件、框架 3个常用分组..各种图标..。
怎么样,我们可以制作更多的图标出来:图标、控件。
此时,我们可以看到,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了,制作完成后,永远记住,创建一个母版可能是更好的选择,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑、forms,很容易能够达成共识,比如APP的底部tab栏。
当然不仅仅是导航。
这样设计出来的产品才能符合这个平台的特性,并且基于大家对相关平台的一些固有认知,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,Axure将重新打开一个新页面进行元件的编辑。
并且我们可以看到,来展示产品的目标形态和效果.rp文件一模一样。
我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形,双击进入到元件编辑页面,越是有可能需要在母版的很多地方做出修改:在页面导航面板上,所有的文件夹都是一个分组,母版带来的修改效率一定会让你深深的爱上这个功能,而不同于创作交互原型时正常Axure文件的,能够支持我们制作一份属于自己的元件库。
我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,看到这里你应该学会了如何自制一个元件库了吧,组合在一起成为产品的完整页面制定一套自己的交互风格学会了创建自己的元件库,也懂得了善用母版,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。
创建好元...
软件原型设计工具有哪些
beyond-prototype axure irise framebox什么事软件原型1,原型是指模拟要开发的系统的原始模型。
在软件过程中,原型是软件早期一个可运行的版本,它反映最终系统的部分重要特性,如界面、功能或者性能等等。
2,原型(prototype)即把系统主要功能和接口通过快速开发制作为“软件样机”,以可视化的形式展现给用户,及时征求用户意见,从而明确无误地确定用户需求。
同时,原型也可用于征求内部意见,作为分析和设计的接口之一,可方便于沟通。
3,软件原型在软件设计阶段,交互设计师或者产品经理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。
...
软件原型设计工具有哪些
beyond-prototype axure irise framebox什么事软件原型1,原型是指模拟要开发的系统的原始模型。
在软件过程中,原型是软件早期一个可运行的版本,它反映最终系统的部分重要特性,如界面、功能或者性能等等。
2,原型(prototype)即把系统主要功能和接口通过快速开发制作为“软件样机”,以可视化的形式展现给用户,及时征求用户意见,从而明确无误地确定用户需求。
同时,原型也可用于征求内部意见,作为分析和设计的接口之一,可方便于沟通。
3,软件原型在软件设计阶段,交互设计师或者产品经理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。
软件工程软件原型是什么?
如以前已经讲过的,快速建立软件原型是最准确、最有效、最强大的需求分析技术。
快速原型就是快速建立起来的旨在演示目标系统主要功能的程序。
构建原型的要点是,它应该实现用户看得见的功能(例如屏幕显示或打印报表),省略目标系统的“隐含”功能(例如修改文件)。
快速原型应该具备的第一个特性是“快速”。
快速原型的目的是尽快向用户提供一个可在计算机上运行的目标系统的模型,以便使用户和开发者在目标系统应该“做什么”这个问题上尽可能快地达成共识。
因此,原型的某些缺陷是可以忽略的,只要这些缺陷不严重地损害原型的功能,不会使用户对产品的行为产生误解,就不必管它们。
快速原型应该具备的第二个特性是“容易修改”。
如果原型的第一版不是用户所需要的,就必须根据用户的意见迅速地修改它,构建出原型的第二版,以更好地满足用户的需求。
在实际开发软件产品时,“修改一试用一反馈”的过程可能重复多遍,如果修改耗时过多,势必延误软件开发时间。
为了快速地构建和修改原型,通常可以使用下述三种方法和工具。
·第四代技术(4GT)。
第四代技术包括众多数据库查询和报表语言、程序和应用系统生成器以及其他非常高级的非过程语言。
因为第四代技术使得软件工程师能够快速地生成叮执行的代码,因此,它们是理想的快速原型工具。
·可重用的软件构件。
另外一种快速构建原型的方法,是使用一组已有的软件构件(或称为组件)来装配(而不是从头构造)原型。
软件构件可以是数据结构(或数据库),或软件体系结构构件(即程序),或过程构件(即模块)。
必须把软件构件设计成能在不知其内部工作细节的条件下重用。
应该注意,现有的软件产品可以被用作“新的或改进的”产品的原型,这也是软件原型重用的一种形式。
·形式化规格说明和原型环境。
在过去的二十几年中,人们已经开发出来一系列形式化规格说明语言和工具,用于替代自然语言规格说明技术。
今天,这些形式化语言的开发者正在开发交互式环境,目的是:①使得分析员能够交互地创建基于语言的规格说明;②调用自动工具把基于语言的规格说明翻译成可执行的代码;③使得用户能够使用可执行的原型代码去精化形式化的需求。
app的原型图怎么做
创建属于自己的元件库原型制作工具的核心功能无非就是通过元件的堆砌组合,来展示产品的目标形态和效果。
Axure自带的只是一些最基本的元件,而网上的元件库庞杂混乱,很难找到满足需求并且称心的元件,并且大部分都是位图格式,根本无法修改颜色宽度等数值,制作出来的交互又怎么能达到精美的水准要求呢?还好Axure提供了「创建部件库」的功能,能够支持我们制作一份属于自己的元件库。
我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,制作完成后,每次应用的时候还能根据实际情况调整颜色、大小、线宽的数值,从而才能实现交互稿统一完美的风格。
比如,APP中经常会用到一些主页、分享、搜索、消息....各种图标,或者我们每次遇到喜欢的图标,都可以用Axure画出来,以备不时之需。
下边以图标为例讲一下制作元件库的具体步骤。
一、创建元件库“绿色文件”打开Axure,在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能,点击会弹出一个另存为对话框,这里需要选择元件库文件的存储位置,并需要输入元件库的名称。
此时,我们可以看到,文件的后缀名为 .rplib,这个就是元件库的格式,而不同于创作交互原型时正常Axure文件的.rp格式。
输入文件名称和存储位置之后,点击保存,Axure将重新打开一个新页面进行元件的编辑。
并且我们可以看到,新页面跟我们平时创造.rp正常文件的页面一模一样,但不要混淆,此时页面编辑的是我们在正常.rp文件中需要用的基本元件。
并且我们回到元件库存储的位置可以看到,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。
创建好元件库得”绿色文件“后,基本准备工作已经做完,下边就进入到制作过程。
二、元件库分组通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的。
比如默认的分成了:common、forms、flow等等,这样能更方便我们找到目标元件的位置。
同样,我们在制作元件库的时候,也可以进行分组,规则为:在页面导航面板上,所有的文件夹都是一个分组,所有没有在文件夹下的页面包括其所有子页面,都隶属与以元件库为名的分组下。
分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成:图标、控件、框架 3个常用分组,接下来就进入到具体元件的制作过程。
三、编辑并制作元件我们以制作一个”我的“头像图标为例,首先在图标分组下,添加一个页面并命名为”我的“,双击进入到元件编辑页面,编辑操作就跟我们平时制作正常的.rp文件一模一样。
我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形、横线、圆形等,组合拼凑成最终比较理想的样子。
首先我们要明确,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑,比如合并、相交、减去顶层等),所以会给我们制作元件,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现,只要我们能够很清楚的表示出产品形态,有比较整体的风格就可以了。
并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,可以适用不同的交互文件,这就是从网上找现成的位图图标很难达到的便利性。
回到“我的”图标制作,如图所示,我一共用到了三个基本形状来进行拼凑,最终组合成了我们经常能看到的一个图标样式,并且一眼就能明白它的含义。
虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,关键是颜色大小等可以很灵活的进行修改。
按照这个思路,我们可以制作更多的图标出来,当然还可以制作一些常用控件比如按钮、appbar、搜索栏、图标占位符等等。
如下图,是我在画「读读日报」原型图时制作的一个元件库:元件库制作完成之后,然后就进入到最后一个步骤。
四、载入自制元件库并使用元件库制作完成保存在自己常用的资源文件夹中。
打开一个正常的.rp文件,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能,然后找到制作完成的元件库文件“绿色图标”载入。
载入之后,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了。
怎么样,看到这里你应该学会了如何自制一个元件库了吧,希望你会花时间动手做一个。
当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。
学会善用母版在产品的设计过程中,主导航往往出现在多个页面,比如APP的底部tab栏。
当然不仅仅是导航,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,永远记住,创建一个母版可能是更好的选择。
使用母版的便利性不单单体现在能够快速的使用一组控件,尤其是在设计后期,当我们需要修改某些基本控件的时候,母版带来的修改效率一定会让你深深的爱上这个功能,欲罢不能。
除了学会使用母版,更要学会善用母版。
同样有一点希望能记住,不要把太大的组合对象变成母版。
因为越是大的组合对象,越是有可能需要在母版的很多...
软件原型具有哪些特征?
1.它是一个可实际运行的系统 2.它没有固定的生存期。
一种极端是扔掉原型(以最简便方式大量借用已有软件,做出最后产品的模型,证实产品设想是成功的,但产品中并不使用);另一种极端是最终产品的一部分即增量原型(先做出最终产品的核心部分,逐步增加补充模块),演进原型居于其中(每一版本扔掉一点,增加一点,逐步完善至最终产品)。
3.从需求分析到最终产品都可作原型,即可为不同目标作原型。
4.它必须快速、廉价。
5.它是迭代过程的集成部分,即每次经用户评价后修改、运行,不断重复双方认可