[www.ed2k.online]下載基地為您提供軟件、遊戲、圖書、教育等各種資源的ED2K電驢共享下載和MAGNET磁力鏈接下載。
設為首頁
加入收藏
首頁 圖書資源 軟件資源 游戲資源 教育資源 其他資源
 電驢下載基地 >> 软件资源 >> 編程開發 >> 《騰訊內部用於軟件原型設計的專用工具》(UIDesigner) v1.1.1.0 Alpha (附 Axure RP Pro v5.6.0.2097 漢化版)[安裝包]
《騰訊內部用於軟件原型設計的專用工具》(UIDesigner) v1.1.1.0 Alpha (附 Axure RP Pro v5.6.0.2097 漢化版)[安裝包]
下載分級 软件资源
資源類別 編程開發
發布時間 2017/7/17
大       小 -
《騰訊內部用於軟件原型設計的專用工具》(UIDesigner) v1.1.1.0 Alpha (附 Axure RP Pro v5.6.0.2097 漢化版)[安裝包] 簡介: 資料介紹 軟件介紹 在軟件設計階段,交互設計師或者產品經理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出靜態
電驢資源下載/磁力鏈接資源下載:
全選
"《騰訊內部用於軟件原型設計的專用工具》(UIDesigner) v1.1.1.0 Alpha (附 Axure RP Pro v5.6.0.2097 漢化版)[安裝包]"介紹

資料介紹

IPB Image



軟件介紹

在軟件設計階段,交互設計師或者產品經理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出靜態稿或者原型來表達設計思想。這些工具是各有各的優勢,當然也各有各的缺點啦。那麼騰訊CDC是如何設計軟件原型的呢?這裡向大家介紹我們正在研發的原型設計利器 UIDesigner。

首先,先讓我們來體驗一下UIDesigner制作出來的原型效果。這個原型是一個設置窗體,主要由按鈕、復選框、分組框和文本框等控件構成,其中一些按鈕還具有響應的動作(如打開另一個界面,關閉窗體等)。如圖一所示,這是使用Firework制作出來的交互圖。

http://i3.6.cn/cvbnm/1d/1e/59/c0e0b4612d6c5515a4a9b5f3a5d35ef0.jpg
圖一、使用Firework制作出來的設計稿



這種交互圖的特點是簡單明了,能夠表示出各種控件的基本屬性(如文本、位置和選中狀態等),但它只是一個靜態的圖片,不能真實表現出每個控件的響應動作,如僅看這張圖,是不清楚點擊代理服務器設置分組框上的“設置…”按鈕會有什麼響應的。

那再看看你若使用UIDesigner制作出來的效果:最終輸出的是一個EXE可執行文件(見圖二左上角),雙擊運行後就會出現一個與最終實現效果完全一致的窗體(見圖二右)。另外,它還是一個具有響應動作的真實原型,例如你若點擊了“設置…”按鈕,那就會彈出一個新的窗體(見圖三)。

http://i3.6.cn/cvbnm/50/76/2c/0496d84a2ae1c2f2a2767a735501e7a8.jpg
圖二、使用UIDesinger制作出來的原型

http://i3.6.cn/cvbnm/50/76/2c/0496d84a2ae1c2f2a2767a735501e7a8.jpg
圖三、點擊“設置…”按鈕後彈出的另一窗體



實際上,這個新彈出的窗體都是一個獨立的原型,也是由UIDesigner制作出來的。由於它裡面的控件同樣可以設置下一步的響應動作,所以從總體上來看,眾多原型就像一個樹狀結構,而其中的父節點就是圖二中的設置窗體了。這種結構具有一個很大的好處:無論你完成了多個界面的原型,只需要它們之間有鏈接關系,最後輸出的只是一個EXE可執行文件。這樣,你可以很方便地與其它人員表達自己的設計思路,讓溝通變得更加快捷。

接下來,我們看看這個原型是如何制作出來的。

第一步:建立空白窗體,調整它的大小、風格、標題和Icon

http://i3.6.cn/cvbnm/ea/0a/52/ff75c0d78f74e903c930071d796fdcdb.jpg
圖四、使用UIDesigner制作原型—建立窗體



第二步:從工具箱中拖曳控件到窗體上,修改這些控件的屬性(如Text等)

http://i3.6.cn/cvbnm/a7/d6/a8/845d239d0bd5e9a89b8f5d8571dd88d0.jpg
圖五、使用UIDesigner制作原型—加入控件



由於UIDesigner具有自動對齊的功能,所以在拖動控件到窗體時就可以完成排版工作,不需要再逐個像素去調整。另外,不單單在加入控件到窗體時,在改變已存在於窗體內的控件的位置或者大小時,自動對齊功能一樣會生效。這樣,設計者在調整控件大小或者位置時(包括控件與控件,控件與窗體邊緣等的距離等情況),工作變得很簡單。

http://i3.6.cn/cvbnm/19/8a/6f/b72bc13402f1f6f0c4d27a46b34f6101.jpg
圖六、使用UIDesigner制作原型—自動對齊功能



第三步:幾分鐘後,所有的控件都放到窗體並設置好屬性了,如下圖

http://i3.6.cn/cvbnm/d8/08/da/2f55dc94dffcabd0915dc792c4d2856e.jpg
圖七、使用UIDesigner制作原型—整體界面效果



此時,設計者就可以使用軟件的導出圖片或者導出原型功能分享你的設計成果了。當然,現在這種效果還只是一個沒有響應動作效果的原型。接下來,我們再給“設置…”按鈕加入響應動作。首先,選中“設置…”按鈕,然後點擊工具欄的“響應”按鈕,你將會看到如圖八的響應設置窗口。此時,你可以選擇打開窗體、打開網頁、彈出對話框、修改屬性值和關閉本身窗體等五種效果,這裡我們選擇“打開窗體”,然後在彈出的對話框裡指向彈出窗體的文件。最後,點擊“完成”按鈕即可。

http://i3.6.cn/cvbnm/91/b6/23/8adf7b76a9adc18beb6aca22c3230ded.jpg
圖八、使用UIDesigner制作原型—設置控件的響應動作



到此為止,你就完成了一個與最終實現效果完全一致的高保真原型了。產品經理和開發人員等若想了解你的設計思想就不需要看著長長幾頁的說明文檔了,而只需要運行你輸出的原型文件,就可以對你的設計思路一目了然。

UIDesigner除了能讓使用者能夠快速地搭建起軟件界面的高保真原型外,還提供了項目管理,讓使用者能夠方便地管理工程文件;提供了圖片庫和模板庫功能,讓使用者可以方便地重用以前的設計資源;提供了32個Windows客戶端軟件常用控件,滿足使用者的設計需求;提供了多個屬性設置入口,分別實現最常用屬性設置、一般屬性設置和高級屬性設置功能。當然,UIDesigner不是專用來設計QQ的,其它的Windows客戶端產品都在它的工作范圍之內。總的來說呢,使用UIDesigner來制作原型是很高效的,而制作出來的原型也能夠實現設計師、產品經理和程序開發工程師三者間的快速溝通,減少不必要的工作內耗。




http://i3.6.cn/cvbnm/3f/80/86/f9b38d5e41ed5db22e56504e938b8473.png

http://i3.6.cn/cvbnm/64/46/19/d56b014b009a64c362dd5755863363b3.jpg

http://i3.6.cn/cvbnm/04/f7/ed/62053e6bb90bf878463cdff26cc64c94.jpg

UIDesigner 目前還在內測階段,還不是一款完整的產品,所以請勿直接將其用於生產用途。如果運行遇到問題請及時向騰訊反饋。





使用注記:

“UIDesignerV1.0.Setup.exe.rar”為軟件的原版程序壓縮包。喜歡安裝版的朋友請下載此文件。

“騰訊.UIDesigner.v1.1.1.0.Alpha.(Win32.雲端版).exe”為軟件的雲端版本,下載運行解壓後即可直接使用(如有提示注冊,請見下面的說明)。雲端版本用完不想用了可以很徹底地從系統中刪除,適用於想嘗試該軟件的用戶使用。

有關什麼是雲端,雲端版的技術特點是什麼,請看這裡:http://www.VeryCD.com/groups/daruanjian/790044.topic。



特別說明:

軟件運行需要 Microsoft .NET Framework 2.0 版本以上的運行環境支持。請在使用之前,在您本機安裝 .NET 2.0。Windows Vista 和 Windows 7 系統已帶,無需安裝。

Microsoft .NET Framework 2.0 Service Pack 2 微軟官方下載地址:
http://www.microsoft.com/downloads/details...06da9d0f






軟件類型: 編程開發-編程工具
軟件性質: 無插件綠色軟件 / 免費軟件
應用平台: Windows XP / Vista / Windows 7
資源發布: 大軟件分享基地
版權聲明: 軟件版權歸原作者及原軟件公司所有,如果你喜歡,請購買正版軟件,所提供之軟件只供學習用,由此產生的任何法律問題和經濟損失蓋不負責。
共享時間: 全天長期做種
共享服務器: eDonkeyServer No2

測試通過操作系統: Windows XP / Vista / Windows 7 (雲端版目前僅支持在32位 Windows 下運行)

查毒情況: 使用 Avira AntiVir 英文版(程序版本:10.0.0.561,病毒庫版本:7.10.05.248)查毒,未發現報毒情況。




免責聲明

★本帖介紹的內容轉自網絡,凡摘自網絡相關圖文介紹內容的本帖不另行標注出處,版權所有者如有異議請告知以便刪除。
★關於軟件破解及注冊機可能被殺毒軟件報病毒或間諜木馬(若已檢測到的則將在帖中特別標注),請自行甄別和取捨,不另行加以解釋。
★資源下載後請對文件做必要的安全檢測,該下載內容僅限於個人測試學習之用,不得用於商業用途,並且請在下載後24小時內刪除。
★各計算機系統環境各不相同,因此不保證該軟件完全兼容於你的計算機系統,最終解決軟件安裝運行問題請聯絡官方站點尋求相關技術支持。
★資源版權歸其所有者所有,如果你喜歡,請購買正版。

相關資源:

免責聲明:本網站內容收集於互聯網,本站不承擔任何由於內容的合法性及健康性所引起的爭議和法律責任。如果侵犯了你的權益,請通知我們,我們會及時刪除相關內容,謝謝合作! 聯系信箱:[email protected]

Copyright © 電驢下載基地 All Rights Reserved