Axure RP是一个快速绘制Wireframe和Prototyping的工具,主要用来定义应用程序的需求与规格,以及设计使用者界面与功能。本文介绍如何使用Axure RP PRO 6创建WEB页面框架。
在页面框架中一般分为几个区域,普通的页面包含头部,底部,菜单和主窗口。效果如下:
点菜单后主窗口内容会发生变化。
步骤一
创建三个Master,分别是头,底和菜单
Header Master和foot Master的内容是一张图片(也可以添加些文字)
systemMenu Master的内容是菜单(本例中使用树来实现菜单)
步骤二
在页面中进行布局,分别放上header,foot和systemMenu三个Master。主窗口放上一个Inline Frame,Label命名为BodyFrame。
步骤三
在systemMenu Master中自定义事件,实现菜单功能。在OnClick事件中设定Raise Event。
步骤四
回到页面中会看到两个自定义事件,设置这两个事件需要连接的目标地址。
步骤五
按“F5”产生原型,可验证生成的内容。
分享到:
相关推荐
1. **创建新项目**:打开Axure RP软件,选择“新建”项目,设置页面尺寸和分辨率,开始构建你的设计框架。 2. **添加页面**:在项目中添加新的页面,用于设计不同的功能模块或工作流。 3. **放置组件**:从左侧的...
"xz.jpg"可能是一个截图或者示例图片,展示Axure RP的使用界面或设计成果。"Other"和"Data"两个文件夹可能包含Axure RP的相关文档、模板或其他辅助资料。而"Axure RP 9"则很可能是指Axure RP的第9个版本,这个版本...
2019年最新的 axure 后台管理系统原型rp。很实用。比较漂亮。 2019年最新的 axure 后台管理系统原型rp。很实用。比较漂亮。 2019年最新的 axure 后台管理系统原型rp。很实用。比较漂亮。 2019年最新的 axure 后台...
1. 添加内联框架:在 Axure 中新建页面,在基本元件中选择【内联框架】,拖拽进页面,点击【样式】,勾选隐藏边框。 2. 选择 echart 图表:进入 echart 官网,选择你需要插入 Axure 中的图表,例如渐变堆叠面积图。 ...
5. **布局组件**:如网格、框架、容器,能够帮助设计师灵活地组织和排列页面元素。 6. **特殊组件**:例如地图、图表、进度条等,这些在电商、咨询类应用中可以用于展示商品分布、数据分析等。 7. **移动端特有的...
5. 示例项目:新手可以通过参考这些示例来学习Axure RP 8的基本操作和高级技巧。 在安装Axure RP 8时,用户需要确保自己的计算机满足软件的系统要求,例如操作系统版本(Windows或Mac)、内存大小以及硬盘空间等。...
从文件列表中的" AxureRP"这个名称,我们可以推测这可能是Axure RP的安装包或相关资源文件。这类文件通常会包含软件的主体程序、汉化包、教程文档、示例项目以及一些可选的组件库。这些资源对于用户在安装和使用过程...
通过本指南的学习,相信您已经掌握了 Axure RP 的基本使用方法。随着实践经验的积累,您会发现更多有趣和实用的功能,从而更好地利用这款工具来提升工作效率和产品质量。希望本指南对您的学习之路有所帮助!
总的来说,这套资源集合对于任何使用Axure RP 9的人来说都是一个宝贵的宝藏,无论你是初学者还是经验丰富的设计师,都能从中受益。它能够帮助你快速搭建项目框架,探索新的设计方法,并提升整体的设计质量。记得在...
综上所述,通过遵循页面原型的设计规范和掌握Axure RP Pro的使用技巧,可以高效地创建既美观又实用的用户界面原型。这些指南不仅限定了页面的基本结构和控件样式,还提供了具体的实施方法和示例,帮助设计师们构建出...
模板框架采用了自适应布局处理,可以在各种屏幕分辨率下达到最佳的兼容性和浏览效果,同时所有功能模块二级界面都是单独设计并使用内联框架嵌入,可极大的提升输出效率及节约维护成本。无论你是一位电商行业产品经理...
在本资源包中,Bootstrap4_for_AxureRP8(71).rplib 和 bootstrap_4_galvin.rplib 是两个关键的库文件,它们包含了Bootstrap4框架的核心元素和设计模板,以便于在Axure RP8中直接使用。以下是这些文件可能包含的内容...
在Axure中,可以使用网格系统、框架布局、表格等元素来规划页面,确保内容的逻辑性和视觉一致性。这个文件将演示各种常见的网页布局方式,如一栏布局、两栏布局或多栏布局等。 最后,"鼠标滑过文字显示.rp"展示了...
在Axure中使用Element UI元件库,设计师可以轻松地模拟出基于此框架的Web应用原型,提高设计效率。 演示文件.rplib可能包含了一些使用这些元件库创建的示例原型,供用户参考和学习如何有效利用这些资源。这可以帮助...
这个“web元件库 ElementUI元件库 后台模板页面(兼容Axure9).zip”文件集合了使用 ElementUI 构建的后台管理模板页面,非常适合用于快速搭建企业级后台系统。它兼容 Axure 9,意味着设计师可以方便地在 Axure 中...
2. 打开项目:使用Axure RP软件打开项目文件,查看和编辑模板内容。 3. 自定义修改:根据实际需求,对模板中的组件、布局和交互进行调整。 4. 导出原型:完成设计后,可以导出为HTML原型,以便于团队成员或客户进行...
2. AXURE后台管理模板案例:可能是关于模板的说明文档或者示例图片,帮助用户理解如何使用这个模板。 使用这个模板时,设计师可以参考其布局、组件和交互,根据实际需求进行调整。例如,可以修改页面的导航结构,...
- **Pages**:示例页面,展示如何使用这些组件构建一个完整的 Bootstrap4 页面。 - **Assets**:可能包含图标和其他图形资源,供设计时使用。 使用这个组件库,Axure RP 8 用户可以更高效地构建符合 Bootstrap4 ...
除了提供不同类型的登录界面和系统框架之外,本套作品中还提供了丰富的常用页面模板,涵盖了各类典型的中后台系统使用场景。其中包含了各类中后台数据仪表和首页示例、数据管理的增删改查相关页面、团队协作功能流程...