一、原型的概念及分类

什么是原型?

用线条、图形描绘出的产品框架,也称线框图,是需求和功能的具体化表象。

原型的分类

草图原型:纸质手机模版,进行手绘,梳理思路,不是专业文档。

低保真原型:在草图基础之上用Axure绘制,颜色较少,产品经理做产品规划及评审的阶段使用。

高保真原型:颜色丰富,有复杂交互,有设计图。

二、原型绘制软件Axure

Axure:9以上版本较新

作用

1.原型可以辅助产品经理与领导、UI和技术进行沟通

2.原型相对于手稿,信息量更丰富

Axure常用功能介绍

axure产品架构图 axure产品原型设计_axure产品架构图

 

axure产品架构图 axure产品原型设计_axure_02

 Axure中总共有四种类型的文件:

  • .rp 原型文件(最常用)
  • .rplib 元件库文件
  • .rpteam 团队项目文件(共同编辑)
  • .html 网页文件

菜单栏

文件-自动备份设置(偏好设置-备份)

编辑-查找(ctrl+F)方便找东西

视图-自定义工具栏

       -重置视图(恢复以前的样子)(ctrl+alt+[  左边消失再按左边出现)

       -功能区-开关侧边功能区

布局-组合(ctrl+G常用)(取消组合ctrl+shift+G)

发布-生成HTML文件(发给开发、ui看,可以用浏览器打开)

帮助-管理授权(找授权码用)

       -关于Axure(查看版本号)

工具栏

可以自己设置

预览:可在浏览器中看画出的效果(常用)

一些小技巧

把高度锁定,即锁定了长宽比例。

常用文本标签,进行菜单栏文字设计

选中不想选中的部分怎么办?可以按shift并点击不想选中的部分

如何把多个框距统一?选中多个方框-右键-分布-水平分布

如何拖动直线时按水平移动?按住shift键再移动

填充-第二个灰色方框-加上了阴影

线段的线宽设为0时,矩形框的框就隐藏了

目录

一、原型的概念及分类

什么是原型?

原型的分类

二、原型绘制软件Axure

作用

Axure常用功能介绍

菜单栏

工具栏

一些小技巧