在正式開始進(jìn)行UI設(shè)計(jì)之前，我們需要先畫原型圖，而只有原型圖畫好后，我們才能夠順利的進(jìn)行設(shè)計(jì)項(xiàng)目，并且在最后確認(rèn)最后出品的UI設(shè)計(jì)是否和最初的構(gòu)思是一樣的，目標(biāo)是沒(méi)有偏離的。

在交互時(shí)代進(jìn)行UI設(shè)計(jì)實(shí)訓(xùn)的學(xué)員們，都知道原型圖的重要性，也知道這份東西要給許多同事看，像是交互設(shè)計(jì)、前端開發(fā)、項(xiàng)目經(jīng)理等等。但是，大家又是否知道UI設(shè)計(jì)原型應(yīng)該還要準(zhǔn)備一份給自己看的？因?yàn)橹挥腥绱?，我們才能更方便下一步的設(shè)計(jì)。

今天，交互時(shí)代就和大家說(shuō)說(shuō)給自己看的UI設(shè)計(jì)原型應(yīng)該怎么做？需要什么去完成它。

首先，我們要明白，這份UI設(shè)計(jì)原型是給自己看的，因此我們可以隨心所欲的將所有有意思的想法記錄下來(lái)，只要自己可以看懂就可以了，因?yàn)檫@是我們自己看的。而在這段期間，我們所需要的工具也就是白板，紙筆、balsamiq、Xmind。

在UI設(shè)計(jì)原型這個(gè)階段中，我們所受的干擾越少越好，只用紙筆和白板就是最好的工具，因?yàn)檫@些簡(jiǎn)單的工具不會(huì)限制自己的思維，能夠讓我們的UI設(shè)計(jì)原型擁有無(wú)限的可能性。

而在最后如果我們想要將這些線框圖更快的整理出來(lái)，就可以使用Balsamiq軟件，這并不是一款交互工具，不過(guò)它勝在夠方便簡(jiǎn)單，能夠讓我們?cè)诰€框圖的設(shè)計(jì)上受到的干擾更少。而在整理思路方面，我們可能還需要使用到腦圖工具Xmind，讓我們的設(shè)計(jì)思路更清晰，最后做出來(lái)的UI設(shè)計(jì)原型，就可以讓我們自己更清楚自己的想法，讓自己明白下一步去做什么了。想了解更多有關(guān)ui設(shè)計(jì)知識(shí)培訓(xùn)班請(qǐng)關(guān)注ds798/class-ui-basis，咨詢熱線；咨詢QQ：；或者關(guān)注微信訂閱號(hào)“交互時(shí)代”；

當(dāng)然，大家要注意的是，這份UI設(shè)計(jì)原型是給自己看的，因?yàn)樗俏覀兯悸返难由欤皇墙o開發(fā)與客戶看的那種詳細(xì)的東西，給其他人看的話，很可能無(wú)法理解其中的內(nèi)容。

以上，就是交互時(shí)代與大家分享的給自己看的UI設(shè)計(jì)原型的設(shè)計(jì)方法，想要知道更多關(guān)于UI設(shè)計(jì)或交互設(shè)計(jì)的小竅門，就多多關(guān)注交互時(shí)代官網(wǎng)，或者掃描下方二維碼關(guān)注交互時(shí)代的公眾平臺(tái)吧。

請(qǐng)聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心