uidesigner是騰訊用戶研究與體驗(yàn)設(shè)計(jì)部(CDC)設(shè)計(jì)研發(fā)的一款軟件界面原型設(shè)計(jì)工具,專為設(shè)計(jì)師、用研設(shè)計(jì)師精心打造的一款強(qiáng)大設(shè)計(jì)工具。uidesigner擁有強(qiáng)大的模板和預(yù)制功能,能夠快速的搭建起軟件界面的高保真原型,可以實(shí)現(xiàn)設(shè)計(jì)師、產(chǎn)品經(jīng)理、程序開(kāi)發(fā)工程師三者間的快速溝通,減少不必要的工作內(nèi)耗。本站提供
uidesigner免費(fèi)版下載端口,軟件提供了項(xiàng)目管理,讓使用者能夠方便地管理工程文件;提供了圖片庫(kù)和模板庫(kù)功能,讓使用者可以方便地重用以前的設(shè)計(jì)資源;提供了32個(gè)Windows客戶端軟件常用控件,滿足使用者的設(shè)計(jì)需求;提供了多個(gè)屬性設(shè)置入口,分別實(shí)現(xiàn)最常用屬性設(shè)置、一般屬性設(shè)置和高級(jí)屬性設(shè)置功能,歡迎有需要的朋友免費(fèi)下載使用。
功能介紹
1、UI界面全新UI界面、10大功能模塊,可定制用戶視圖。
2、自定義控件豐富控件類型,自定義控件樣式。
3、可視化控件樣式編輯器用戶可以以此創(chuàng)建個(gè)性化控件,滿足不同設(shè)計(jì)需求。
軟件特點(diǎn)
1、移動(dòng)上的設(shè)計(jì)針對(duì)APP設(shè)計(jì),打造iphone、安卓等多套原生態(tài)控件,更符合移動(dòng)設(shè)計(jì)體驗(yàn)。
2、團(tuán)隊(duì)協(xié)作,一氣呵成能夠快速搭建交互原型,導(dǎo)入視覺(jué)切圖、規(guī)范,最終生成演示Demo。
3、快速原型,想動(dòng)就動(dòng)通過(guò)便捷的布局和設(shè)置,就可以完成界面跳轉(zhuǎn)和框架設(shè)計(jì)。
使用教程
1、這次通過(guò)UIDesigner來(lái)做個(gè)常用的對(duì)話框設(shè)計(jì) ,包含提示信息,選擇信息,以及按鈕功能。
2、先看這個(gè)對(duì)話框的布局界面
(1) 標(biāo)題信息: 標(biāo)題信息 關(guān)閉的X按鈕。
(2)提示信息內(nèi)容 : 圖片 、文本內(nèi)容、單選項(xiàng)。
(3)按鈕功能: 確定 取消按鈕。
3、好的,下面我們就來(lái)實(shí)現(xiàn)這個(gè):?jiǎn)螕舨藛沃小拔募?-》“新建”,出現(xiàn)一個(gè)新建的窗口,新建窗口后,將在設(shè)計(jì)區(qū)里會(huì)出現(xiàn)一個(gè)可編輯的窗體。
4、繪制界面布局
(1)對(duì)窗體雙擊后彈出“窗體屬性”的框,在此框的“大小”的信息中輸入合。
(2)適的尺寸,這里輸入寬度為 220,高度為 150。
(3)然后“確定”,就完成尺寸的確定。
5、繪制標(biāo)題信息欄
(1)雙擊窗體,彈出“窗體屬性”框。
(2)然后在對(duì)話框的“標(biāo)題”中填寫(xiě)上標(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ù)覽,或者可以直接按鍵盤(pán)按鈕“F10”。
6、繪制信息提示區(qū)里添加一個(gè)提示圖片的圖,另外在繪制添加描述文字拿到文本標(biāo)簽圖標(biāo),然后拖到編輯區(qū)域內(nèi),則直接可以在‘文本’錄入框中增加文字描述信息。
7、配置單選框,在設(shè)計(jì)界面工具中點(diǎn)擊選擇'單選按鈕'的圖標(biāo)功能,就拖到窗體內(nèi),然后在‘文本’錄入框中為別錄入該選項(xiàng)信息,然后移動(dòng)到合適的地方。
8、預(yù)覽剛才我們?cè)O(shè)計(jì)的界面,鼠標(biāo)點(diǎn)‘預(yù)覽’功能圖標(biāo), 或你也可以直接按鍵盤(pán)按鈕“F10” 進(jìn)行迅速的預(yù)覽效果。
9、最后就是保存我們的設(shè)計(jì)文件然后導(dǎo)出exe,查找菜單那邊的'生成' 的下拉后里有個(gè)'導(dǎo)出 exe'的功能,或你可以直接按鍵盤(pán)的快捷鍵的'F12' 就導(dǎo)出了。
軟件對(duì)比
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 RPAxure RP是一款作為產(chǎn)品經(jīng)理常用的,能夠大大的提高工作效率的軟件。Axure RP在工作過(guò)程中可以完美解決需求部門(mén)和技術(shù)部門(mén)的溝通問(wèn)題,減少大部分的溝通成本,模擬效果非常逼真。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ì)軟件,雖說(shuō)Photoshop也可以用于UI設(shè)計(jì),但是相對(duì)而言,Sketch讓UI設(shè)計(jì)更簡(jiǎn)單快速,對(duì)于
網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)設(shè)計(jì)者來(lái)說(shuō)更加適合!尤其是在移動(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ì)等。
更新日志
uidesigner v2.5.5.1(2019-10-08)
1、支持iOS平臺(tái),集成了iOS系統(tǒng)常用控件,可以迅速拖拽到畫(huà)布中生成設(shè)計(jì)稿。
2、以快速生成可以操作體驗(yàn)的產(chǎn)品原型,即可以快速呈現(xiàn)整個(gè)交互流程,還可以用于可用性測(cè)試來(lái)驗(yàn)證設(shè)計(jì)的優(yōu)劣。
0條評(píng)論