前段時(shí)間，我有幸參加了一個(gè)針對(duì)資深軟件架構(gòu)師的培訓(xùn)。老師介紹了兩個(gè)非常有趣的界面原型制作工具：和 For 。

之前在做界面原型的時(shí)候（不多，但有時(shí)需要做），記得大部分都是用Visio或者一些UML工具來粗略描述效果和交互性的。我想知道你是否在這方面做過任何工作。，不管有沒有，我們來了解一下這兩個(gè)比較有趣的東西。

運(yùn)行后，隨便畫幾個(gè)控件，界面如下：

運(yùn)行設(shè)計(jì)好的內(nèi)容后蘆葦筆刷，界面如下：

For運(yùn)行后，涂鴉設(shè)計(jì)后的界面如下：

運(yùn)行后的界面：

我們來看一張網(wǎng)上其他人的設(shè)計(jì)圖：

普通人做界面原型設(shè)計(jì)時(shí)，可能有以下幾種設(shè)計(jì)方法：

紙：很多人更喜歡紙質(zhì)原型，也就是用紙筆做產(chǎn)品原型（白板經(jīng)常起到類似的作用），但我認(rèn)為這只是產(chǎn)品經(jīng)理在原型階段使用的最好方式，但這是原型制作的第一步。在概念和框架基本確定后，就需要將這個(gè)“紙上談兵”的框架轉(zhuǎn)變成更加直觀直觀的電子文檔，方便后續(xù)的討論、設(shè)計(jì)、開發(fā)和歸檔。

WORD：這是原型設(shè)計(jì)中常用的方法。在WORD文檔中創(chuàng)建一個(gè)畫布，將文本框、圖片、控件等組合起來，形成一個(gè)原型設(shè)計(jì)方案。WORD文檔門檻低，使用方便，功能效果豐富。如果一個(gè)技術(shù)熟練的人甚至可以達(dá)到非常好的類似于實(shí)際頁面的表現(xiàn)力，我同事制作的原型甚至得到設(shè)計(jì)師的好評(píng)。就像是PS設(shè)計(jì)圖（但設(shè)計(jì)不是為了美觀，不建議在裝飾上花太多功夫）。但是WORD文檔的WEB控件不是很好用原型學(xué)生注冊(cè)機(jī)軟件界面，交互性也比較弱。

VISIO：這也是一種常用的原型制作工具。它的操作比WORD更方便快捷。它可以進(jìn)行快速原型制作，但表現(xiàn)力較弱。畢竟，它不是一個(gè)專門的網(wǎng)絡(luò)原型設(shè)計(jì)工具。

: 也有人用，但是用PS做原型，費(fèi)時(shí)費(fèi)力，改起來很不方便，還容易降低效率。PM 不應(yīng)該擔(dān)任 UI 設(shè)計(jì)師的工作。

：這是一個(gè)網(wǎng)頁設(shè)計(jì)工具，但是對(duì)于功能復(fù)雜，交互性強(qiáng)的產(chǎn)品原型學(xué)生注冊(cè)機(jī)軟件界面，可以通過DW設(shè)計(jì)簡(jiǎn)單的HTML交互稿，更有說服力。

如果你正在設(shè)計(jì)原型，你應(yīng)該通過使用特殊的原型工具獲得事半功倍的結(jié)果。當(dāng)然，還有更多有用的原型設(shè)計(jì)工具。除了 GUI 和 For，Axure Rp 似乎是一個(gè)很好的原型設(shè)計(jì)工具。這是Axure Rp的軟件截圖，有興趣的也可以去看看。

我們來看看這兩個(gè)軟件的介紹：

GUI 是軟件為應(yīng)用程序設(shè)計(jì)圖形用戶界面 (GUI) 的專業(yè)工具。它是一個(gè)完整的設(shè)計(jì)工具，不需要 軟件 開發(fā)和編碼。屏幕上的所有內(nèi)容都是以圖形方式創(chuàng)建的，您可以設(shè)計(jì)整個(gè)應(yīng)用程序或單個(gè)表單、對(duì)話框和組件。并將它們結(jié)合起來以創(chuàng)建更多設(shè)計(jì)和典型界面。我們還可以將它們鏈接在一起作為故事板截圖文字提取工具，然后通過模擬器運(yùn)行，形成交互式原型。GUI 將支持所有基于 平臺(tái)的 軟件 環(huán)境。這意味著您可以先自由設(shè)計(jì)，然后在設(shè)計(jì)后選擇實(shí)現(xiàn)工具。按照這種方法，您可以快速專注于應(yīng)用程序設(shè)計(jì)，而不會(huì)被實(shí)現(xiàn)細(xì)節(jié)分心。

主要是做界面原型，是手繪涂鴉風(fēng)格的免費(fèi)原型軟件，這也是他獨(dú)特的地方——可以手繪，當(dāng)然還有各種控制元素可以幫你設(shè)計(jì)你的桌面應(yīng)用程序軟件、Web2.0 站點(diǎn)、RIA 富 Web 應(yīng)用程序、網(wǎng)站和 Web 應(yīng)用程序軟件。

這個(gè) 軟件 是由意大利人 Peldi 開發(fā)的，他最初是用它來設(shè)計(jì)和滿足自己的需求。在 2008 年寒冷的經(jīng)濟(jì)中，它從 1,322 名付費(fèi)用戶那里賺取了 162,302 美元（其中 39,000 美元是在 12 月）；它顯示了它的受歡迎程度。

雖然是個(gè)人設(shè)計(jì)的，但它的功能并不弱于其他大牌的原型制作工具：在操作、拖放、控件分組，甚至元素之間的對(duì)齊方面都做得非常貼心；許多預(yù)制的界面元素，從簡(jiǎn)單的輸入框、下拉框、瀏覽器的主要元素，到常用的導(dǎo)航欄、日歷、表格Substance Player Linux版，再到復(fù)雜的Tag Cloud、Cover Flow、地圖、格式工具欄等。這些，你不必從頭開始，往往比使用白板要快；以下是它的一些功能，請(qǐng)參考：

此外，跨平臺(tái)和多版本還有兩個(gè)優(yōu)點(diǎn)：