1. 如何部署Axure原型進行在線協同工作
在日常的工作中,大部分產品經理都是直接將Axure原型打包發給技術、UI、測試等相關人員。對於技術、UI或者測試這些類型的人來說,直接安裝和火狐瀏覽器或者安裝個谷歌瀏覽器插件就能打開了,並不會有很大問題。如果想要更好地協同工作的話,也可以在區域網搭建一個SVN(版本管理工具)來工作,或者在產品經理自己的電腦本地,直接安裝Web服務就可以搭建起來,把地址給技術、UI或者測試就可以了。然而,我們在真正進去開發階段之前,有時候需要領導先行確認才能投入開發。而這就可能出現領導出差或者多地辦公的情況,這樣就不能按照以上方法來做了。
這時候,或許有的同學會想到Axure官方提供的AxShare。把原型發布到AxShare上面就能夠在線查看了。這樣做沒毛病,就是速度太慢了,領導根本就無法忍受這樣的載入速度。AxShare是國外的伺服器,在國內打開特別慢。業內也有一些公司嗅到了這樣的商機,提供了國內版AxShare(非Axure官方)、某產品*牛的原型託管、還有一個個人論壇也提供了原型上傳(自動生成在線瀏覽的網址)。直接使用這些機構所提供的服務也是一種辦法,但是我個人不太贊同這樣做。首先,這些服務都是收費的;其次,不安全,容易出現原型泄露的情況(這可是公司機密呢)。特別是某個人論壇(不點名),需要直接上傳原型的源文件。
總結一下上面提到的幾種方式:①打包發送,直接打開;②區域網共享;③搭建本地網站服務,通過本地地址在區域網內分享;④AxShare在線分享;⑤第三方原型託管方式(國內AxShare、某產品*牛原型託管、某個人論壇原型託管服務等);⑥自建在線分享(可以是自己的空間伺服器或者公司的伺服器,建議公司的伺服器)。
下面說一下第③⑤這兩種方式。這兩種方式其實是一樣的,只是前者是在區域網中分享的,後者是在公網(互聯網)在線分享的。
搭建本地網站服務,可以通過安裝微軟自帶的IIS網路服務,也可以通過第三方軟體來實現。直接安裝IIS雖然也不難,就是擔心一些對技術完全不了解的童鞋把自己搞混,所以這里推薦使用第三方軟體來進行傻瓜式操作(這個操作也可以用於以後研究系統產品、後台產品)。我常用的網路環境搭建的第三方軟體是——PHPStudy.用這個軟體,主要是能夠傻瓜式地搭建本地PHP環境。
軟體安裝好之後,建議重啟一下PHPStudy中的服務,然後把生成的Axure原型放到「www」文件夾中(默認路徑是:D:/phpstudy/www)。原型的文件夾建議使用英文或拼音命名,避免出錯。然後通過ip地址進行訪問就可以(xx.xx.xx.xx/你的文件夾名/start.html),該地址可以在區域網內訪問。這個時候,你的電腦就相當於一個小型的伺服器。如果想要直接使用域名來訪問的話,可以通過host重定向來綁定域名(非購買的真實域名),如果想要區域網內的其他夥伴也可以通過域名訪問你的原型,則需要在他們的電腦上做host重定向來綁定你的電腦ip。
本地搭建網路環境只能供區域網內的相關人員查看,並不能在線訪問。如果將本地換成能夠提供公網訪問的伺服器或者虛擬主機,那麼,原型也就能夠在線查看了。這里的重點就是「伺服器或虛擬主機」,如果想要域名訪問,也還需要申請購買真正的域名。
自己申請一個虛擬主機或者使用公司的伺服器,也就是相當於搭建一個網站,把原型的Html文件放到這個主機來,再通過域名解析來綁定域名,就可以通過域名來訪問了(訪問地址——http://你的域名/文件夾名/start.html)。後續可以通過FileZilla等FTP管理工具來上傳文件或者刪除文件了。
2. 如何學習使用 Axure
以我自己為例,回答下這個問題,接觸Axure到熟練製作原型大概也就半個月的時間:
第一階段:熟悉Axure的基本用法
當時從網上下了一個 Axure實用實例合集的原型PR文件,忘了是不是官方出的,題主可以下載:axure實用實例.rp_免費高速下載,裡面對Axure常用各個部件和常見交互實現都有說明,看懂裡面的實現方式,基本就知道怎麼用Axure了。
第二階段:用Axure畫原型表達自己的想法
知道工具的使用規則,如何合理的運用,其實每個人都可以有不同的方式。比如需要策劃一個網站,拿主頁來說,先提煉出這一頁需要放哪些元素,比如:banner、導航、熱點推薦、頻道推薦、圖片列表等,那就先用axure把這些元素表達出來,什麼位置什麼大小,然後考慮需要做交互的元素,把它變成動態面板什麼的,可以嘗試實現一些比較簡單的交互,不會或實現不了的直接在頁面上用文字說明就行,這就是所謂的⎡線框圖原型⎦。
原型就是為了讓RD快速了解你的需求嘛,達到目的就行~
第三階段:用Axure製作高保真原型
⎡高保真原型⎦不是給UI或者RD看的,一般是為了讓老闆/客戶能更好的理解你要做的產品,給他們一種更直觀的感受,讓他們能夠快速決策是不是要做。
高保真原型需要你有一定的PS功底,不會PS的讓設計師根據你的線框圖幫忙畫也行⎡機智的我一般直接拿競品或類似產品的截圖來改,超級省時間⎦,總之要好看,有色彩有交互。
基本上Axure可以實現大多數你見過的交互,這個題主可以多研究下⎡動態面板⎦和⎡變數⎦的使用,復雜的交互實現起來需要嚴謹的邏輯,一般要多考慮層級、變數條件和觸發條件。遇到自己不知道如和下手的交互,就到網上找實例,看看別人怎麼做的,看得多了就通了,其實原理就一個:通過觸發條件響應事件,後面就沒有什麼交互能難倒題主了,當然有些交互用Axure實現成本比較高。
題主可以下載鄙人12年做的一個高保真原型:haiwai_new.rp_免費高速下載 摸懂了交互就不在話下了。
第四階段:不局限於Axure工具
畫原型的作用不僅僅是快速傳遞需求,表達想法。其實畫原型也是產品經理驗證自己想法的一種方式,你在實現原型的時候可能會發現自己沒有考慮全或者想法有錯誤的地方,這樣解決完以後就能避免在開發過程中遇到這些問題。
不過不一定非要用Axure,畫圖、excel、手繪等都能實現原型,就像楊過學習獨孤前輩的劍法,從巨劍、鐵劍、木劍到最後的無劍,掌握了思路和核心,功力到了,隨手的都是工具。
3. 如何快速學習axure
1. 先看基礎的學習資料,知道Axure和Visio是什麼能做什麼,不要花太多時間。推薦章魚計劃的第二課《線框圖Axure和Visio》美團網章魚計劃
2. 親手去做。這個階段可以去找幾個靜態網頁模仿一下,知道怎麼用控制項。不懂的網路或者Google。
3. 實現一些交互。例如:把http://weixin.qq.com的首頁用Axure臨摹一遍,很多技巧和功能你也就熟悉了。不懂的繼續上網問。
4. 夠用就好。切勿沉溺於設置各種復雜的交互。,明白產品、交互、視覺在設計上的側重點
4. axure如何做出類似百度經驗頁面的左側步驟欄的那種效果
axure做出類似網路經驗頁面的左側步驟欄的效果,步驟:
1、製作頁面
為了體現效果,需要做一個比較長(高)的頁面,在Axure工作區中拖入4個矩形,分別為頂部標題、菜單、頁面內容、底部。設置矩形寬度和高度,讓其看起來像是一個頁面布局;
2、製作隨頁面滾動的標題
為了讓效果更加明顯,將標題進行區別設置,設置矩形背景色為黃色,也可以通過設置其他屬性來進行區別。將標題命名為「標題1」;
3、製作固定的標題
滾動中固定在頂部的標題並非頁面上的標題,是單獨製作的。復制「標題1」,將復制的標題命名為「標題2」,設置「標題2」x坐標等於「標題1」的x坐標,y坐標等於0。修改「標題2」背景色為藍色;
4、製作固定的標題
右鍵單擊「標題2」,點擊「轉換為動態面板」,將動態面板命名為「固定菜單」,在元件屬性與樣式中點擊「固定到瀏覽器」勾選「固定到瀏覽器窗口」,完成後隱藏動態面板;
5、製作固定錨點
在工作區中拖入一個動態面板,設置其x和y坐標等於0,調整其寬度和高度分別為60和20,將動態面板命名為「固定錨點」,設置其固定到瀏覽器;
6、製作滾動錨點
在工作區中拖入一個熱區,設置其x坐標等於0,y坐標等於「菜單1」的y坐標加上固定錨點的高度,設置其寬度等於固定錨點的寬度,高度直接拖動到頁面底部,命名為「滾動錨點」;
7、設置交互
打開頁面交互面板,雙擊「窗口滾動時」事件,添加條件「元件范圍 滾動錨點 接觸到 元件范圍 固定錨點」,確定,設置動作為「顯示 固定菜單」。繼續在「窗口滾動時」事件上添加動作,添加條件「元件范圍 滾動錨點 未接觸 元件范圍 固定錨點」,確定,設置動作為「隱藏 固定菜單」;
8、預覽效果
5. 如何使用axure進行發布,預覽
方法
1、首先 運行 Axure RP pro 7.0
2、然後正常的進行簡單的原型設計
3、然後在上方導航欄找到 「發布」 點擊發布
4、展開菜單 選發布,這時您製作的原型就可以在電腦的瀏覽器中預覽了,並且可以展示相應的交互過程
5、也可以發布到Axure的伺服器端,點擊 發布到Axure share
6、如果有賬戶直接登錄點擊發布即可,如沒有可登錄Axure中文官網注冊即可登陸發布,當然為了安全,發布時還可以加密哦!
7、發布成功後,系統會給你一個訪問鏈接,只要發給你的領導或者小夥伴們,就可以啦
6. 如何將自己做的AXURE模型生成的HTML頁面發布到互聯網
具體操作步驟如下:
1、首先,打開Axure軟體,並打開要處理的文件,然後點擊上方菜單欄中的發布-生成HTML文件,如下圖所示,然後進入下一步。
7. 如何將Axure原型生成一個鏈接給他人訪問
如果要這樣的話,你就需要把你自己生成好的html頁面,發布到伺服器上,形成web網站,也就是發布到網站上,再配一個域名(沒有域名一個ip地址也行),然後把這個域名或ip發給對方
8. 如何把Axure原型發布到網上
如果要這樣的話,你就需要把你自己生成好的HTML頁面,發布到伺服器上,形成WEB網站,也就是發布到網站上,再配一個域名(沒有域名一個IP地址也行),然後把這個域名或IP發給對方
9. axure怎麼學
Axure相對於其它編程軟體比較好學。
首先找一些入門的教程,了解下元件的最基礎用法,如動態面板/中繼器/函數的使用過程。
進階的話就要考慮布局,母版,元件庫如何使用了,然後再多多看別人的一些案例,與大家交流。如Axure官網論壇、Axure工坊、Axure貼吧的一些作品。從中可以學會菜單、導航、交互動畫製作等,並掌握美化的技巧,在配色、陰影、漸變上下功夫,爭取能自己做出一款高保真原型。