當前位置:法律諮詢服務網 - 企業資訊 - Axure原型圖模板——如何用axure繪制app原型圖

Axure原型圖模板——如何用axure繪制app原型圖

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

此外,這部作品還包含了宮廷導航、日歷、復讀機、表單、動作面板、圖表、卡片等多種常用的移動組件。,可以直接復制或拖動到項目中使用。對於初學者來說,也是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.PageStyle有哪些常見的操作?

5.Axure中的交互基礎

在Axure中創建

互相地

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

事件

事件,

用例

案例,

行為

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

交互是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.完成(帶有圖標和閃屏)

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

  • 上一篇:全球電子商務詳細資料大全
  • 下一篇:世界10最著名珠寶品牌簡述
  • copyright 2024法律諮詢服務網