主流原型設計工具“Axure”的簡要介紹及簡單使用示例


目錄:

前言

Axure簡介

  Axure軟件界面簡介

  Axure簡單使用——登錄界面

Axure優缺點

總結

前言

  由於所學課程的需要,不得不使用一些原型設計工具,因此在大致了解市面上存在的原型設計工具之后,本着與大家共同學習一起進步的初衷,決定寫這樣一篇博文簡單的介紹一款使用相當廣泛的原型設計工具“Axure”。下文所述與圖片皆以Axure RP 9為例。附下載鏈接https://www.pmyes.com/thread-35500.htm,網頁中也有漢化的全部教程,以下不在贅述有關軟件安裝破解相關內容。若想了解更多教程可訪問https://www.axure.com.cn/axure/

Axure簡介

  Axure是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。Axure的使用者主要包括商業分析師、信息架構師、產品經理、IT咨詢師、用戶體驗設計師、交互設計師、UI設計師等。

  目前全球有財富1000大的公司和重要機構在使用Axure,國內的淘寶、雅虎、騰訊、當當等公司的產品經理也都在使用。

一、Axure軟件界面簡介

  Axure的軟件界面總的來說,可以分為6大模塊,如下圖所示:

(1)菜單欄

  主要包含文件、編輯、視圖、項目、布局、發布、團隊、賬戶、幫助這8個常見選項,他們包含了該軟件幾乎所有的常用操作,下面對其他模塊的介紹中會主要說明。

(2)工具欄

  工具欄可分為一般的基礎工具欄與樣式工具欄。其中基礎工具欄包含剪切板、選擇模式、連線工具等操作;樣式工具欄主要是對元件樣式的管理,以下詳細說明:

  基礎工具欄

  剪貼板:對元件的剪切、復制、粘貼;

  選擇模式:包含選擇、相交選擇;

  連線工具:用於連接元件;

  插入:繪畫、矩形、圓形、線段、文本、圖片、形狀;

  點:編輯形狀的頂點;

  頂層:將元件至於頂層;

  底層:將元件至於底層;

  組合:將多個元件組合成一個整體;

  取消組合:將組合拆散;

  縮放:縮放比例支持10%、25%、50%、80%、100%、150%、200%、300%、400%、800%、自定義縮放比列;

  分布:水平左側、居中、右側,垂直頂部、中部、底部,水平平均分布、垂直平均分布;

  預覽:用瀏覽器預覽HTML原型效果;

  共享:將原型文件上傳至Axure雲端;

  賬號:登錄、退出Axure雲端。

  樣式工具欄

  管理元件樣式:自由靈活設置各類型元件的樣式,包含顏色、字體、字號、邊框、對齊、填充、透明度、陰影等。

  文字:字體、字重、字號、文字顏色、加粗、斜體、下划線、項目符號;

  文本對齊方式:左對齊、左右居中、右對齊、兩端對齊、頂部對齊、上下居中、底部對齊;

  元件:背景色顏色、陰影設置;

  邊框線段:粗細、演示、虛線、箭頭;

  位置大小:元件X軸、Y軸、寬度、高度,寬高比鎖定控制。

(3)工作區

   工作區也就是我們操作區域、操作邊界,所有的元件操作應用都基於工作區進行。

(4)頁面/概要欄

頁面欄主要用於顯示當前RP文件的所有頁面,同時管理RP文件的增刪查改。

概要欄是對當前工作區所有元件管理,可以控制全部元件是否在此欄中展示。

(5)元件/母版欄

元件欄自帶默認元件(包括基本元件、表單元件、菜單、表格等)、流程元件、icon元件、同時通過元件面板管理外部元件庫,對元件經行導入、移除、編輯等操作。

母版欄主要用於管理母版元件的增刪查改。母版可以簡單理解為公用元件模板,母版改變會將項目中所有相同元件的樣式全部改變。

(6)樣式/交互/說明欄

  樣式欄包含元件樣式與頁面樣式。

  交互欄包含頁面交互、元件交互(事件交互與樣式交互)。其中樣式交互代表:鼠標懸停、選中等操作;事件交互代表:單雙擊,鼠標移動等操作。

  說明欄主要用於對元件進行注釋。

二、Axure簡單使用——登錄界面

  通過制作一個簡單的登錄界面進而介紹Axure部分基礎操作。

  1.制作一個登錄界面

  (1)新建一個Page,改名為登錄界面

  (2)在元件中選擇矩形框並調整至合適大小,並繼續添加圖片元件、按鈕、文本框等元件使得其有一個登錄頁面的樣子

   (3)增加細節,插入圖片,增加文字,改變元件顏色,形狀等,對已有頁面進行美化。

  這里主要對文本框文字進行編輯后設置字體大小為24px,透明度50%,字體為斜體,圓角40,格式居中;登錄與注冊按鈕進行編輯,改變填充顏色,字體大小為24px,字體顏色為白色,格式居中,圓角20;並增加了軟件名稱。

  (4)交互設計

  在進行交互設計前,我們先需要在添加兩個頁面:用戶主界面與注冊界面,因這不是主要內容就一切從簡了,如圖。

   然后,點擊登錄按鈕,在右邊交互欄中選擇新建交互,選擇自己需要的方式,這邊選擇單機時,選擇打開鏈接,選擇用戶主界面。

   對注冊按鈕進行相同的操作,在最后的選擇頁面后,在更多選項后選擇彈窗。

   這樣就一個簡單的登錄界面就制作完成了,當然Axure的功能強大遠不止這點能耐,其還能做出更多甚至完全無法想象的功能,作為一個介紹文就不多贅述了。最后點擊預覽就可以看觀看你的項目啦!!!

 

Axure優缺點

Axure優點:

  Axure主打“自由”這個關鍵詞,無論從控件、素材等,可以通過Axure設計出成千上萬種動態效果。

  Axure支持windows與mac雙系統。

  Axure擁有強大的編輯功能,可以將常用的交互和組件打包,自行制作素材庫。

Axure缺點:

  Axure低版本不能打開高版本的文件。

  Axure不是一個免費的軟件。

  Axure雖然功能強大,但其一部分功能想要精通並不簡單,同時其素材往往需要在網上進行尋找。

總結

  Axure作為一款老牌的原型設計工具,其擁有的功能是相當強大的,但也正是因此其操作難度相對較大,這點與以操作簡單著稱國產原型工具“墨刀”是相差甚遠。同時Axure沒有自己的素材庫,需要用戶通過第三方網站自行尋找,墨刀則在這一方面略勝一籌。總的來說,針對不同需求,諸如Balsamip等軟件都有自己的一計之長。Axure只是滿足了大多數人的需求,應運而生,其當然也存在諸多缺點,因此,在選擇原型工具時,應當選擇適合自己項目的工具,而非人雲亦雲。

2020-05-20

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM