留言

技能學堂

技能學堂 | Axure原型設計工具基礎操作
來源:本站 發布時間:2018-05-18

本期我們邀請到軟件部王志霄爲大家帶來《Axure原型設計工具基礎操作》主題講座。

作爲軟件部最具朝氣的形象代言人,對本職工作兢兢業業,注重個人成長;工作成績進步大,業績發展迅速,從而在工作中收到良好效果;借此機會幫助大家針對一些技能的充電。

做事嚴謹認真的她,對此次課程也進行了周密的安排。聽過培訓的同事們對課程內容更是好評如潮~

Axure RP工具的用途和受衆

Axure RP是一個專業的快速原型設計工具,其主要功能是讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或者web網站的線框圖、流程圖、原型和規格說明文檔。

Axure RP的使用者主要包括産品經理,用戶體驗設計師,交互設計師,需求分析師等。

原型設計的要求

目前我們原型設計最基本要求就是畫出帶有交互設計的線框圖,也就是我們常說的低保真圖,讓用戶、美工、開發人員能清楚的知道我們想要表達的意思。


▲原型效果圖


認識Axure的界面及基礎操作



▲軟件界面

元件庫默認分爲基本元件、表單元件、菜單和表格、標記元件四類。元件庫中的元件可以自已創建,也可以直接從外部導入。

圖片元件:該元件單獨分爲一類,是因爲只有它可以從外部導入圖片。

本文元件:文本元件單獨分爲一類,是因爲文本本身沒有邊框,生成原型之後也沒有,且文本的高度不可以改變。

矩形類元件:包含矩形元件、占位符和圓角矩形三個,之所以三個歸爲一類,是因爲三個之間可進行轉換。

動態面板:在動態面板中可以實現動畫效果,動態面板的實質就是層,一個動態面板可以有多個狀態;正是因爲它的存在實現了同一區域狀態的變化。

直線類:包括垂直線和水平線,垂直線和水平線可以通過調整傾斜角度進行轉換。

圖片熱區:它的作用也非常獨特。熱區和動態面板的顔色一樣只是大小不一致。

文本框類:包含單行文本框和多行文本框。區別很明顯,單行還是多行。

列表框類:包含下拉列表框和列表選擇框,二者的不同點是一個是下拉一個直接呈現。

選擇類:選擇類包含單選框和複選框兩類,一個是單選一個是複選。注意想要實現單選按鈕的單選需要提前指定單選按鈕組,選中元件,右鍵編輯內容找到指定單選按鈕組即可。

按鈕:按鈕是形象上的獨特和唯一。

內部框架:內部框架可以內生成視頻或者網頁。

表格:表格可以由矩形來搭建,如果你需要合並居中處理的話,用矩形會更加方便處理,Axure不具備合並表格的功能。

菜單類:包含橫向、縱向和樹狀菜單。

常見交互效果的演示

選項卡、內聯框架、手機縱向橫向滑動、閃爍、消息窗口、彈窗的演示。


本期課程王志霄帶領大家了解Axure原型設計工具基礎操作、熟悉了Axure RP工具的用途和受衆、掌握了Axure的界面及基礎操作,對Axure原型設計工具有更深入的認知。在完成一個項目時,建立一個原型模型不僅使我們邏輯思維、想法的全面展示和驗證,同時也使得項目開發過程更加順利。