一、什么是原型圖？

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

二、為什么要畫原型圖？

幫助需求方更好的了解產(chǎn)品的設(shè)計方案，也方便進行對應(yīng)的調(diào)整和修改

幫助開發(fā)人員有針對性的進行產(chǎn)品內(nèi)容開發(fā)，前期的產(chǎn)品原型設(shè)計減少了開發(fā)過程中的反復(fù)驗證

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

三、怎么畫原型圖？

工具

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

設(shè)計

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

注意

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。