當前位置:生活全書館 >

IT科技

> 基本操作 介面原型建立工具Axure使用教程之一

基本操作 介面原型建立工具Axure使用教程之一

通過介面原型與使用者溝通,可以起到事半功倍的效果。那麼怎麼使用介面原型建立工具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張
  • 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/dianzi/gr2821.html