目錄:
前言
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