Axure教程之高保真基础（使用axure怎么制作低保真图）

一、高保真原型图的要素

（一）静态

尺寸：严格按照截图比例，参考线

色彩：使用吸取颜色，注意渐变色

贴图：矢量图/位图，截取、覆盖等

（二）动态

交互：页面切换，点击动效，数据变化

演示：PC浏览器、手机APP

二、高保真基础（以微信为例）

第一步也是最重要的一步：

①画底图，保证和目标图一致

1.选中所有字体后，修改字体大小，发现字体有压缩怎么办

方法1：选中多个元件-右侧样式-点击自动适合文本宽度

2.怎么在iconfont.cn上面查找图标

方法1:在搜索框输入“发现”，就会出现很多相关的图标

3.怎么把iconfont.cn复制过来的图片变成图形，图形可以改变颜色

方法1:点击图标上面的“下载”-点击“复制SVG代码”-进入axure，command+V复制进来，这个时候这个图标是一个图片-选中图标，点击右键-变换图片-转换SVG图片为形状

4.图标排布不整齐怎么办

方法1:把图标都框选住-用选择模式-包含模式把这些图标框选住-点击左侧或者右侧对齐

5.怎么填充图标的颜色

6.怎么制作返回的图标

7.怎么查找头像

方法1:

①搜索引擎搜索头像

②截屏

③复制到axure，放到你的原型图里面

8.想用原来的图

方法1：截取目标图复制到原型图上面

在做图片切割和复制的时候肯定是有些失真的，除非你的原图是尺寸很大的原图，但是不影响我们整体高保真的感觉

9.对话框的元件只需要画一个，其他的复制就行，形状都是一样的

10.axure小于12号的字体在浏览器里面不生效怎么办

方法1：axure默认的最小字体是6号字体，浏览器的默认最小字体是12号字体，所以在axure设置字体的时候建议不要小于12号字体，因为用了之后，在浏览器显示出来还是12号字体，所以会导致你的页面的整体排版会出问题。

11.头像的尺寸大小不一致怎么办

方法一：先画一个头像占位符-画号之后把头像复制到占位符上面

12.截取的图片有白边怎么办

方法1：点击图片右键-选择裁剪图片-把白边往里挪一下

13.图片的四个角也有白边怎么办

方法1：图片也有一个圆角的功能-把倒三角形往右滑-四个角的白边就消失了

14.怎么把正常的图形（如矩形、圆形）编辑成自己想要的形状

方法1：编辑点-选中图形右键

每个点都是可以去实际地操作的

并且当你的鼠标挪到图形的边缘的时候，鼠标变成了一个鼠标+号，你点一下就会多出一个点来

当然也可以删除这个点，选中这个编辑点-按delete

15.怎么画微信的会话框

方法1：设置好编辑点，把中间的编辑点拽出来-然后再双击其他的位置，退出编辑点的状态-也可以删除这个尖尖的图形

注意：编辑点之后就没有圆角的编辑方法了

方法2：选中图形之后，双击图形的边缘，就会立刻进入到编辑点的状态。圆形也可以这样

16.怎么把文字打在对话框里面

方法1：在框外输入文字，再把文字移动到对话框上面

方法2：直接在图形框里输入文字

17.文字打在图形框里面没法调整文字的布局怎么办

方法1：在右侧的样式-排版里面去调整

今日感悟：产品经理不只是画原型图，但当你想要向别人（领导、客户、面试官）展示你的产品设计能力的时候，它是最重要的技能。