- 相關(guān)推薦
實例學(xué)Axure7.0簡約教程
您對實例學(xué)Axure7.0簡約教程了解多少，下面我們一起來了解一下吧。
Axure7.0實例操作-模仿百度首頁
首先我們要知道Axure是產(chǎn)品經(jīng)理、原型師經(jīng)常使用的原型設(shè)計工具，能快速地把自己想要的方案展示出來，給程序、美工參考。加快產(chǎn)品開發(fā)進度及工作效率，彌補了返工重做的機率。
我們打開Axure，把我們想要的產(chǎn)品方案以圖文和清晰的邏輯關(guān)系表達出來。
因為我們這里是快速學(xué)習(xí)的一個教程，所以我們就參照百度首頁的布局打造一個Axure的原型方案。
左上角以4個文本及小圖標表示天氣狀態(tài)，右上角是用戶名、搜索設(shè)置、傳統(tǒng)首頁的3個文本標簽。下面我們就用Axure先把這7個文本及1個圖片實現(xiàn)。
拖進工作區(qū)7個文本標簽及1個圖片標簽，并按下圖的方式排列好。
再加入百度首頁的圖片bdlogo，并填加圖片陰影。
然后我們再做搜索框的相關(guān)內(nèi)容，填加9文字標簽，1個矩形輸入框，1個矩形按紐。工具箱里的工具很多，如果要熟悉，需要多次操作幾次。如下圖設(shè)置：
拉動工具箱的滾動條向下拉，找到button，并雙擊編輯按紐的文字。
最后把百度下面的相關(guān)內(nèi)容加入到網(wǎng)頁面底部即可。需要一個播放器，一個圖片和若干個文本。這里就不一一演示。相信你已經(jīng)學(xué)會基本的網(wǎng)頁面的造型設(shè)計及相關(guān)簡單的網(wǎng)頁布局設(shè)計了。期待你的設(shè)計方案更精彩。
最后看一下整體的效果：
如下圖，按F5進入頁面預(yù)覽，看一下我們的原型效果吧。
最后預(yù)覽的效果會在瀏覽器中打開。Axure是最適合做網(wǎng)頁策劃、頁游策劃及各類網(wǎng)頁產(chǎn)品經(jīng)理的原型利器。希望你能學(xué)的更快更好。謝謝!
【實例學(xué)Axure7.0簡約教程】相關(guān)文章：
Axure交互實例教程07-19
Axure常用交互實例教程09-12
Photoshop文字實例：晶亮文字教程04-09
C語言循環(huán)控制實例教程06-05
用實例介紹通道摳圖的PS教程05-07
AxureRP動態(tài)面板交互設(shè)計實例教程08-06
C語言教程實例：1到100求和10-05