所有的設(shè)計(jì)都會有一個(gè)原型，并且在這個(gè)原型上不斷的進(jìn)行改進(jìn)和完善，最終達(dá)到設(shè)計(jì)師想要的效果，UI設(shè)計(jì)也是如此，下面我們跟隨小編一起來了解一下UI原型設(shè)計(jì)的相關(guān)資料吧。

UI原型設(shè)計(jì)簡介

　　原型設(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)品的可用性。

　　產(chǎn)品原型可以概括的說是整個(gè)產(chǎn)品面市之前的一個(gè)框架設(shè)計(jì)。整個(gè)前期的交互設(shè)計(jì)流程圖之后,就是原形開發(fā)的設(shè)計(jì)階段,簡單的來說是將頁面的模塊、元素、人機(jī)交互的形式，利用線框描述的方法，將產(chǎn)品脫離皮膚狀態(tài)下更加具體跟生動的進(jìn)行表達(dá)。

（圖片來自網(wǎng)絡(luò)）

　　UI原型設(shè)計(jì)職責(zé)

　　用戶界面設(shè)計(jì)員負(fù)責(zé)維護(hù)用戶界面原型的完整性，并確保按照用例示意板和邊界對象的要求，使用原型構(gòu)建一個(gè)可用的用戶界面。

　　原型設(shè)計(jì)之于應(yīng)用開發(fā)，是為第一要素。它所起到的不僅是溝通的作用，更有體現(xiàn)之效。通過內(nèi)容和結(jié)構(gòu)展示，以及粗略布局，能夠說明用戶將如何與產(chǎn)品進(jìn)行交互，體現(xiàn)開發(fā)者及UI設(shè)計(jì)師的idea，體現(xiàn)用戶所期望看到的內(nèi)容，體現(xiàn)內(nèi)容相對優(yōu)先級等等。

　　UI原型設(shè)計(jì)目的

　　第一是給自己看，方便規(guī)劃整個(gè)設(shè)計(jì)并持續(xù)下一步的完成度;

　　第二是給開發(fā)看的，可以更好的說服，并且更佳的完善軟件;

　　第三個(gè)目的是給客戶看的，更高質(zhì)量的原型圖可以推動合作并讓客戶更滿意。

　　但是在實(shí)際操作中，很多UI初學(xué)者對原型度的界限不是非常清晰，拿著給客戶看的原型圖去給開發(fā)，有的被拒絕，有的事效率低下，嚴(yán)重的溝通問題產(chǎn)生。有的拿著給開發(fā)看的原型去給客戶看，導(dǎo)致客戶不清楚并不滿意，談判過程較艱難。更甚者拿著自己看的原型圖去給開發(fā)/客戶看的話，后果不堪設(shè)想。

（圖片來自網(wǎng)絡(luò)）

　　UI原型設(shè)計(jì)類型

　　低保真原型：表現(xiàn)軟件的重點(diǎn)功能和基本交互過程。制作成本低，速度快，修改也方便。適合任務(wù)簡單，整個(gè)團(tuán)隊(duì)溝通順暢，個(gè)人能力較強(qiáng)的情況。

　　中度保真原型：中度保真的產(chǎn)品添加了更多細(xì)節(jié)，對軟件的交互進(jìn)行了更細(xì)致的設(shè)計(jì)，更接近最終的產(chǎn)品。在大部分情況下，中度保真原型已經(jīng)足夠，既表現(xiàn)了軟件的功能特性和交互過程，界面有一定的細(xì)節(jié)，而且使用者已經(jīng)能完整體驗(yàn)到最終的產(chǎn)品，可以驗(yàn)證產(chǎn)品的可行性，確保了不會在后面的開發(fā)過程中發(fā)現(xiàn)重大失誤。缺點(diǎn)是花費(fèi)時(shí)間會多一些。

　　高保真原型：幾乎完全按照最終產(chǎn)品來制作的原型，細(xì)節(jié)豐富，包括了產(chǎn)品的所有功能以及詳細(xì)的交互細(xì)節(jié)。制作高保真原型可以顯著降低溝通成本，原型更精準(zhǔn)和精美。但是，保真度越高就意味著需要花更多的時(shí)間和開發(fā)精力，而且一旦有修改也會更加耗費(fèi)時(shí)間。

（圖片來自網(wǎng)絡(luò)）

　　UI原型設(shè)計(jì)在UI設(shè)計(jì)過程中是非常重要的，因?yàn)閁I原型可以幫助設(shè)計(jì)師們更好的找準(zhǔn)UI設(shè)計(jì)的定位，設(shè)計(jì)出更符合客戶要求的UI設(shè)計(jì)作品哦!