網頁交互原稿製作流程
1、利用Photoshop、九點切圖等軟件將網頁圖片進行切片；
2、利用Markman測量標註工具或Photoshop等軟件查看圖片文本等參考數據；
3、在Axure中進行排版製作。
設計稿標註測量工具 Markman
1、工具組：
2、功能介紹：
1、長度標記 快捷鍵：[L][1]
2、座標標記 快捷鍵：[P][2]
3、 顏色標記 快捷鍵：[I][3]
4、文字標記 快捷鍵：[T][4]
5、移動工具 快捷鍵：按住空格鍵
交互設計軟件 Axure
1、軟件簡介
2、界面介紹
3、各工具的使用及其屬性設置
4、簡單操作：
4.1 母板製作：框選需製作成母版的內容——鼠標右鍵轉換爲母版——拖放行爲：
任何位置：可以拖動到應用頁面的任何位置，但拖動到頁面之後隨母版改變而改變；
鎖定到母板中的位置：拖動到應用頁面之後位置跟母版位置一致並鎖定不能改變；
從母版脫離：可以拖動到應用頁面的任何位置，並從母版脫離，不隨母版的更改而更改。
4.2 母版應用：將選中的母版直接拖動到應用的頁面
母版的更改：雙擊任何頁面和模板相聯的模板應用。
5、動態面板製作
1.拖動動態面板至頁面中【或選中想要轉爲動態面板的內容——鼠標右鍵轉換爲動態面板】
設置基本屬性和樣式
雙擊動態面板畫框——添加面板狀態——雙擊動態面板狀態管理的狀態即可繪製或更改。
[一個狀態即一個轉換時的畫面]
6、關於事件：
6.1 添加事件：
選中需添加時間的元素——部件交互和註釋——添加用例——在用例編輯器中添加動作——設置動作參數
6.2 多個事件組合使用，注意各事件之間的邏輯關係。
6.3 圖像熱區【用於添加事件，不會對頁面佈局產生影響】