實例學Axure7.0簡約教程

實例學Axure7.0簡約教程

　　您對實例學Axure7.0簡約教程了解多少，下面我們一起來了解一下吧。

　　Axure7.0實例操作-模仿百度首頁

　　首先我們要知道Axure是產品經理、原型師經常使用的原型設計工具，能快速地把自己想要的方案展示出來，給程序、美工參考。加快產品開發進度及工作效率，彌補了返工重做的機率。

　　我們打開Axure，把我們想要的產品方案以圖文和清晰的邏輯關系表達出來。

　　因為我們這里是快速學習的一個教程，所以我們就參照百度首頁的布局打造一個Axure的原型方案。

　　左上角以4個文本及小圖標表示天氣狀態，右上角是用戶名、搜索設置、傳統首頁的3個文本標簽。下面我們就用Axure先把這7個文本及1個圖片實現。

　　拖進工作區7個文本標簽及1個圖片標簽，并按下圖的方式排列好。

　　再加入百度首頁的圖片bdlogo，并填加圖片陰影。

　　然后我們再做搜索框的相關內容，填加9文字標簽，1個矩形輸入框，1個矩形按紐。工具箱里的工具很多，如果要熟悉，需要多次操作幾次。如下圖設置：

　　拉動工具箱的滾動條向下拉，找到button，并雙擊編輯按紐的文字。

　　最后把百度下面的相關內容加入到網頁面底部即可。需要一個播放器，一個圖片和若干個文本。這里就不一一演示。相信你已經學會基本的網頁面的造型設計及相關簡單的網頁布局設計了。期待你的設計方案更精彩。

　　最后看一下整體的效果：

　　如下圖，按F5進入頁面預覽，看一下我們的原型效果吧。

　　最后預覽的效果會在瀏覽器中打開。Axure是最適合做網頁策劃、頁游策劃及各類網頁產品經理的原型利器。希望你能學的更快更好。謝謝!

【實例學Axure7.0簡約教程】相關文章：