Axure的介紹與使用
在軟件綜合實踐專題這門課上,王文娟老師要求我們每個人自學一款原型設計工具,並且介紹如何使用。在上個學期,我對於Axure有了一定程度的了解,所以我在這里介紹一下Axure。
一、概述
Axure RP是一款專業的快速原型設計工具。Axure的可視化工作環境可以讓你輕松快捷的以鼠標的方式創建帶有注釋的線框圖。不用進行編程,就可以在線框圖上定義簡單連接和高級交互。在線框圖的基礎上,可以自動生成HTML(標准通用標記語言下的一個應用)原型和Word格式的規格。
二、基本功能
頁面的添加、刪除和重命名
頁面組織排序
控件
添加控件
操作控件
編輯控件風格和屬性
注釋
自定義段
腳注
頁面備注
添加頁面備注
修改頁面備注
交互設計
控件的交互
定義鏈接
設置動作
多個場景
事件
三 、自我學習
1.Axure的安裝登陸
打開Axure安裝包,雙擊安裝。
打開Axure ,點擊enter licence
用戶也可以注冊一個賬號,開始登陸,登陸完畢就可以在Axure中進行操作了。
2. 登陸界面的制作
.將box3拖拽到右邊空白區域,點擊屏幕右邊的style修改背景大小
將image拖拽到右邊,雙擊image可以修改圖片內容
將左邊的相關組件拖拽到相關位置
將textfield拖拽到右邊界面作為賬號密碼的輸入
賬號密碼輸入提示,點擊textfield后再右面hint界面中輸入請輸入密碼
將button按鈕添加到右邊界面,將button內容改為登陸
點擊右上角preview即可預覽
3.導航母版以及列表的使用
在母版區域新 建一個母版“標簽導航”,點擊進入母版,拖入一個矩形組件,按手機屏幕設置高度和寬度。
再拖入一個矩形組件,放在頁面底部,作為標簽導航背景
再次拖入一個矩形,填充為灰色,設置寬度=頁面寬度/標簽數量,命名為 “菜單選中背景”。 然后將其隱藏起來置於底層。
拖入一個圖片組件,作為標簽導航圖標。在圖片下方拖入一個標簽 label,設置好字體大小。將圖片和文字垂直對齊,組合后轉換為動態面板
復制三個相同的組件,均勻 分布在頁面底部的標簽欄上。 修改文本內容為需要的欄目
選中新聞導航動態面板,添加單擊事件OnClick,將“新聞導航”動態面 板置於頂層
在站點地圖上新建頁面 “新聞”、“讀書”、“關注”,在標簽導航母版上右擊,在彈出菜單單擊新增頁面選項,將標簽導航母版導入這三個新建的頁中。
然后預覽,之后是中繼器的使用。在原有的返回界面中拖入一個中繼器(Repeater),並更改它的名字為“讀書列表”
雙擊Outline:Page窗口中的讀書列表中繼器,打開編寫數據集,雙擊單元格輸入
將原有的矩形刪除,拖入一個BOX2作為底色,再拖入一個Label、Heading1和Image,以及添加一條分割線
原有返回界面:
在原有的返回頁面中設置OnpageLoad事件,添加Case1,選擇Set Text,設置Heading1的value為[[Item.bookname]],再選擇Set Image,設置Image的value為[[Item.image]]
原有返回界面中最上面添加Heading1,改為“讀書列表”
預覽及效果
四、Axure的優缺點(與墨刀的比較)
組件方面:
墨刀更有優勢: 墨刀自帶了很多成熟的組件,例如鍵盤,開關,手機模型等
而Axure在這方面稍顯單薄,只有一些基礎元件
交互方面:
墨刀簡單快捷;Axure靈活;各有千秋。 墨刀做交互特別簡單,只要拖動其各種元件右邊的這根線,即可鏈接打開各種頁面;
Axure要做交互,則需要設置各種條件,或者輸入各種用例,通過條件,動態面板狀態,隱藏,切換等功能才能形成交互效果。
有利有弊,雖然操作麻煩一點,但是特別靈活,可以在一個頁面完成各種交互。
個人看法:如果大致粗略制作一下界面的話,墨刀更加的便捷,但是如果要精確地制作原型設計界面的話,Axure能制作的更加精確完美。
五、學習感想
AxureRP作為一款專業的原型設計工具,他可以讓設計師的利用需求,設計功能和界面來快速的創建應用軟件的線框圖、流程圖、原型圖和規格說明文檔,並支持多人同時協作和管理。Axure最大的特色也是與其他設計工具不同的是 :Axure除了能設計出頁面原型表現形式,他還能做出一些交互效果。實現本地交互功能。讓美工和程序員快速理解你要的效果,減少溝通成本。除此以外,Axure能生成一個網頁形式展現的頁面,能更清楚直觀地看到頁面的布局。
Axure RP就其本身而言,其實僅是一個工具,大部分人都可以很快學習並掌握之,但要做出好的原型,會用只是一個最基本要求,關鍵是要有一套良好的原型開發思想,這套開發思想除了要有整體規划之外,還需要充分結合實際業務需求,在理解需求的基礎上進行開發。在動手進行正式的原型開發之前,一定要結合實際需求及已開發過的類似系統做好原型的框架規划,包括原型整體風格、色調、布局、展現形式等。通過這一段時間學習Axure,我現在也只是學了個皮毛大概,很多功能還值得我去探索。但是我漸漸產生了一個整體框架的思想,這對於我以后開發app整體界面構架設計有着很大的幫助。