什么是ui designer UIDesigner，簡稱“UID”，是一款進行軟件界面原型設(shè)計的工具。

什么是ui designer_uidesigner2.5，它擁有強大的模板和預(yù)制功能，能夠快速的搭建起軟件界面的高保真原型?？梢詫崿F(xiàn)設(shè)計師、產(chǎn)品經(jīng)理、程序開發(fā)工程師三者間的快速溝通，減少不必要的工作內(nèi)耗。 UIDesigner的主要目標(biāo)用戶：交互設(shè)計師、用戶調(diào)研員、視覺設(shè)計師、產(chǎn)品經(jīng)理。 特性：1.全新UI界面、10大功能模塊，可定制用戶視圖2.豐富控件類型，自定義控件樣式3.可視化控件樣式編輯器，創(chuàng)建個性化控件，滿足不同設(shè)計需求 軟件版本：UIDesigner2.0由騰訊CDC設(shè)計和研發(fā)，專為交互設(shè)計師、視覺設(shè)計師、用研設(shè)計師精心打造的全新軟件。版本功能大：①豐富控件類型，自定義控件樣式。②可創(chuàng)建個性化控件，滿足不同設(shè)計需求。UIDesigner軟件是由騰訊公司開發(fā)。

uidesigner2.5 IDesigner 2.5版本是一款可以快速搭建iOS平臺產(chǎn)品原型的設(shè)計軟件，目標(biāo)用戶是設(shè)計師和產(chǎn)品經(jīng)理。我們的理念是，設(shè)計出一款簡單的軟件，讓沒有設(shè)計軟件基礎(chǔ)的人都可以快速畫出設(shè)計稿，表達出自己的設(shè)計想法。同時可以快速生成用于可用性測試的產(chǎn)品原型。

UIDesigner 2.5 for mobile是專門針對移動平臺的設(shè)計軟件，第一個版本先支持iOS平臺，它集成了iOS系統(tǒng)常用控件，可以迅速拖拽到畫布中生成設(shè)計稿，方便易學(xué)，很容易上手。 UID2.5除了可以快速搭建設(shè)計稿外，還可以快速生成可以操作體驗的產(chǎn)品原型。即可以快速呈現(xiàn)整個交互流程，還可以用于可用性測試來驗證設(shè)計的優(yōu)劣。除了在PC端演示，還可以將UID文件通過iTunes導(dǎo)入iPhone，直接在iPhone上演示，而且在iPhone上的效果還都是系統(tǒng)原生控件，效果和實際開發(fā)出來的效果一模一樣。

uidesigner 3.0 什么是ui designer_uidesigner2.5，UIDesigner 3.0架構(gòu)設(shè)計：UIDesigner是騰訊用戶研究與體驗設(shè)計部(CDC)設(shè)計研發(fā)的一款設(shè)計類軟件，打造一款可以讓設(shè)計師統(tǒng)一平臺和團隊協(xié)作的平臺型設(shè)計工具，經(jīng)過1.0和2.0版本的經(jīng)驗沉淀，將對3.0版本進行全新的架構(gòu)設(shè)計。 一、關(guān)注點——工具.結(jié)合UIDesigner的實際需求，提取出屬于“工具”范疇的關(guān)鍵功能需求、關(guān)鍵質(zhì)量需求和關(guān)鍵商業(yè)需求。經(jīng)過關(guān)鍵需求的提取，得到了“工具”的設(shè)計目標(biāo)——可以提供通用功能(關(guān)鍵功能需求)的高穩(wěn)定性、擴展性和維護性的客戶端應(yīng)用。根據(jù)此目標(biāo)，采取了DI(Dependency-Injection)和MVP(Model-View-Presenter)結(jié)合的架構(gòu)。 二、關(guān)注點——設(shè)計繪圖UIDesigner是為設(shè)計師打造的設(shè)計工具，其核心的功能需求當(dāng)然就是設(shè)計繪圖了，這一塊也是變化多的。根據(jù)隔離變化點的原則，將這一塊設(shè)計為繪制引擎框架，通過框架，為“工具”部分提供繪制相關(guān)的支持。對繪制引擎框架進行細化分割，分離出三個關(guān)注點：圖元、畫板、輔助組件。

uidesigner使用教程 用uidesigner來設(shè)計界面原型，完成基礎(chǔ)的對話框設(shè)計：

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

1.對話框的布局界面：1 標(biāo)題信息: 標(biāo)題信息、關(guān)閉的X按鈕2 提示信息內(nèi)容 : 圖片、文本內(nèi)容、單選項3 按鈕功能：確定、取消按鈕。實現(xiàn)這個：單擊菜單中“文件”--》“新建”，出現(xiàn)一個新建的窗口;新建窗口后，將在設(shè)計區(qū)里會出現(xiàn)一個可編輯的窗體。

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

3.繪制標(biāo)題信息欄：雙擊窗體，彈出“窗體屬性”框。然后在對話框的“標(biāo)題”中填寫上標(biāo)題;再然后屬性對話框的下方進行設(shè)置 顯示圖標(biāo)信息，后 點擊確定按鈕。這樣就完成了對界面的設(shè)計，那么現(xiàn)在可以點擊菜單“預(yù)覽”選項進行設(shè)計預(yù)覽，或者可以直接按鍵盤按鈕“F10”。

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

5.配置單選框，在設(shè)計界面工具中點擊選擇'單選按鈕'的圖標(biāo)功能，就拖到窗體內(nèi)

，然后在‘文本’錄入框中為別錄入該選項信息，然后移動到合適的地方。

6.預(yù)覽剛才我們設(shè)計的界面，鼠標(biāo)點‘預(yù)覽’功能圖標(biāo)，或你也可以直接按鍵盤按鈕“F10”，進行迅速的預(yù)覽效果。

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

mock ui design 工具 在網(wǎng)絡(luò)技術(shù)蓬勃發(fā)展的當(dāng)今社會，各類線框圖和原型設(shè)計工具也隨之而大量涌現(xiàn)。但是，作為一款簡單又不失強大的新型工具，Mockplus借著它的獨特之處在市場中也占有著它的一席之地。 作為一款簡單，易學(xué)，易用，無代碼的原型設(shè)計工具，Mockplus讓用戶更注重于設(shè)計本身而不需要花費大量的時間在軟件的學(xué)習(xí)上。頁面之間的鏈接只需一個“拖拽”選項就能搞定。對于中小企業(yè)和團隊來說，敏捷開發(fā)、快速迭代是他們有效的快速融合并適應(yīng)市場和消費者的方式。 靈活，高效，低成本的原型設(shè)計對于現(xiàn)在的中小企業(yè)是至關(guān)重要的?？偠灾?，Mockplus是一款適用于敏捷開發(fā)的原型設(shè)計工具，也是軟件開發(fā)公司用于原型構(gòu)建的理想解決方案。鼠標(biāo)驅(qū)動的組件視覺設(shè)計也省去了編程和培訓(xùn)成本。