關閉→
當前位置:知科普>IT科技>基本操作 - 界面原型創建工具Axure使用教程之一

基本操作 - 界面原型創建工具Axure使用教程之一

知科普 人氣:1.13W
通過界面原型與用户溝通,可以起到事半功倍的效果。那麼怎麼使用界面原型創建工具Axure,教程如下;

材料/工具

Axure

方法

啟動Auxre

界面原型創建工具Axure使用教程之一:基本操作

點擊頁面、右鍵可以修改頁面的名字可以刪除,複製(duplicate),移動頁面

界面原型創建工具Axure使用教程之一:基本操作 第2張

點擊保存按鈕,保存為設計文檔,後綴為.rp。

界面原型創建工具Axure使用教程之一:基本操作 第3張

頁面上放置了5種控件:
(1)文本(text panel)控件:作為靜態文本顯示。
(2)圖片控件:image,在頁面上,右鍵選擇 Edit image-->Import image可以插入具體的圖片。
(3)矩形控件:通常用來進行界面分割,但也可以很多其他用法,比如tab頁面的標籤,
(4)文本框:需要輸入內容的文本框,最常用的一個控件;
(5)按鈕:系統中需要執行某些命令時使用,例如提交內容,計算等。途中右上角的1表示這個按鈕上有一個事件

界面原型創建工具Axure使用教程之一:基本操作 第4張

控件直接的對齊,你可要通過輸入控件的位置數據來控制,也可以把多個控件選中,然後點擊工具欄上的對齊命令(按鈕),對齊控件。

界面原型創建工具Axure使用教程之一:基本操作 第5張

完成這個簡單的頁面後,可以生產HTML頁面了,點擊Generate-->prototype,打開對話框如圖:
左邊選擇默認,選擇生成頁面的目錄,點擊Generate按鈕,生成HTML頁面,並打開使用IE打開第一頁

界面原型創建工具Axure使用教程之一:基本操作 第6張

保存原型,點擊Exit退出Axure。

界面原型創建工具Axure使用教程之一:基本操作 第7張
TAG標籤:#Axure #界面 #基本操作 #