一、網站原型設計工具設計的原型有幾種

原型設計工具有在線的網站版和客戶端版，不管是哪種原型設計工具，其設計的原(yuan)型(xing)都是一(yi)樣(yang)的，原(yuan)型(xing)類(lei)型(xing)一(yi)般按保(bao)真度分為低保(bao)真原(yuan)型(xing)、中保(bao)真原(yuan)型(xing)和高(gao)保(bao)真原(yuan)型(xing)三(san)種(zhong)：

1、低保真原型

低(di)(di)保真(zhen)原(yuan)型(xing)呈現的(de)(de)是初步的(de)(de)概(gai)念和想法，可以使用不同的(de)(de)媒介(jie)，擁有不同尺寸的(de)(de)原(yuan)型(xing)界面(mian)。這種原(yuan)型(xing)是最(zui)簡單和便宜的(de)(de)，更換成(cheng)本最(zui)低(di)(di)，包括草圖(tu)、紙質(zhi)原(yuan)型(xing)、線(xian)框圖(tu)等(deng)：

（1）草圖：草圖是(shi)最(zui)初的想(xiang)法(fa)或假設，基于業務(wu)流程的梳理，結合(he)信息架構，將核心的用(yong)戶操作(zuo)界面(mian)(mian)繪(hui)制出(chu)來，可(ke)以是(shi)白板草圖，紙質草圖等。通過繪(hui)制大量不同(tong)的版本來考慮解(jie)決(jue)界面(mian)(mian)交互的不同(tong)方法(fa)。

（2）線(xian)(xian)框(kuang)圖(tu)：信(xin)息架構(gou)和(he)草(cao)圖(tu)可以快速演變成線(xian)(xian)框(kuang)圖(tu)。線(xian)(xian)框(kuang)圖(tu)是靜態的頁面(mian)布(bu)局，讓我們思考如何(he)在(zai)屏幕上放(fang)置不同元素，更好(hao)的將信(xin)息架構(gou)可視(shi)化。低保真的線(xian)(xian)框(kuang)圖(tu)沒有視(shi)覺設計，交(jiao)互方(fang)面(mian)有也只是簡(jian)單的跳(tiao)轉事件，大多數都(dou)使用灰色色階和(he)占(zhan)位符來指示內(nei)容。

該圖片由注冊用戶"荊湖酒徒"提供，版權聲明反饋

2、中保真原型

中保(bao)真(zhen)原型在(zai)某些方(fang)面看(kan)起來像(xiang)最終產品，它在(zai)成(cheng)(cheng)本(ben)和價值之間取得平衡(heng)，將視(shi)覺、交(jiao)互和展示媒介結合在(zai)一起。包括可點擊的原型、編碼(ma)原型等，用戶基于中保(bao)真(zhen)原型能夠完(wan)成(cheng)(cheng)一個任務(wu)(wu)的閉環，也就是通過與原型界面的交(jiao)互完(wan)成(cheng)(cheng)工作(zuo)任務(wu)(wu)。

（1）可點擊的原型(xing)：一般使(shi)用(yong)原型(xing)設計軟(ruan)件構建頁(ye)面，并給每個頁(ye)面增加交(jiao)互式(shi)元素，做到頁(ye)面之間可進(jin)行交(jiao)互。

（2）編碼原型(xing)：會編碼的(de)產品，可以選在瀏覽器中(zhong)創(chuang)建中(zhong)保真(zhen)原型(xing)。這要求產品懂得HTML，CSS等技術，可以簡單的(de)構(gou)建中(zhong)保真(zhen)原型(xing)，這種原型(xing)展示出的(de)效果，就跟真(zhen)實(shi)的(de)界面很(hen)逼真(zhen)。

3、高保真原型

高(gao)保真(zhen)原(yuan)型(xing)(xing)經過視覺(jue)設計，這(zhe)些原(yuan)型(xing)(xing)具有真(zhen)實界面(mian)的(de)高(gao)度(du)一(yi)致，數據的(de)高(gao)度(du)仿真(zhen)，交互和(he)動畫也具備，用戶能夠與之進行(xing)交互。雖然看起來(lai)像真(zhen)的(de)一(yi)樣，但它仍(reng)然是一(yi)個原(yuan)型(xing)(xing)。

二、怎么評估原型設計的保真度

原型設計(ji)通常是(shi)從(cong)低保(bao)真(zhen)開始，并逐(zhu)漸提高到高保(bao)真(zhen)的水平，一般保(bao)真(zhen)度的評估主要是(shi)看五個(ge)方面：

1、視覺細化：指在界面中(zhong)視覺像素級別設計的(de)投入。

2、功(gong)能廣度：指(zhi)原(yuan)型中(zhong)涵蓋了多少大的(de)功(gong)能點。

3、功(gong)能(neng)深(shen)度：表明原(yuan)型各個功(gong)能(neng)的詳細程度如何。

4、交互(hu)性：表示(shi)(shi)應用程序(xu)或產品的交互(hu)部(bu)分如何顯示(shi)(shi)給(gei)用戶。

5、數(shu)據(ju)模型：包含用戶在界面中交互的(de)內容以(yi)及(ji)產(chan)品前(qian)端和后端使用的(de)數(shu)據(ju)。

三、如何選擇合適的原型類型

原型設計工具設計(ji)的(de)原(yuan)型(xing)(xing)類(lei)型(xing)(xing)可分為三類(lei)，選(xuan)擇時(shi)并不一定(ding)保真(zhen)(zhen)度(du)越(yue)(yue)高越(yue)(yue)好，如(ru)果原(yuan)型(xing)(xing)保真(zhen)(zhen)度(du)過高，用戶(hu)就會以為設計(ji)已經完(wan)成，過分關注細節，而忽略整(zheng)體(ti)方案；但原(yuan)型(xing)(xing)保真(zhen)(zhen)度(du)太(tai)低(di)也不行，用戶(hu)可能會迷失(shi)方向(xiang)，不理解原(yuan)型(xing)(xing)的(de)目的(de)是什(shen)么。

一(yi)般(ban)來說(shuo)，設(she)計師(shi)需要(yao)根據目標和產品所處(chu)的(de)階(jie)段來選擇(ze)適當(dang)的(de)保真度原型，在制作原型所花費(fei)的(de)時間(jian)和驗證原型帶來價值之間(jian)取得平衡(heng)。