Axure RP Pro教程:页面原型设计规范详解

需积分: 45 24 下载量 97 浏览量 更新于2024-07-18 收藏 1.22MB DOCX 举报
页面原型规范与Axure RP Pro教程是一份全面指导如何创建高效、一致和美观的界面设计的教程。该教程主要涵盖了以下几个关键知识点: 1. **目录结构**:强调了页面原型的组织逻辑,建议根据功能的关联性和顺序性来划分目录,例如预算管理模块下的"我的预算"和"预算审批"子目录。 2. **页面规格**: - **全屏页面**:分为宽幅(1200px宽,不限高度)和中幅(1000px宽,不限高度)两种,确保视觉效果的清晰和一致性。 - **弹屏页面**:不作固定规格,根据内容量灵活调整,但要求有灰色半透明背景以实现弹出效果。 3. **基本原则**: - 统一目录结构和视觉风格,如字体(宋体,12号)、颜色(黑、白、灰)和间距。 - 重视交互设计,通过链接实现页面间的顺畅流转。 4. **页面框架**: - **有菜单的宽幅页面**:明确各区域间间距,留白区域灵活处理。 - **无菜单的宽幅/中幅页面**:调整宽度,其他参数和布局与宽幅页面类似。 - **弹屏页面**:特别关注标题和遮罩层的设计。 5. **控件说明**: - **单行输入框**:详细规定了标题和输入域的样式,包括字体、字号、颜色、对齐方式和高度。 - **其他控件**:包括多行输入框、下拉选择、罗列选择、日期选择、附件和图片上传、不同类型的按钮(新增、查询、提交、辅助和下拉等)、表格,以及特殊组件如引导流程图、遮盖层、TAB标签页和网页编辑器。 6. **典型页面示例**: - **列表页面**、**编辑页面** 和 **只读页面**:展示了不同类型页面的常见布局和设计元素。 7. **AXURE RP Pro使用技巧**: - **MASTERS的使用**:可能涉及到模板和母版的管理,提高设计效率。 - **隐藏区域处理**:如何控制可见性,如隐藏和显示功能。 - **常用事件介绍**:讲解如何通过事件驱动页面交互,提升用户体验。 这份教程对于希望遵循标准设计规范并熟练运用Axure RP Pro创建原型的人来说,是不可或缺的参考资料。通过理解和应用这些规则和指南,设计师能创建出专业且易于理解的用户界面原型。