這一回跟大家一起分享一些我在原型設(shè)計(jì)過程中的一些心得體會。

1、什么是原型
根據(jù)不少產(chǎn)品經(jīng)理網(wǎng)站和網(wǎng)絡(luò)上的一些定義，原型，即產(chǎn)品草圖。從產(chǎn)品流程來看，將想法形成草圖原型，原型再由設(shè)計(jì)師形成效果圖，程序猿們根據(jù)需求和效果圖開發(fā)，出來的軟件樣子就是和效果圖差不多。原型在過程中就是產(chǎn)品最終形態(tài)的骨架。
百度百科里面提到：產(chǎn)品原型可以概括的說是整個(gè)產(chǎn)品面市之前的一個(gè)框架設(shè)計(jì)。以網(wǎng)站注冊作為例子,整個(gè)前期的交互設(shè)計(jì)流程圖之后,就是原形開發(fā)的設(shè)計(jì)階段,簡單的來說是將頁面的模塊、元素、人機(jī)交互的形式，利用線框描述的方法，將產(chǎn)品脫離皮膚狀態(tài)下更加具體跟生動的進(jìn)行表達(dá)。
同時(shí)百度百科里面也提到：原型設(shè)計(jì)是交互設(shè)計(jì)師與PD、PM、網(wǎng)站開發(fā)工程師溝通的最好工具。而該塊的設(shè)計(jì)在原則上必須是交互設(shè)計(jì)師的產(chǎn)物，交互設(shè)計(jì)以用戶為中心的理念會貫穿整個(gè)產(chǎn)品。利用交互設(shè)計(jì)師專業(yè)的眼光與經(jīng)驗(yàn)直接導(dǎo)致該產(chǎn)品的可用性。

換一個(gè)角度理解，原型是產(chǎn)品經(jīng)理人員將文字化的需求轉(zhuǎn)換成圖形稿，是設(shè)計(jì)方案的表達(dá)，是產(chǎn)品經(jīng)理的重要產(chǎn)出物之一，是項(xiàng)目團(tuán)隊(duì)參考，評估的重要依據(jù)。它是產(chǎn)品功能與內(nèi)容的示意圖，是最終產(chǎn)品的雛形。

2、原型的分類有哪些
那么，原型的分類有哪些呢？歸結(jié)起來，主要有三類，分別是低保真原型、中保真原型和高保真原型。低保真原型是最輕松和省時(shí)間的原型，粗獷的風(fēng)格讓我們只重視結(jié)構(gòu)和流程，原型不在乎太多設(shè)計(jì)細(xì)節(jié)。中保真原型這類原型最常見，低保真不容易描述產(chǎn)品最終樣子，高保真容易干擾設(shè)計(jì)師，中保真匯集了各類優(yōu)點(diǎn)，也是比較常用的。高保真原型對比中低保真，高保真可以稱之為效果圖了，如果加深細(xì)節(jié)可以直接對著開發(fā)咯，換句話說，高保真更強(qiáng)調(diào)細(xì)節(jié)。

3、原型設(shè)計(jì)的重要性
隨著互聯(lián)網(wǎng)的迅猛發(fā)展，越來越重視產(chǎn)品的設(shè)計(jì)和用戶體驗(yàn)的設(shè)計(jì)，因此原型設(shè)計(jì)也愈來愈重要。一方面能夠讓開發(fā)更輕松，同時(shí)能夠通過更簡單的協(xié)作意味著更容易反饋，一方面能夠節(jié)省時(shí)間和金錢，最終能夠逐步達(dá)到雙贏的局面。
原型主要是用來演示UI是如何運(yùn)作的，呈現(xiàn)流程的流向，不論它是否流暢是否足夠合乎邏輯。不斷地對原型進(jìn)行調(diào)試意味著，你可以在迭代中不斷優(yōu)化用戶體驗(yàn)和產(chǎn)品細(xì)節(jié)，直到最終完成設(shè)計(jì)。

4、好的原型是怎樣的？
那么，好的原型又是怎樣的呢？主要包括以下幾點(diǎn)：

5、原型設(shè)計(jì)的注意點(diǎn)有哪些？
原型做出來是給大家項(xiàng)目評審用的，方便用戶聯(lián)想最終的產(chǎn)品。同時(shí)也讓讓每個(gè)使用者都可以明確自己要做的事情，不至于模棱兩可。所以在做設(shè)計(jì)時(shí)，產(chǎn)品經(jīng)理要盡可能的去規(guī)范原型。
在進(jìn)行原型設(shè)計(jì)的過程中，至少需要注意以下幾點(diǎn)：
（1）結(jié)合業(yè)務(wù)特點(diǎn)及應(yīng)用場景，進(jìn)行整體構(gòu)思，確定整體框架，合理進(jìn)行布局，考慮視覺好的效果，提前和UI溝通。
（2）不要為了偷懶，使用頁面截圖；不要遺漏特殊狀態(tài)的描述。
（3）要使用盡量真實(shí)的、符合邏輯的數(shù)據(jù)，避免給團(tuán)隊(duì)及用戶造成不必要的困惑。

此外，簡單介紹一下有關(guān)原型的UI基礎(chǔ)和界面規(guī)范：

最后再分享幾個(gè)常見的資源網(wǎng)站：