此外,本作還包含各種常用的移動組件如宮殿導航、日歷、復讀機、表單、操作面板、圖表、卡片等。,可以直接復制或拖動到項目中使用。對於初學者來說,它也是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.完成(帶有圖標和閃屏)
另外:做鼠標動作或者復雜的頁面交互比較麻煩,不推薦。盡量簡潔。