原型設計Axure的基本使用


Axure是一款專業的原型設計工具, 讓負責定義需求設計;功能和界面的人員能快速設計出所需產品,其中不僅包含了對軟件產品的界面,交互邏輯的原型設計,還包含了流程圖;web網站的線框圖,並且能導出說明文檔。
首先介紹以下Axure界面
頂部的一般就是我們的菜單,左部是設計的界面,左下方是元件庫,里面有我們需要的大部分控件和圖標,其中還可以自定義組件,中部最大區域就是我門的設計界面,右邊是用到的組件的所有屬性,交互事件,和自定義說明
 
比如我們要設計這樣的界面:
這是最簡單的列表界面,其中最重要的莫過於展現數據的table,我們可以用table畫出這個list,但是table沒有交互效果,他是靜態的,想達到點擊刪除便少一行的效果我們就要用到Axure的中繼器組件,對列表的交互效果一般都是用它來實現。
從右邊拖出一個中繼器
雙擊中繼器,給每一列自定義名稱。
點擊右邊的屬性
 
添加完數據后
 
此時還沒有綁定數據到中繼器上。
點擊每頁加載時
 
綁定數據:
 
再看中繼器已經有數據了
 
我們需要點擊刪除,便刪除當前行的效果:
點擊菜單上的預覽
 
瀏覽器中的呈現效果:
點擊刪除便會刪除所在行
導出文檔的功能:
點擊發布-->生成word說明書
可以選擇所要生成的說明列表,點擊生成即可生成文檔
 
 
 
 
 
 
 
 
 
 
 
 
 


免責聲明!

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



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