什么是Axure?
以下來自百度:
Axure RP是美國Axure Software Solution公司旗艦產(chǎn)品兵睛,是一個專業(yè)的快速原型設(shè)計工具,讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖昭卓、流程圖、原型和規(guī)格說明文檔瘟滨。作為專業(yè)的原型設(shè)計工具候醒,它能快速、高效的創(chuàng)建原型杂瘸,同時支持多人協(xié)作設(shè)計和版本控制管理
為什么要畫原型圖倒淫?
1. 產(chǎn)品經(jīng)理自己用:自己腦袋里面想的細(xì)節(jié)難以完全想清楚,或者想的東西比較多容易遺漏败玉,所以最好是畫出來敌土。?
給團(tuán)隊成員:告訴UI镜硕、交互、開發(fā)返干,我想做這么個東西兴枯,干講是講不清楚的,畫出來Axure圖就是非常具體的參考矩欠。
給用戶或者投資人:快速迭代開發(fā)的時候财剖,要給出原型圖和模型,讓他們確認(rèn)預(yù)期是不是跟我們畫出來的原型一樣的癌淮。
這樣才能更好地設(shè)計產(chǎn)品和談投資躺坟。
常見的原型工具:
Axure、墨刀(移動應(yīng)用原型)乳蓄、Justinmind(移動)
下面以Axure為例講解咪橙,先提供下我網(wǎng)盤下載地址:
https://pan.baidu.com/s/1ch9cWe 提取碼:n7yf
漢化包(包內(nèi)用txt文檔說明,參照做就行):
https://pan.baidu.com/s/1i4FA1Kx 提取碼:ahi6
左側(cè)可以建立層級和App頁面關(guān)系栓袖,如圖所示:
畫好層次結(jié)構(gòu)后匣摘,在首頁右鍵-選擇生成流程圖-并選擇- 向下生成,效果如下:
左側(cè)有一系列控件裹刮,可以將右側(cè)控件拖到畫布里音榜。要看網(wǎng)頁頁面的顯示效果,點(diǎn)擊菜單欄里的運(yùn)行:
根據(jù)需要選取我們設(shè)計原型需要用到的控件捧弃,就組成了原型圖赠叼。
母版 -- 相當(dāng)于模板
導(dǎo)航條或者什么控件,在很多地方都用到违霞,就可以用母版嘴办,減少重復(fù)工作。
母版可以拖到每個控件中去买鸽,母版改動涧郊,子頁面中的『導(dǎo)航條』都隨之改動,非常方便眼五。
交互管理
按鈕拖好了以后按照以下步驟操作妆艘,可以看到瀏覽器載入會顯示一個按鈕,添加按鈕的交互看幼,單擊可以打開忘記密碼頁面批旺,實(shí)際測試OK。與預(yù)期相符诵姜。
當(dāng)然汽煮,除了『單擊』以外,還有鼠標(biāo)經(jīng)過、鼠標(biāo)移出等交互暇赤。
備注
網(wǎng)頁中就可以看到備注的標(biāo)記:
對控件『形狀 名稱』的標(biāo)注有助于后續(xù)交互設(shè)計的時候快速找到相應(yīng)的控件:
很快找到『訂購按鈕』
屬性和樣式中可以設(shè)置:邊框心例、線條、填充翎卓、背景色契邀、圓角半徑等,這個自己玩一下就會了失暴。
動態(tài)面板
先有個動態(tài)面板的概念坯门,具體的設(shè)置教程可以百度一下。
總是通過動態(tài)面板可以實(shí)現(xiàn)調(diào)整以適應(yīng)內(nèi)容逗扒,固定在瀏覽器中100%寬度等古戴。
關(guān)于動態(tài)面板
動態(tài)面板是axure原型制作中使用非常頻繁的一個元件,主要用途就是實(shí)現(xiàn)一些動態(tài)的交互效果矩肩。所以现恼,如果動態(tài)面板使用不熟悉的話,對axure原型的制作會有很大的影響黍檩,那么動態(tài)面板都能做什么呢叉袍?主要有以下幾個方面:
1、? 隱藏與顯示
2刽酱、? 滑動效果
3喳逛、? 拖動效果
4、? 多狀態(tài)效果
以上這些效果都在移動面板的元件屬性里面體現(xiàn)棵里。
提供個鏈接:http://www.woshipm.com/rp/42682.html
頁面控件可以整體設(shè)置對齊方式润文,背景等;
可以選中多個控件設(shè)置間距和對齊方式殿怜;
可以鎖定控件的大小和位置典蝌,防止很多控件的時候誤操作。
還可以控制隱藏和顯示控件头谜。
以上就是基本操作骏掀,再有不會的可以上網(wǎng)百度。