页面原型设计说明（页面原型设计工具）

摘要： axure怎么绘制原型图从Axure提供的元件库中选取所需的按钮、文本框等基本元素，构建原型的基本框架。使用动态面板来设计交互效果，如点击按钮后显示或隐藏某个区域，增强原型的交互...

axure怎么绘制原型图

从Axure提供的元件库中选取所需的按钮、文本框等基本元素，构建原型的基本框架。使用动态面板来设计交互效果，如点击按钮后显示或隐藏某个区域，增强原型的交互性。 注意细节设计 在绘制过程中，可以拉辅助线来确定画布的大小尺寸，以及设置画布底模为组件，方便后续其他页面的使用。

鼠标点击时的页面跳转和显示隐藏 页面跳转 添加交互用例：在Axure中，只要是元件库的元件，都能添加“鼠标点击时”的交互用例。选择你想要添加交互的元件，右键点击并选择“交互”-“鼠标点击时”-“添加用例”。

下载并安装Axure。 针对目标设备（如iPhone）设置合适的分辨率，画出原型图。 使用F5生成原型，并在“mobile/Device”选项中设置适配移动设备的原型。 访问生成的原型链接，如本地服务器或Dropbox托管。 为页面创建桌面快捷方式。 完成原型设计，包括图标和闪屏等。

原型图axure教程 首先，我们要将文件从Axure中导出。 Step1：在Axure内点击（发布）生成原型文件。Step2：创建一个空白文件夹作为导出位置，点击“发布到本地”，将生成的整个文件进行压缩，选择压缩文件格式为ZIP，注意这里不能加密。

首先，下载并安装Axure软件。 针对iTouch或iPhone设计，可使用320×480的分辨率来绘制辅助线，并据此绘制原型图。 按下F5键生成原型时，在“Mobile/Device”选项中，可以针对移动设备调整特殊的原型设置。 具体设置方法可参考下图：（此图显示页面大小设置为320×480，默认不缩放。

原型设计是什么该怎么使用它

原型设计是产品面市前的一个框架设计，主要用于交互设计师与团队成员之间的沟通，是确保产品可用性的重要工具。原型设计的作用主要包括以下几点： 沟通桥梁：原型设计是交互设计师与PD、PM、网站开发工程师等团队成员之间沟通的最好工具，它能够帮助各方更好地理解产品的功能和设计。

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。产品原型可以概括的说是整个产品面市之前的一个框架设计。

根据原型目的、受众和产品阶段，选择低保真、中保真或高保真原型。草图可用白板、纸张制作，线框图则使用原型设计工具完成。原型展示的信息应包括信息导航、分类、搜索、布局和增删改查等功能。测试和验证原型：将原型呈现给团队、利益相关人以及用户。

产品界面原型设计排版规则?

在原型页面的色彩设计中，最好保持一致，无论是文本还是其他图形、图片不要使用太多非黑灰白以外的色值。如果用于演示的产品原型稿件中需要配图标，则需要保持图片的一致性，大小及样式。但在实际的工作中，除了一些指示性比较强的图标，比如搜索、设置、分享等等，其他的尽量不要使用图标素材。

第一， 原型大小，指的是在Axure中对应的长宽。规范的移动端页面大小为：宽度375*高度667（单位为px，本文中，所有的数字单位均为px，隐去不写），当然，如果页面比较长，比如首页，可以无视667这个要求，把该有的内容都制作出来即可。

整个界面色彩尽量少的使用类别不同的颜色 三：（Resource）资源 一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。