【Infragistics教程】從設(shè)計到代碼：Indigo.Design

【下載Infragistics Ultimate最新版本】

“設(shè)計到代碼”，即可視化設(shè)計師、用戶體驗架構(gòu)師、產(chǎn)品經(jīng)理和應(yīng)用程序開發(fā)人員如何參與協(xié)作軟件設(shè)計和開發(fā)過程，允許每個利益相關(guān)者使用他們最喜歡的工具，包括Sketch、Indigo Studio和Visual Studio代碼以及Angular & Flutter框架.。

Indigo.Design是一個統(tǒng)一的、基于云的可視化設(shè)計、UX原型、代碼生成和應(yīng)用程序開發(fā)平臺。

Indigo.Design功能

Indigo.Design包含四個關(guān)鍵組件，它們構(gòu)成了從設(shè)計到開發(fā)的過程，創(chuàng)造了令人驚嘆的體驗，其目標(biāo)是確保利益相關(guān)者參與設(shè)計過程，并消除了從設(shè)計師到開發(fā)人員之間容易出錯和繁瑣的設(shè)計移交——Indigo.Design允許您生成代碼，而不是提供無與倫比的團(tuán)隊流和生產(chǎn)力。

• Design System——50多個UI組件作為SketchUI工具包出現(xiàn)，映射到我們的Angular UI工具集的Ignite UI。使用這些組件創(chuàng)建的設(shè)計將生成HTML、CSS和Angular代碼。我們還包括45+UX/UI模式和完整的應(yīng)用程序來啟動您的設(shè)計項目，以及一些您可以學(xué)習(xí)的完整應(yīng)用程序設(shè)計。我們的庫在設(shè)計時考慮了可擴(kuò)展性，允許您輕松定制組件或UX模式，以滿足您的品牌需求。

  

• Design Cloud——是我們的云體驗，具有一些關(guān)鍵功能和優(yōu)勢。一個基于圖像的原型設(shè)計工具和內(nèi)置的組協(xié)作允許您圍繞公共和私有工作區(qū)組織您的團(tuán)隊。使用基于圖像的原型制作，您可以導(dǎo)入Sketch文檔或圖像，然后添加交互和轉(zhuǎn)換，以顯示用戶流，然后與其他人共享原型并在任何設(shè)備上查看。添加無減額可用×××功能，該功能允許您為原型創(chuàng)建基于任務(wù)的測試，我們將記錄音頻和視頻，這樣你就可以看到你的用戶與你的原型交互，同時在任務(wù)完成時返回實時分析和報告。

  

• Design Code Generation Service：通過將基于云的設(shè)計鏈接到開發(fā)團(tuán)隊的Visual Studio代碼擴(kuò)展出現(xiàn)。使用從Indigo.Design原型生成的URL從Visual Studio代碼擴(kuò)展訪問原型，選擇要用于HTML、CSS和代碼的組件或視圖，單擊一次，我們將生成最佳實踐角度代碼并將其添加到應(yīng)用程序中。

  

• Ignite UI for Angular：50+基于材料的UI組件，設(shè)計并構(gòu)建在谷歌的Angular框架上，包括市場上最快的Angular數(shù)據(jù)網(wǎng)格和數(shù)據(jù)圖表。SketchUI工具包中的每個符號都映射到我們的角度組件，確保您的應(yīng)用程序具有功能齊全、企業(yè)級就緒的功能。