關閉→
當前位置:知科普>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 #