當前位置:成語大全網 - 書法字典 - Axure原型模板-如何使用axure繪制應用程序原型

Axure原型模板-如何使用axure繪制應用程序原型

任務管理移動終端Axure原型設計這是Axure8制作的壹款高保真任務管理APP原型模板,包括待辦、日程、統計和我四個主要模塊。作為壹個效率工具的原型,核心功能都得到了體現,整體風格清新簡潔,可以作為移動原型的模板。

此外,本作還包含各種常用的移動組件如宮殿導航、日歷、復讀機、表單、操作面板、圖表、卡片等。,可以直接復制或拖動到項目中使用。對於初學者來說,它也是Axure交互式學習的友好模板。

點擊這裏預覽完整的原型。

壹些圖片

使用Axure繪制原型Axure是最常用的原型制作工作之壹。妳不需要任何HTML/CSS/JavaScript基礎,妳可以使用Axure制作壹個具有良好交互效果的原型圖。本系列筆記基於孫武所著《AxureRP7網站和APP原型從入門到精通》壹書,系統研究了Axure作為原型工具軟件及其背後的設計思想。

開始之前,讓我們問壹些基本問題:

(1)什麽是用戶體驗設計?什麽是交互設計?什麽是視覺設計?他們之間有什麽關系?

(2)什麽是UE?什麽是UX?用戶體驗?可用性?衡量“用戶體驗”的指標和要素是什麽?如何理解“可用性”?

(3)線框、原型和視覺草圖的區別是什麽?使用場景是什麽?

線框:

低保的真實畫面通常用“黑白灰”線條表現,制作速度快。

原型圖:

高保真圖像可以代表最終產品,並用於利益相關者之間的交流。

視覺手稿:

高保真圖像,具有良好的視覺效果。

在大多數公司中,產品經理和用戶體驗設計師之間沒有明確的界限,妳甚至可以將他們視為同壹性質的角色。

產品經理在開發工程師、系統功能、視覺設計、用戶、業務邏輯、項目經理和投資者之間“斡旋”,以協調資源並促進產品開發。作為產品經理,我們必須深入了解利益相關者的視角(他們真正想要的是什麽),並與他們密切溝通,從而創建無障礙的協作環境,並在可控範圍內推動產品的發展。

作為產品經理,我們必須全面地表達許多不同的信息,而這些信息往往相互矛盾或沖突。我們不僅要熟悉業務流程,還要了解技術約束和資源約束,了解用戶體驗對軟件程序性能的影響,並反復做用戶研究和數據分析。我們應該在混亂的多條件模式中找到壹個至關重要的平衡,並創造最佳可行的用戶體驗。

事實上,任何工具都只是實現產品目標的手段。Axure也只是壹個工具。工作中最重要的元素不是這些工具,而是妳和妳的思想。

1,Axure工作臺上常用功能區的劃分

菜單欄、工具欄、站點地圖、部件面板、主面板、部件交互和註釋面板、部件屬性和樣式面板、部件管理面板、頁面屬性面板(包括三個選項卡:頁面註釋、頁面交互和頁面樣式)。

視圖》重置視圖

,您可以重置Axure工作臺。

(1)

站點地圖

:用於在原型中添加、刪除和組織頁面。

(2)

組件面板

:用於管理Axure內置組件庫、第三方組件庫和自定義組件庫。

2.Axure常用的內置組件有哪些?

線框由壹系列組件組成,與前端頁面相同。該頁面由壹系列UI組件組成。不同的零件具有不同的功能屬性,因此在繪制原型的過程中應適當選擇這些零件。

3.可以在Axure零件上執行哪些操作?

4.頁面風格的常見操作有哪些?

5.Axure中的交互基礎

在Axure中創建

互相地

互動需要包括以下三個組成部分,即:

事件

事件、

用例

案例、

行為

行動。交互由事件觸發,事件用於執行動作;交互設計的目的是將靜態元素轉化為動態元素,從而提高產品的用戶體驗。

Interaction是Axure中的壹個構建塊,用於將靜態線框轉換為交互式HTML原型。每個

互相地

由三個基本單元組成,即

何時何時(事件)

哪裏哪裏(使用案例)

做什麽(動作)

(1)

事件(時間)

:互動是什麽時候發生的?互動由事件驅動。Axure中的事件可以分為兩類,壹類是頁面事件,另壹類是組件事件。壹個事件可以包含多個用例,多個用例根據條件判斷決定執行哪個用例路徑。

(2)

用例案例(其中)

用例是用戶與應用程序或網站之間交互過程的抽象表達,每個用例可以封裝壹個獨立的路徑。通常,我們讓原型根據主路徑執行操作,但為了響應用戶的不同操作或其他條件,我們需要制定替代路徑來執行其他操作。Axure中的用例用於為事件創建不同的執行路徑。

壹個事件可以包含壹個或多個用例(使用多個用例時應根據條件邏輯判斷執行情況),壹個用例包含壹個或多個操作。事實上,您可以將用例視為動作的容器。

(3)

行動行動(什麽)

動作是對用例定義的事件的響應。Axure中的動作分為六類,即鏈接、元博客、變量、中繼器和雜項。

如何用axure繪制app原型?多學多練。

畫出原型後,

1.下載Axure

2.如果是針對itouch或iPhone,則更容易做到。直接用320×480的分辨率畫輔助線,然後畫原型。

3.當您按F5生成原型時,您可以在“手機/設備”選項中設置適合移動設備的特殊原型。

4.設置說明見下圖:(頁面大小顯示我的設置為320×480,默認不縮放)。

5.使用您的移動設備訪問您生成的原型鏈接(如本地服務器或Dropbox主機)。

6.為此頁面創建桌面快捷方式。7.完成(帶有圖標和閃屏)

另外:做鼠標動作或者復雜的頁面交互比較麻煩,不推薦。盡量簡潔。