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

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

1、低保真原型

低保真原(yuan)(yuan)型呈現的(de)是(shi)(shi)初(chu)步的(de)概(gai)念和想法，可以使(shi)用不(bu)同的(de)媒介，擁(yong)有不(bu)同尺寸的(de)原(yuan)(yuan)型界面。這種原(yuan)(yuan)型是(shi)(shi)最簡(jian)單和便宜的(de)，更換成本最低，包括草圖、紙(zhi)質原(yuan)(yuan)型、線框(kuang)圖等：

（1）草(cao)(cao)圖(tu)：草(cao)(cao)圖(tu)是(shi)最初的(de)想法或(huo)假設，基于業務流程(cheng)的(de)梳理，結合信息架構，將核心的(de)用戶操作(zuo)界面繪制(zhi)出來(lai)，可以是(shi)白(bai)板草(cao)(cao)圖(tu)，紙質草(cao)(cao)圖(tu)等(deng)。通過繪制(zhi)大量不同的(de)版本來(lai)考慮解決界面交互(hu)的(de)不同方法。

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

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

2、中保真原型

中(zhong)保(bao)真(zhen)原(yuan)(yuan)(yuan)型在(zai)某(mou)些方面(mian)看起(qi)來像最終產品，它在(zai)成(cheng)(cheng)本(ben)和價(jia)值之間(jian)取(qu)得平(ping)衡(heng)，將視覺、交(jiao)互和展(zhan)示媒介結合在(zai)一(yi)(yi)起(qi)。包括可點擊(ji)的(de)原(yuan)(yuan)(yuan)型、編碼原(yuan)(yuan)(yuan)型等，用(yong)戶基(ji)于中(zhong)保(bao)真(zhen)原(yuan)(yuan)(yuan)型能(neng)夠完成(cheng)(cheng)一(yi)(yi)個任(ren)務(wu)(wu)的(de)閉環(huan)，也(ye)就是通過與原(yuan)(yuan)(yuan)型界面(mian)的(de)交(jiao)互完成(cheng)(cheng)工作任(ren)務(wu)(wu)。

（1）可(ke)點(dian)擊的原型：一般(ban)使用原型設計軟件構建頁(ye)面(mian)，并(bing)給每個頁(ye)面(mian)增(zeng)加交互(hu)式元素，做到頁(ye)面(mian)之間可(ke)進(jin)行交互(hu)。

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

3、高保真原型

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

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

原型設計通(tong)常是從低(di)保真開始，并逐漸(jian)提高(gao)到高(gao)保真的水平(ping)，一(yi)般保真度的評估主要是看五個方面：

1、視(shi)覺細(xi)化(hua)：指在界面中視(shi)覺像素級(ji)別設計的投(tou)入。

2、功能廣度：指原(yuan)型(xing)中涵(han)蓋了多少(shao)大的功能點(dian)。

3、功(gong)能深度：表(biao)明原型各(ge)個功(gong)能的詳(xiang)細程度如何。

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

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

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

原型設計工具設(she)計的原(yuan)型(xing)(xing)類(lei)型(xing)(xing)可(ke)(ke)分(fen)為三類(lei)，選(xuan)擇(ze)時并(bing)不(bu)一定保真(zhen)度(du)越高(gao)越好(hao)，如(ru)果原(yuan)型(xing)(xing)保真(zhen)度(du)過高(gao)，用戶(hu)就會(hui)以(yi)為設(she)計已經完成，過分(fen)關注細(xi)節(jie)，而忽略整體方案；但(dan)原(yuan)型(xing)(xing)保真(zhen)度(du)太(tai)低也不(bu)行，用戶(hu)可(ke)(ke)能(neng)會(hui)迷失方向，不(bu)理(li)解原(yuan)型(xing)(xing)的目的是什么。

一般來說，設(she)計(ji)師需要根據目標和(he)產品所處的(de)階段來選擇適當的(de)保真(zhen)度原(yuan)型(xing)，在制作原(yuan)型(xing)所花費的(de)時間和(he)驗證原(yuan)型(xing)帶來價值之間取得平衡。