本篇文章的寫作內(nèi)容為：何為高保真原型圖、所適用的情形、優(yōu)劣勢(shì)以及注意規(guī)范。

作為一名產(chǎn)品助理，繪制原型圖是其必備的能力。有些公司會(huì)將繪制原型圖的任務(wù)專門交給交互設(shè)計(jì)師做，即便是這樣，這項(xiàng)技能仍是產(chǎn)品助理應(yīng)該具備的。

以前在學(xué)校做原型圖時(shí)，只是將產(chǎn)品的界面設(shè)計(jì)出來（表現(xiàn)層），沒有邏輯層面的展示（數(shù)據(jù)邏輯層），并且界面效果等都需要后續(xù)再次完善。并且在找工作的時(shí)候，為了方便，會(huì)將參考軟件的界面進(jìn)行截圖，用PS擦去需要實(shí)現(xiàn)的部分，再用Axure導(dǎo)入圖片后，再在擦去的部分中進(jìn)行添加功能。只是想用交互的原型來傳達(dá)自己的想法，并沒有比較真切的感受自己完全手工繪制，還是繪制高保真原型圖。

何為高保真原型圖？

使用繪制工具，將原本的想法進(jìn)行繪制，明確其功能、邏輯層面以及界面，其最終的期望是能達(dá)到與產(chǎn)品實(shí)際運(yùn)行時(shí)一樣的狀態(tài)。包括：功能、流程、邏輯、字體、顏色、布局、樣式、視覺效果等。

有線框圖、手繪圖、低保真原型圖、高保真原型圖，那么高保真原型圖更適宜使用于什么情景呢？

在繪制高保真原型圖時(shí)，前期的投入相對(duì)較大，但卻能夠降低后期的修改與溝通成本。更適宜于開發(fā)團(tuán)隊(duì)之間還沒有非常的默契，但公司發(fā)展較規(guī)范，且產(chǎn)品助理的發(fā)展方向更偏向于執(zhí)行者角色的情況下。

在繪制高保真原型時(shí)，需要注意哪些事項(xiàng)呢？

如果是初創(chuàng)的產(chǎn)品，一般都是采用線框圖，而如果真需要繪制高保真，那么需要前期大量的商討、確定之后才進(jìn)行繪制，需要確定功能、流程、樣式等等。如果是成熟的迭代式產(chǎn)品，可以借鑒之前版本的樣式，可參考性較大。需要注意的點(diǎn)：需確定樣式、各個(gè)模塊字體大小和字體類型、明確邏輯流程。確定原型設(shè)計(jì)的尺寸，一般網(wǎng)站設(shè)置為1024*768（或其他像素尺寸，網(wǎng)頁(yè)隨著屏幕的自適應(yīng)度不同），APP設(shè)置為iphone5（640*1136）。

親自實(shí)踐，是對(duì)網(wǎng)站的需求迭代。前提是，已有參考網(wǎng)站樣式，做出高保真原型圖。那么，就開始著手實(shí)踐了。首先，先將需求轉(zhuǎn)化為功能和布局，然后在依照原有的網(wǎng)站樣式進(jìn)行原型制作，其最終結(jié)果是要高保真的。期間，使用到了MarkMan測(cè)量工具，測(cè)量出在原網(wǎng)站樣式里，各個(gè)控件之間的距離。將原網(wǎng)站進(jìn)行截圖，并導(dǎo)入Axure中，可以匹對(duì)各個(gè)模塊中的文字大小，以及可以用吸管，吸取原網(wǎng)站的顏色填充在現(xiàn)做網(wǎng)站上。通過對(duì)文字、顏色、距離、樣式的把控，然后將控件都做好交互（各種情況下都有相應(yīng)的狀態(tài)），就能夠?qū)⒃椭饾u制作成為高保真的原型圖了。