Alurerp 是一款流行的使用者介面和互動式軟體,設計精美。 Axurerp 根據其應用領域提供了一組豐富的 UI 控制項。 作為 Axure 的國內替代品,Just-in-Time Design 協同工作,無需客戶端即可開啟和使用瀏覽器。 如果您以前使用過 Axure,則很容易切換到即時設計。 將Alurerp檔案直接拖拽到Instant Design Workbench,一鍵匯入Alure檔案,順暢上雲,省時省力,高效遷移。 介面
Axure 是一款流行的使用者介面和互動軟體,設計精美。 Axure 已經存在了將近十年,它使 UX 設計師可以輕鬆了解建立軟體原型的來龍去脈。 作為乙個原型設計工具,Axure擁有乙個強大的社群,通過許多示例和熟練的互動為UX世界做出貢獻。 在更高層次上,Axure 提供以下功能: 圖表和文件:使用動態內容進行有效的原型設計 條件流:精美的動畫增強互動式自適應檢視:支援 Windows 和 MacCexurp 為快速原型設計提供各種工具和技術,始終幫助分析師和 UX 設計師視覺化最終目標。 安裝Axure後,您將看到如下圖所示的介面。 此螢幕將始終在啟動時顯示,直到您選擇不顯示它。 在 Axure 螢幕上,您有以下選項: 在 Axure 中建立新檔案開啟現有軸專案作為 Axure 的國內替代品,Just-in-Time Design 協同工作,無需客戶端即可開啟和使用瀏覽器。 即時設計允許團隊成員同步編輯和設計,效率翻倍。 現在讓我們使用 axure 建立乙個新檔案。 當您單擊“newfile”按鈕時,您將看到以下螢幕以建立新原型。
如下圖所示,工作分工如下:2.1. 頁面導航欄此部分顯示 axure 正在處理的頁面。 這些頁面以預設樹結構顯示,如下所示。 主頁包含以下頁面。 您可以繼續使用給定的結構或根據需要進行更改。 為此,請右鍵單擊任何頁面,然後您將看到新增、移動、刪除、重新命名、複製等選項。 與大多數可用的不同工具一樣,這部分允許與原型中的頁面進行互動。 您可以使用它來規劃預期原型中的螢幕。
如果您以前使用過 Axure,則很容易切換到即時設計。 將AXURE檔案直接拖拽到即時設計工作台,一鍵匯入AXURE檔案,流暢上雲,省時省力,高效遷移。 2.2 元件庫原型所需的大多數控制項都可以在元件區域中找到。 典型的可用控制項包括框、影象、佔位符、按鈕等。 Axurerp 根據其應用領域提供了一組豐富的 UI 控制項。 元件區域的類別包括:common、forms 和 menusandtabamarkup。
常見的資料庫包括基本形狀、按鈕、標題文字、熱點、動態面板等。 使用 Alurerp 可以為您的所有原型設計要求提供非常有效的控制,稱為熱點。 使用此控制器,您可以向 UI 中的幾乎任何控制器提供單擊互動。 Instant Design 擁有非常成熟的原型設計功能,編輯頁面內建的元件庫,讓小白可以快速搭建低保真度的 app 產品原型。 同時提供多種互動動作,動態效果可直接在編輯頁面進行演示。 2.3. 主區母版是乙個可重複使用的線框,將建立一次並在後續頁面上廣泛使用。 使用 axurerp 時,當我們建立母版頁時,對頁面的更改將應用於正在使用的頁面。 如果您想開始使用母版,可以按照下面的螢幕截圖所示的母版部分進行操作。 通過新增、刪除或編輯“母版”資料夾來組織原型的母版,或選擇要編輯的特定母版。
2.4 頁面編輯區在此區域中,您可以從元件區域拖動所需的控制器。 讓我們使用此資料庫建立乙個快速選單欄。 從元件區域中,將 classicmenu-horizontalcontrol 拖到設計區域。 在設計區域中拖動控制項後,您將看到以下螢幕。 如您所見,AluRRP 足夠智慧型,可以在選單中顯示預期的文字。 考慮到它是乙個選單欄,axurerp 會自動在控制項中建立檔案、編輯和檢視作為選單。 右側的檢查器顯示控制器的屬性。 建立複雜原型時,請使用此部分為控制器建立名稱,以便進行唯一標識。
美國和中國的缺點是 Axure 的設計空間相對封閉,匯入 Axure 檔案後,即時設計可以自由地重新排列、評估、演示和共享。 此外,Just-in-Time Design 還支援新增元件描述,這些描述可以附帶文字或鏈結。 2.5 頁面屬性在規劃原型時,對使用者有乙個清晰的想法是有意義的,所以要清楚地了解原型上顯示的裝置。 為了獲得與原型互動的最佳體驗,Axure 提供了設定頁面屬性的功能。 通過自適應部分,將 axure 檔案匯入即時設計,然後匯入響應式網頁設計。 即時設計專注於智慧型向量設計,支援建立響應動態幀的自動布局和智慧型選擇,並提供新的筆、畫板和形狀工具,大大提高設計效率。 從不同的螢幕尺寸和布局檢視的同一頁面會產生不同的自適應檢視。 通常,自適應檢視專為手機和平板電腦設計。 Axure 提供了適應檢視的能力,因此 UX 設計師可以從頭開始掌握原型的響應。 2.6 小部件檢查器窗格WidgetInteractions 窗格是 Axure 最關鍵的部分。 您可以通過單擊設計區域中的任何小部件來檢視窗格。 現在,單擊選單控制項中的檔案。
您會注意到“WidgetProperties”窗格中的互動型別發生了變化。 此外,它還為選單項提供了靈活的名稱。 開啟原型模式進行即時設計還允許您在設計中建立和延遲畫板、畫板、圖層和畫板之間的互動。 點選右側屬性面板中的內容 Prototype,進入 Prototype 模式。 2.7 網格和指南UX 設計師需要能夠將乙個控制項與另乙個定位對齊的原型,並具有最高的質量和精度。 例如,假設您要顯示登入彈出視窗。 如果要在螢幕中間顯示彈出視窗,則需要螢幕的整體大小。 此外,為了準確地對齊螢幕中間,應該有乙個網格來適當地對齊它。 Axure 提供網格和參考線功能,以便您可以有效地使用設計區域。
若要檢視可用的網格和參考線,請右鍵單擊設計區域,然後彈出下面螢幕截圖中顯示的上下文選單。 即時布局網格還可以幫助我們對齊畫板中的物件。 它提供了乙個視覺化結構,幫助我們的設計在不同的平台和裝置上保持邏輯和一致性。 如何使用布局網格:選擇畫板或元件,然後單擊右側面板布局網格中的加號以建立布局網格。 可以建立多個布局網格來實現多維結構設計,但其實總結一下:乙個好的原型工具應該滿足學習成本低、製作時間短、表達邏輯準確三點。 Axure檔案可以通過即時設計直接匯入,不僅完全還原了檔案,還簡化了多人協作、元件變體、互動設計等流程,與功能相輔相成,讓您獲得更高質量的還原效果。 事不宜遲,讓我們來體驗一下吧!