產品經理作為當前熱門崗位，現在的競爭激烈程度愈演愈烈。要想在面試中取勝，「繪製產品原型圖」這個技能點一定要拉滿。如果你是一個想入行產品的小白，那這篇文章一定要仔細閱讀！

原型圖簡單的來說，就是

【一款產品成型之前的一個簡單的框架圖】

，

將頁面的排版佈局展現出來，每個功能鍵的互動，使產品的初步構思有一個視覺化的展示

。

它類似於一個產品的骨架模型，剔除了外觀後展現產品的基本互動操作原理，在一個完整的系統開發生命週期中，需要設計原型模型，即建構和測試系統的一個基本版本。

原型圖存在的意義，就是在開發過程中能完整地表達出設計師的意圖。目標是“將功能、內容形象地表達”，而不是“好看“。原型圖說到底並不是一個需要展示給使用者看的產品，通常是：

開發、部門領導、UI設計師和測試。

低保真原型圖

——簡單的有著大致框架的原型圖，多為線框圖

。

在考慮到原型圖是需要多次調整的情況，再結合時間成本，大部分情況下都會選擇低保真為主。

製作工具：

Pixso等相關原型工具製作/手繪

特點：

1、僅呈現最終產品的一部分視覺屬性（例如元素的形狀、基本視覺層次等）

2、一般不具備互動效果。

高保真原型圖——

效果接近於最終效果的精細化原型圖，

差別僅在於更完美的視覺效果處理而已。

製作工具：

Pixso等相關原型工具製作

特點：

1、 逼真細緻的設計，所有介面元素、間距和圖形與真實的APP/網站相差無幾

2、 原型在互動層面非常逼真

1、整理思路

將所有流程步驟、想法都梳理成思維導圖，讓自己的思路視覺化，再根據這些idea與搭檔進行下一步探討。

工具：

mindmaster

2

、整理流程圖

將產品的互動步驟按照順序進行梳理，製作成流程圖，可以在繪製原型圖時更有邏輯性。

工具：億圖圖示

3

、利用工具進行繪製

為了讓設計師、開發儘可能的瞭解產品架構與互動，產品一般會需要提前繪製出直觀原型圖，以此來討論產品內部結構、跳轉原理等。

工具：Pixso

原型到設計再到互動一體化

目前市面上原型產品選擇不少，但一體化設計平臺很稀缺。在同一平臺將整個流程完成，一方面省去了多平臺傳輸檔案的步驟，另一方面避免了由於傳輸可能導致的細節丟失。

互動設定簡單，效果豐富

Pixso的互動手勢多達8種，效果也有彈窗、跳轉等5種選項，能很好的滿足原型圖的需求。並且他的設定習慣與figma類似，能輕鬆上手。

與此同時，Pixso支援

一鍵交付，自動生成標註，開發輕鬆導圖；

同時它是

全中文介面

，相對於海外的軟體更適合中文使用者。

產品原型圖是產品經理的工作中重要任務之一，要想拿到高薪，原型圖必須拿下！