国内人民,大家好!
今天小编我来给大家写一篇Axure入门指南,让你告别畏难情绪,轻松上手这个神奇的原型设计工具。
什么是Axure?
Axure RP是一个专业的快速原型设计工具,它强大的功能和人性化的操作,深受国内外产品经理、交互设计师和开发者的喜爱。
当然不难! 掌握这招,分分钟还原真实页面:
第一步:采集信息
拿到原型截图后,我们需要收集它的各元件的长宽高和位置信息。就拿腾讯TIM登录界面为例:
| 元件 | 长度 | 宽度 | 高度 | X坐标 | Y坐标 |
|---|---|---|---|---|---|
| 背景区域 | 375px | 667px | - | - | - |
| LOGO | 200px | 30px | - | 87.5px | 100px |
| 应用名称 | 200px | 30px | - | 87.5px | 130px |
| 登录按钮 | 240px | 40px | - | 68.75px | 500px |
第二步:还原界面
了解元件信息后,我们就可以在Axure中还原界面了:
1.新建一个项目,拖入一个动态面板作为画布。
2.按照元件信息,添加矩形、文本框等图形元件。
3.设置元件的长宽高、位置以及样式。
Axure提供了几种方法来展示不同内容:
方法1:多个页面
为每个内容创建一个独立的页面,使用标签按钮切换页面。
方法2:动态面板
将多个内容放置在一个动态面板内,通过改变状态来切换内容显示。
方法3:overlay交互
将内容作为弹出层覆盖在页面上,通过交互按钮显示或隐藏。
方法4:局部刷新
仅更新页面的一部分内容,而不影响其他内容。
不用担心,Axure提供了丰富的资源,让你轻松提升原型颜值!
内置的主题库,提供各种风格的主题模板。
组件库,包含了常见的UI控件和交互效果。
强大的Sketch集成,可以导入Sketch文件,一键生成原型。
动态面板是Axure中一个强大的功能,它能实现各种交互效果,例如:
变化状态:通过触发交互,改变动态面板的显示状态。
移动和旋转:对动态面板进行平移、旋转等操作。
渐显渐隐:通过设置动画,让动态面板平滑地显示或隐藏。
其实不然!Axure的本质就是一个工具,只要掌握了正确的思维方式,使用起来并不难。
工具思维:以工具使用者的角度思考,了解Axure的功能和特性。
用户体验优先:始终以用户体验为目标,设计易于理解和操作的原型。
迭代优化:反复迭代,不断完善原型,直到达到最优效果。
互动区:
各位国内的Axure小白们,有什么疑问或自己的心得体会,欢迎在评论区留言分享哦!让大家一起在Axure的道路上进步吧!
*请认真填写需求信息,我们会在24小时内与您取得联系。