Axure最核心的功能就32313133353236313431303231363533e78988e69d8331333361306436是通过原件的堆积,形成目标效果.网上目前有大量免费的各种“最全axure原件大全”之类的,里面的内容非常多且杂,很多其实都用不到,对于选择恐惧症来说,这么多的原件,反而是一种累赘,而Axure官方网站上的原件,甚是精美,却是要美刀的.
在Axure中创建自己的元件库流程：
找到创建元件库的入口
打开Axure,在左侧元件库面板,点击绿色搜索按钮左边的下拉三角形,点击第三项“创建元件库”.
此时会d出一个另存为对话框,这里需要选择元件库的存储位置并输入元件库的名字.建议把元件库存放于你经常储备资源的文件夹下.
保存后稍等,Axure把重新打开一个新页面进行元件的编辑.
2 . 认识元件编辑页面
元件编辑页面使用Axure做原型时是一样的,能够加入其它的元件库并运用到索要编辑的元件上.
3 . 元件分组
通过观察Axure默认的元件库,能够发现其元件库是能够进行分组的.在制作元件库的时候,分组规则如下：
在页面导航面板上,全部的文件夹都是一个分组,全部没有在文件夹下的页面包括其全部子页面,都隶属与以元件库为名的分组下.
4 . 添加元件分组
删掉默认的“新元件1”页面,添加一个文件夹,命名为你的分组名.这里以“按钮”为例.
5 . 添加元件页面
右键点击“按钮”分组,选择“添加”>“子元件”,命名为“普通按钮”.
也能够在面板上点击“+”添加页面,此时的页面和分组是同级,只需选中页面,按Tab键或者点击面板上绿色向右的按钮,即可把元件放置在分组下.
6 . 编辑元件
打开“普通按钮”页面,在页面上完成按钮的样式以及交互,然后保存.
需要说明的一点,元件的位置能够在页面上任意位置,不必放在左上角顶点处,Axure会自动计算出元件的实际位置,在元件使用的时候没有任何影响.
能够为自己的元件制作两张尺寸分别为28*28和56*56的图标,在页面属性面板选择自含义图标并上传.如果没有,默认使用缩略图,Axure会自动把当前页面缩略图作为元件图标.
7 . 预先浏览效果
Step1：拖入一个Box1，同样拖入一个动态面板（取名：背景）覆盖Box1；
Step2：进入动态面板（背景）的state1中，添加元件到首部（x：0；y：0）和两个按钮到底部（消息&&通讯录）如下所示：
Step3:在首部和尾部之间拖入一个动态面板（取名：拖动），设置两个状态（消息&&通讯录）并放到底部；
Step4:在消息子状态和通讯录自状态添加原件：
Step5 : 给拖动面板添加交互：
给消息按钮添加交互：
给通讯录按钮添加交互：
Step6：预览（横纵边界条件不清楚）
用axure进行原型设计需要先从整体的布局考虑，再来细化每个功能点。整体的布局就是在设计的过程中注意色彩的对比、对每个模块的布局进行深入探讨以保证样式美观、方便 *** 作；细化每个功能点就要考虑d出和跳转的正确设置，每个跳转链接都可以准确的到达指定区域，减少繁琐的进行多次跳转。
1.确定风格
每个原型设计都需要先确定好风格，保证后续的设计风格一致，符合使用者的整体形象。其次是颜色运用的合适，可以唤醒使用者的视觉美感，给予视觉上的冲击，人们往往都愿意相信自己第一眼便喜爱的东西，所以原型的设计上，一定要优先抓住客户眼球，让他们接受这个样式，这样设计者也可以少走弯路，达到事半功倍的效果。加强使用者的第一印象，使其在使用中易接受，提高使用效率。
2.注重实用
在原型的设计上，美观是一方面，但也不能减少对实用性的注重。进行原型设计的时候，一定要多方考虑，把使用者看中的、常用的、主要的功能排在页面最上方或是最显眼的地方，不能因为强调设计上的炫酷，就让使用者为了打开一个页面或功能要点很多下。实用又不缺乏美观的原型才更能凸出设计者的专业能力。
3.细化功能
Axure的功能非常强大，可以通过将元件库中的原件直接拖拽到主 *** 作界面中进行排版， *** 作非常简单且十分快捷，但如果需要显示相应效果，则需要对各相关元件进行交互设置，从而能够显示出想要的效果。如滑动显示效果，用来显示和隐藏动作进行展现；在动态面板中，通过Tab标签切换的功能呈现单击不同的Tab标签可以切换显示不同的Tab内容页，且选中的标签标题产生变红色或加黑效果等。
以上所述仅仅是Axure中的一小部分，进行Axure原型设计时还需要考虑到一定逻辑性，比如在做滑动效果时，如果逻辑不清晰，就会导致效果无法显示。Axure原型设计需要持续不断地增加新内容来满足更多使用者的需求，所以要不断的了解和学习其中的功能以及效果展示方法，并将学到的技巧和方法积累沉淀下来，扎实自己所学，扩充自身的知识储备。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）