UIDesigner是一款非常實(shí)用的UI圖像設(shè)計(jì)工具，用戶可以在UIDesigner內(nèi)設(shè)計(jì)相關(guān)的原型文件，幫助您可以得到所需的圖形。并且您還可以設(shè)置相關(guān)的屬性窗口和控件，給您在設(shè)計(jì)的過程中帶來更多的幫助。

【軟件介紹】

uidesigner是由騰訊推出的一款UI原型設(shè)計(jì)工具，UIDesigner 2.5官方版可以快速搭建iOS平臺(tái)產(chǎn)品原型的設(shè)計(jì)，目標(biāo)用戶是設(shè)計(jì)師和產(chǎn)品經(jīng)理。uidesigner具有快速設(shè)計(jì)軟件原型、項(xiàng)目管理等特色，有了他產(chǎn)品經(jīng)理就可以輕松地制作出某個(gè)產(chǎn)品的UI，非常的簡(jiǎn)單方便。

【軟件特色】

1.UIDesigner提供了項(xiàng)目管理，讓使用者能夠方便地管理工程文件;
2.UIDesigner提供了圖片庫(kù)和模板庫(kù)功能，讓使用者可以方便地重用以前的設(shè)計(jì)資源;
3.UIDesigner提供了32個(gè)windows客戶端軟件常用控件，滿足使用者的設(shè)計(jì)需求;
4.UIDesigner提供了多個(gè)屬性設(shè)置入口，分別實(shí)現(xiàn)最常用屬性設(shè)置、一般屬性設(shè)置和高級(jí)屬性設(shè)置功能。

【使用教程】

uidesigner安裝步驟

1、首先在本站下載uidesigner軟件包，解壓后運(yùn)行exe文件，進(jìn)入uidesigner安裝向?qū)Ы缑?，點(diǎn)擊下一步



2、進(jìn)入許可協(xié)議界面，點(diǎn)擊我接受



3、進(jìn)入uidesigner安裝位置界面，可以默認(rèn)安裝到C盤或者點(diǎn)擊瀏覽選擇其他安裝位置，然后點(diǎn)擊安裝



4、正在安裝，耐心等待安裝完成



5、uidesigner安裝完成，點(diǎn)擊完成后就可以使用了



UIDesigner使用方法

1、這次通過UIDesigner來做個(gè)常用的對(duì)話框設(shè)計(jì) ，包含提示信息，選擇信息，以及按鈕功能。



2、先看這個(gè)對(duì)話框的布局界面
（1） 標(biāo)題信息: 標(biāo)題信息 關(guān)閉的X按鈕
（2）提示信息內(nèi)容 : 圖片 、文本內(nèi)容、單選項(xiàng)
（3）按鈕功能： 確定 取消按鈕



3、好的，下面我們就來實(shí)現(xiàn)這個(gè)：
4、單擊菜單中“文件”--》“新建”，出現(xiàn)一個(gè)新建的窗口
5、新建窗口后，將在設(shè)計(jì)區(qū)里會(huì)出現(xiàn)一個(gè)可編輯的窗體，如題所示





6、繪制界面布局
（1）對(duì)窗體雙擊后彈出“窗體屬性”的框，在此框的“大小”的信息中輸入合
（2）適的尺寸，這里輸入寬度為 220，高度為 150。
（3）然后“確定”，就完成尺寸的確定



7、繪制標(biāo)題信息欄
（1）雙擊窗體，彈出“窗體屬性”框。
（2）然后在對(duì)話框的“標(biāo)題”中填寫上標(biāo)題;
（3）再然后屬性對(duì)話框的下方進(jìn)行設(shè)置 顯示圖標(biāo)信息，最后 點(diǎn)擊確定按鈕。
（4）這樣就完成了對(duì)界面的設(shè)計(jì)，那么現(xiàn)在可以點(diǎn)擊菜單“預(yù)覽”選項(xiàng)進(jìn)行設(shè)計(jì)預(yù)覽，或者可以直接按鍵盤按鈕“F10”。反正我是習(xí)慣按F10了，作為一名程序猿，操作電腦一定要快~ 體現(xiàn)專業(yè)哇~







8、繪制信息提示區(qū)里添加一個(gè)提示圖片的圖
9、另外在繪制添加描述文字拿到文本標(biāo)簽圖標(biāo)，然后拖到編輯區(qū)域內(nèi)，則直接可以在‘文本’錄入框中增加文字描述信息





10、配置單選框，在設(shè)計(jì)界面工具中點(diǎn)擊選擇'單選按鈕'的圖標(biāo)功能，就拖到窗體內(nèi)，然后在‘文本’錄入框中為別錄入該選項(xiàng)信息，然后移動(dòng)到合適的地方。



11、預(yù)覽剛才我們?cè)O(shè)計(jì)的界面
12、鼠標(biāo)點(diǎn)‘預(yù)覽’功能圖標(biāo)， 或你也可以直接按鍵盤按鈕“F10” 進(jìn)行迅速的預(yù)覽效果



13、最后就是保存我們的設(shè)計(jì)文件然后導(dǎo)出exe
14、查找菜單那邊的'生成' 的下拉后里有個(gè)'導(dǎo)出 exe'的功能，或你可以直
15、接按鍵盤的快捷鍵的'F12' 就導(dǎo)出了。

【常見問題】

UIDesigner與其它同類軟件對(duì)比有什么區(qū)別？
GUI Design Studio
軟件界面設(shè)計(jì)(GUI Design Studio)是一款可不須經(jīng)由任何編制程序或 s cripting 便可迅速地創(chuàng)造出 Microsoft Windows 圖形用戶界面設(shè)計(jì)的軟件.這個(gè)簡(jiǎn)單的工程提供了一個(gè)快速示例及少量 GUI Design Studio 功能示范。
Axure RP
Axure RP是一款作為產(chǎn)品經(jīng)理常用的，能夠大大的提高工作效率的軟件。Axure RP在工作過程中可以完美解決需求部門和技術(shù)部門的溝通問題，減少大部分的溝通成本，模擬效果非常逼真。Axure RP Pro 功能包括站點(diǎn)地圖、流程設(shè)計(jì)、頁(yè)面框架設(shè)計(jì)、簡(jiǎn)單交互設(shè)計(jì)等，可以生成HTML、Word等格式。
Sketch mac(UI設(shè)計(jì)軟件)
Sketch是目前一款非常專業(yè)的UI設(shè)計(jì)軟件，雖說Photoshop也可以用于UI設(shè)計(jì)，但是相對(duì)而言，Sketch讓UI設(shè)計(jì)更簡(jiǎn)單快速，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)設(shè)計(jì)者來說更加適合!尤其是在移動(dòng)應(yīng)用設(shè)計(jì)方面，Sketch 的優(yōu)點(diǎn)在于使用簡(jiǎn)單，學(xué)習(xí)曲線低，并且功能更加強(qiáng)大易用，支持自動(dòng)切圖，并且具有移動(dòng)設(shè)計(jì)模板，能夠大大節(jié)省設(shè)計(jì)師的時(shí)間和工作量，非常適合進(jìn)行網(wǎng)站設(shè)計(jì)、移動(dòng)應(yīng)用設(shè)計(jì)、圖標(biāo)設(shè)計(jì)等。

【軟件測(cè)評(píng)】

優(yōu)點(diǎn)：
1、首先就是安裝文件包很小，直接下載安裝就搞定。并且是騰訊UCD團(tuán)隊(duì)設(shè)計(jì)研發(fā)的一款設(shè)計(jì)類軟件。完全免費(fèi)的綠色版，比起公司花了幾百$買的正版Axure軟件要省錢多；
2、可以使用任何截圖功能獲得一個(gè)圖片，然后直接粘貼在窗體區(qū)域內(nèi)。這個(gè)是Axure不能做到的，很贊。
3、除了可以快速搭建設(shè)計(jì)稿外，還可快速生成操作體驗(yàn)的產(chǎn)品原型（F10功能鍵）。即可以快速呈現(xiàn)整個(gè)交互流程，還可以用于可用性測(cè)試來驗(yàn)證設(shè)計(jì)的優(yōu)劣。但是好像需要在作圖時(shí)，連同iPhone手機(jī)外形控件一起加載才可以，總體來說，動(dòng)畫效果不錯(cuò)，類似RD開發(fā)過程中的模擬器功效了。
4、界面啥的簡(jiǎn)單，上手也快（如果已經(jīng)熟悉或了解過framework這個(gè)軟件的話）；
5、這個(gè)是看官方介紹中說的，具體我還沒有體驗(yàn)到：
除了在PC端演示，還可以將UID文件通過iTunes導(dǎo)入iPhone，直接在iPhone上演示，而且在iPhone上的效果還都是系統(tǒng)原生控件，效果和實(shí)際開發(fā)出來的效果一模一樣。這個(gè)功能已經(jīng)開發(fā)完成，正在內(nèi)測(cè)階段。
缺點(diǎn)：
1、控件庫(kù)內(nèi)容太少，編輯文本的基本下拉框、復(fù)選框等都沒有，只能做些簡(jiǎn)單的交互設(shè)計(jì)。
2、有些控件，比如橫線這個(gè)東東，常常會(huì)出些莫名其妙的問題，不是看不到了就是挪不動(dòng)（我已經(jīng)將其置頂了，還是不行）；
3、左側(cè)控件庫(kù)的圖標(biāo)太大，看著不舒服；
4、常常會(huì)莫名其妙的down掉，如果沒有及時(shí)保存的習(xí)慣，這個(gè)問題很讓人糾結(jié)；今天出現(xiàn)的最嚴(yán)重的一次事故也就是一個(gè)文件徹底打不開了，好在做起來也不慢，但是一直這么折騰，心甚不爽啊~
5、在修改各類控件的信息時(shí)，點(diǎn)擊tab按鍵后不能把數(shù)字全部勾選住，所以如果要修改數(shù)字，還得手工的選擇數(shù)字，很不方便；同時(shí)也不支持用上下按鍵就可以更改數(shù)字；
6、部分工具、圖標(biāo)或控件挪動(dòng)起來非常不方便，比如arrow這個(gè)小箭頭

【更新日志】

1.優(yōu)化了性能
2.解決bug問題我們是認(rèn)真的