一、什么是原型圖？

“原型”的最基本定義是“最終產品的仿真或樣本版本，用于發布之前方便測試。” 原型的目標是在花費大量時間和金錢進入開發產品前，讓開發者以及對應的需求方能夠快速的了解產品創意以及產品的樣式布局。

二、為什么要畫原型圖？

幫助需求方更好的了解產品的設計方案，也方便進行對應的調整和修改

幫助開發人員有針對性的進行產品內容開發，前期的產品原型設計減少了開發過程中的反復驗證

將散亂的需求點進行匯總整合，形成一種可視化的閉環

三、怎么畫原型圖？

工具

這里我推薦我嘗試用的一種原型圖工具——xiaopiu即時原型。我們可以通過這個原型圖網站進行自己的原型圖設計，并且支持按鈕之間的交互，方便我們更好的展現我們的功能。

設計

對于原型的設計，可以參考前幾篇產品設計的博客，對于一些前端頁面的設計還是要遵循產品設計的原則。

注意

我們在畫原型圖的時候，最忌諱的就是直接使用截圖，或者將多個功能畫在一個平面上，這樣的行為其實很類似于我們開發代碼過程中的將代碼寫死了，這樣的原型設計，我們在后續進行擴展的時候根本無從下手，例如我們想復用同一個按鈕，如果你是用的截圖的形式，這樣這個按鈕根本無法復用，徒增了重復設計的煩惱。

總結

以上是生活随笔為你收集整理的架构学习——原型图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。