自我學習Python一段時間,大齡轉行某公司后,意外從測試崗位轉為需求分析和原型設計工作.在使用Axure過程中,發現現有版本均較老,因而在自我學習過程中,借助其他人員8.0過程中,作出此次Axure 9.0的使用經歷,以便后期小伙伴參考.
1.Axure的軟件界面說明:
軟件包含: 菜單欄/工具欄/網頁地圖/元件區域/母版區域/頁面區域/部件屬性.等幾大模塊.
現在,對各個模塊的主要功能開展講解:
1.1 菜單欄
在菜單欄中,我們先快速了解下,原型圖作出后,如何在瀏覽器中顯示,可點擊 "發布"→"預覽",如果想指定瀏覽器,可選擇"預覽選項".進行瀏覽器,播放器兩塊進行設置,在此選擇默認360瀏覽器.
錯誤如下圖:
1.2 網頁地圖
網頁地圖,顧名思義就是即將呈現在網頁上的各級目錄地址,各個地址名稱均有自己頁面.例如將網頁地圖命名完成后,如下:
選擇"發布"→"預覽" 將出現以下效果
1.3 元件區域
元件,是我們開展原型圖設計的主要基礎素材,與之相對於的是主部件區域.
元件一般分為三種類型 default(大部分設計素材) flow(流程圖 元件 ) icons ( 通訊錄 天枰等 圖標 )
default元件主要包含: 基本元件,表單元件,菜單/表格,標記元件.基本滿足我們日常設計所需素材.
- 基本元件:
方框 圓形 圖片 占位符 按鈕 鏈接按鈕 主要按鈕 一級標題-三級標題 水平與垂直線 文本信息 中繼器 內聯框架 動態面板
- 表單元件:
文本框 文本域 下拉表單 列表框 復選框 單選按鈕
- 菜單/表格:
樹 表格 水平菜單 垂直菜單
- 標記元件:
快照 水平箭頭 垂直箭頭 便簽1 圓形標記 水滴標記
1.4 主部件區域- 母版區域
母版主要是我們重復使用得,可將其設置為母版.加強各個子頁面關鍵位置的統一性.
1.5 頁面區域
頁面區域是我們原型設計過程中,主要活動區域,也是將來生產html時,顯示的區域,放置在此的各類元件,將呈現在網頁上.
它主要包含2個知識點.
- 網格與標尺
網格無處不在,是頁面開展設計工作時的基本坐標
對於具體的元件位置,選中元件后,右側的 頁面屬性 將顯示出該元件的相對位置偏移量.切記X,Y表示的是左上角位置,具體如下:
- 輔助線
主要分為列數與行數, 像素 邊距以及列寬與高等信息.
