高保真图

高保真图（此时也就能够称之为成品效果图了）因为是高保真，就是说跟实在的一样，不然不能叫高保真了。然而之所以依然称之为保真不是成品设计，就是个别状况，此时的一些细节是还不那么讲究，比方很多 icon 可能都是简略画一下，甚至都是找的现成的素材样子靠近的先放上，板块的尺寸都是顺手凭视觉画进去的，可能常常是 299px，301px 这种。最终交付下一开发流程之前都要把这些尺寸全副精细化之后，交付稿，那个才算真正的成品设计。

高保真的非凡技巧

高保真原型图技巧：

– 外围内功：指标清晰 / 了解设计规范

– 画图习惯：像素对齐 / 用浅色 / 上素材

外围：

指标清晰： 不论采纳低中高的原型，外围指标是交互稿就是想法的表白，产品流程的表白。能够采纳“指标、重叠、排序”形式来表白。指标指的是页面目标，流程目标，都是为了实现某些需要。重叠指的是为了满足目标，一个新闻详情页须要哪些元素？一个登录页需哪些元素？倡议先用思维导图或者手绘出根本蕴含的元素，先把蕴含的元素列出来，不在乎款式，正如 HTML 编码外面的”内容 / 款式 / 构造“，重叠思考的是内容和构造。等列出这个页面的所有元素，那就能够开始排列了，这就波及波及标准和画图习惯了。

理解设计规范： 理解不同类型产品的设计规范是很有必要的。比方 IOS、Android、Web 设计规范，或者某个产品罕用页面设计办法。没人会把登录按钮放在账户明码框的下面，理解设计规范的指标是调整好页面构造，将页面元素正当的摆放。举荐《UI 设计模式》和《Web 信息架构》这两本书，总结了挪动端和 Web 端罕用的页面设计常识。

习惯：

绘图习惯间接影响到了画进去的成果，如果想轻松画出颜值较高的原型，那么能够恪守以下细节。

管制组件到素级级别： 低保真原型比拟毛糙是因为不在乎细节，啥事细节，就是一个页面内元素的宽高圆角等。所以画高保真原型时候，最罕用习惯就是计算和定义组件的宽低等属性。比方 App 根底背景页面咱们能够定义为 320×480(Iphone4s 的对半比例)、360×640(720P 屏幕的对半) 等其余比例，而后在此基础上，定义状态栏高度 20PX 像素，xxx 栏高度 44Px，简直就是依照设计规范给的来画组件了，自定义组件个别取 10px 的倍数，如状态栏这类组件尽量复用。

善用对齐性能： 对齐在 Axure 外面十分重要，善用 Axure 自带对齐性能！

1）不同组件间距尽量对齐雷同，或者 10px 的倍数法则。

2）2 个元素间关系善用向左 / 右对齐，居中对齐，页面内元素间必须存在对齐关系（左右居中）

3) 3 个元素以上，善用间距对齐。

浅色为主，慎用深色 ：在组件色彩抉择上，尽量采纳浅色，首先是深色显得比拟重，倡议要害组件采纳深色。

图标等采纳实在素材： 在低保真中，波及图片图标等素材用占位符，而画高保真时，咱们能够替换为实在素材。图标能够去 Iconfont 下载寻找，图片尽量找真是素材替换。

有趣味适当配色： 在不影响设计师的前提下，能够尝试配色，然而交付设计师的交互稿最好不带色彩。

技巧

技巧 1：会截图，选取适合的参照物进行切割，不要反复的造轮子

技巧 2：应用搜索引擎

• 矢量图：https://www.iconfont.com
• 贴图：google

案例

微信的朋友圈减少听一听的性能，次要的使用的技巧就是切图的性能