一、網站原型設計工具設計的原型有幾種
原型設計工具有在線的網站版和客戶端版，不管是哪種原型設計工具，其設計的(de)原(yuan)(yuan)型(xing)都是一樣的(de)，原(yuan)(yuan)型(xing)類型(xing)一般按(an)保真度分為(wei)低(di)保真原(yuan)(yuan)型(xing)、中保真原(yuan)(yuan)型(xing)和高保真原(yuan)(yuan)型(xing)三種：
1、低保真原型
低保真原型呈現(xian)的(de)是初步的(de)概念和(he)想法，可以(yi)使用不同(tong)的(de)媒(mei)介(jie)，擁(yong)有不同(tong)尺寸的(de)原型界(jie)面。這種原型是最(zui)簡單和(he)便宜的(de)，更換成(cheng)本(ben)最(zui)低，包括草圖、紙質原型、線框圖等(deng)：
（1）草(cao)圖(tu)(tu)：草(cao)圖(tu)(tu)是最初的想法或假設，基于(yu)業務流程的梳理，結合信息(xi)架構，將(jiang)核心的用戶操作界面繪(hui)(hui)制(zhi)出來(lai)，可(ke)以是白板(ban)草(cao)圖(tu)(tu)，紙質(zhi)草(cao)圖(tu)(tu)等(deng)。通過繪(hui)(hui)制(zhi)大(da)量不同的版本來(lai)考慮解(jie)決(jue)界面交互的不同方(fang)法。
（2）線框圖(tu)：信(xin)息(xi)架構和(he)草圖(tu)可(ke)以快速演變成(cheng)線框圖(tu)。線框圖(tu)是(shi)靜(jing)態(tai)的(de)頁(ye)面布局，讓我們思考如(ru)何在屏幕上放置不同元(yuan)素，更好的(de)將(jiang)信(xin)息(xi)架構可(ke)視(shi)化(hua)。低保真的(de)線框圖(tu)沒有(you)視(shi)覺設計，交互方面有(you)也只是(shi)簡(jian)單的(de)跳(tiao)轉(zhuan)事件(jian)，大(da)多(duo)數都使用(yong)灰色色階和(he)占位符來(lai)指示內(nei)容。
該圖片由注冊用戶"荊湖酒徒"提供，版權聲明反饋
2、中保真原型
中保(bao)真(zhen)原(yuan)(yuan)(yuan)型在某(mou)些方面看(kan)起(qi)來(lai)像最(zui)終產品，它在成本和價值之(zhi)間取得平衡，將視覺、交互和展示(shi)媒介結合在一起(qi)。包括可點擊的(de)原(yuan)(yuan)(yuan)型、編碼原(yuan)(yuan)(yuan)型等，用戶基于(yu)中保(bao)真(zhen)原(yuan)(yuan)(yuan)型能(neng)夠完成一個(ge)任務(wu)的(de)閉環，也就(jiu)是通過與原(yuan)(yuan)(yuan)型界面的(de)交互完成工作任務(wu)。
（1）可(ke)點擊的原(yuan)型(xing)：一(yi)般使用原(yuan)型(xing)設計軟件構(gou)建頁(ye)面，并(bing)給每(mei)個頁(ye)面增加交(jiao)互(hu)式元素(su)，做到(dao)頁(ye)面之間可(ke)進行(xing)交(jiao)互(hu)。
（2）編碼原(yuan)(yuan)型(xing)(xing)：會編碼的(de)產品，可以(yi)選(xuan)在瀏(liu)覽(lan)器(qi)中(zhong)創建(jian)中(zhong)保真(zhen)原(yuan)(yuan)型(xing)(xing)。這要求產品懂得(de)HTML，CSS等技術(shu)，可以(yi)簡單的(de)構建(jian)中(zhong)保真(zhen)原(yuan)(yuan)型(xing)(xing)，這種原(yuan)(yuan)型(xing)(xing)展示出的(de)效果，就(jiu)跟真(zhen)實的(de)界面很逼真(zhen)。
3、高保真原型
高保真(zhen)原型(xing)經過視(shi)覺(jue)設(she)計，這些原型(xing)具有真(zhen)實界面的高度一(yi)致，數據的高度仿真(zhen)，交互和動畫也具備，用戶能夠與之進行(xing)交互。雖然(ran)(ran)看起(qi)來像(xiang)真(zhen)的一(yi)樣，但它(ta)仍然(ran)(ran)是一(yi)個原型(xing)。
二、怎么評估原型設計的保真度
原型設計通(tong)常是從低保真(zhen)開始，并逐漸提高到高保真(zhen)的水平(ping)，一般保真(zhen)度的評估主要是看五個方面：
1、視覺細化：指在界(jie)面(mian)中視覺像素級別(bie)設計的投入。
2、功能(neng)(neng)廣(guang)度：指原型中涵蓋了多少大的功能(neng)(neng)點。
3、功(gong)能深度(du)：表明原(yuan)型各個功(gong)能的詳細程度(du)如何(he)。
4、交互性：表示應用程序或產品的(de)交互部分如何顯示給用戶。
5、數據模型：包含用戶在(zai)界面中交互的內容(rong)以及產(chan)品前端(duan)和(he)后端(duan)使(shi)用的數據。
三、如何選擇合適的原型類型
原型設計工具設計的原型(xing)類型(xing)可分(fen)為三(san)類，選擇時并不(bu)一定保真度(du)(du)越高(gao)越好，如果原型(xing)保真度(du)(du)過(guo)高(gao)，用戶就會以(yi)為設計已經完成(cheng)，過(guo)分(fen)關注細節，而忽略整(zheng)體方案；但原型(xing)保真度(du)(du)太低也不(bu)行，用戶可能會迷失(shi)方向(xiang)，不(bu)理解原型(xing)的目的是什么。
一般來說(shuo)，設(she)計師需(xu)要(yao)根據目標和產品(pin)所處的階段來選擇適當的保(bao)真度原(yuan)(yuan)型，在(zai)制作(zuo)原(yuan)(yuan)型所花費(fei)的時(shi)間和驗證原(yuan)(yuan)型帶來價值之間取(qu)得平(ping)衡。
