① 如何使用Axure高效完成高保真原型
工作經歷前期工作
頁面邏輯梳理
利用思維導圖,以功能點(完成目標)為導圖的第一級子集,梳理頁面,其實這件事情很困難,如果沒有熟悉業務的同事幫助,會消耗相當長的時間,我這里也是很大方面藉助了Chester之前的整理。由於整個的視覺文件都是英文的,所以還是花了不少時間去理解。
之後我根據頁面布局,將布局類似的頁面從新歸類到一起,這是為了方便後期多層動態面板的設置及頁面間的復制。
得心應手的部件庫
使用Axure,自然少不了給力的部件庫,強大的部件庫可以極大程度上提高我們的效率,增強演示效果。網上也可以搜索到一些還不錯的部件庫。但是別人的部件庫未必適合我們的產品風格及需要,所以最好還是要有自己的部件庫。我是個懶人,所以我經常做一勞永逸的事情,由於我長期從事電商工作,所以我專門設計了一個電商專用部件庫,再加上從其他人的部件庫中汲取的復雜交互部件,現在我的部件庫中已具備了90餘個部件,基本可以應對常規設計的絕大部分情況。
另外,由於部件庫是自己製作的,所以非常熟悉,用起來自然得心應手,事半功倍。
總結
交互設計應當是每個產品經理的基本功,雖然交互工具的使用並不代表交互水平,但善用交互工具無疑能夠增強我們的交互功力,使我們的思維邏輯更加縝密,並能了解產品邏輯,甚至研發實現難度。
作者:朝聆夕改
來源:互聯網er的早讀課
互聯網從業者必備微信公眾號:woshipm,如果你已經關注了,證明你已經很牛逼了。
② 你覺得Axure的素材庫應該有哪些常用組件
什麼是AxureRP組件庫?
AxureRP Pro組件庫(亦稱AxureRP部件庫、AxureRP Library)是由官方或AxureRP愛好者等第三方設計的工具包。一般組件庫里含有一個或多個小功能,即組件(部件),策劃設計人員通過這些組件可以快速實現一個或多個功能(包括UI、交互、圖標等)。
如何導入AxureRP組件庫文件?
在AxureRP左則的Wdigets點擊下拉按鈕,從下拉菜單中選擇Load Library,並選擇需要載入的部件庫文件即可。
AxureRP組件庫,函括手機外殼、手機屏幕、iOS(iPhone、iPad)、Android、Windows、OSX、電子商務、圖標等。
update:准備叛逃 Axure 到 Sketch ,所以說好的優化果斷棄置,我在最後提供了Android 官方的圖標源文件包,還請需要的朋友自製。
分享幾個我自用的庫,已經針對7.0進行了適配,還有Android庫比較糟糕的地方進行了優化。請在7.0以上版本打開。
iOS7-Base-UI
iOS7-Like-Icon-Set
iOS6-Base-UI
Android-Holo-Dark
Android-Holo-Light
Android-Icon
Gesture
Android Design Icons
更新到 7.0 Pro 吧
應用的控制項庫和交互都增強了。
我覺得最好的還是官方的庫里去下。
還有組件有些是自己用Ps畫的,還有設計師朋友分享給我的PSD源文件,自己製作組件。
你可以去站酷(ZCOOL)下載PSD源文件(下載之前最好先和原作者說一聲,經過人家同意再下載,最起碼這是對原創者的尊重。)
另外,產品大牛是一個服務於產品團隊的工具+社區的平台,旨在幫助產品經理,交互設計師在線託管自己設計的產品原型
Axure原型,可以像網盤一樣管理,現在只需要一個短鏈接群發過去,方便高效。
③ 如何將Axure製作的web共享給他人
設置這些,然後將RP 文件通過axshare分享出鏈接,在手機上打開就可以了
④ 關於axure設計網頁web頁面的問題,我設計了一個網頁,如下圖,怎麼把圖一設計成圖二。
兩張圖區別很大的,不知道具體是哪裡做不出效果?
左邊的折疊菜單,點擊「活動」添加下一項以創建"校友管理"項目,或者在軟體里上方有個向左的綠色箭頭,能讓菜單向上一級。
頁面多了以後滾動條就有了。
軟體里背景色不好修改的,生成的html文件,你可以在源文件里修改左邊欄的背景色。
右邊的內容,兩張圖內容不一樣,應該沒指這個吧
⑤ axure做web產品原型設計和javaweb有什麼聯系,可以直接用原型做嗎
axure做web產品原型設計和javaweb可以說沒有任何聯系。
axure做出來的是html,也就是系統設計的一個初步頁面模型。然後系統設計師根據這個模型來進行系統設計,美工也根據模型來做圖片,程序員也還是根據模型來進行開發。也就是說,這個模型是一個基本中心,跟實現的編程語言沒有關系,可以用javaweb、php、.NET等語言來實現這個模型。
而javaweb,只是一種編程語言應用。
⑥ 使用axure製作網站導航使用什麼部件
使用axure製作網站導航通常的方式是使用母板頁。
在母板頁中使用標準的元件生成導航菜單。
更多案例可以參考axure案例教程。
⑦ axure怎麼做web頁面高保真
一般來說,axure的原型分成兩種,低保真和高保真。低保真就是線框圖,主要作用是給研發交付,做開發的參考,只要能能實現講清楚頁面的功能和邏輯就可以了,特點是高效、快速;而高真原型主要是在產品初期給公司領導、用戶演示,除了要完成低保真的功能,對於原型的界面風格和交互都有要求,高保真的原型特點是效果好、更接近真實的產品,但是開發起來很費事件。這兩種原型適用與不同的需求場景。
對於高保真來說,主要要實現以下幾個方面:
1、頁面布局尺寸要准確,最好能夠實現自動適應屏幕;
2、頁面風格,包括顏色、字體、行間距等,都要按照規范設計,這個階段,往往需要UI的介入;
3、交互要能夠實現,至少要實現所有的菜單功能,並且要實現主要細節頁面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到動態面板、中繼器、內聯框架等元件,需要產品經理能夠對這些元件掌握的比較好。
總得來說,實現一個高保真的原型是比較復雜的,對於新手來說,還是比較困難的。
不過也有一些現成的pc端的高保真原型框架,可以下載直接使用。
⑧ Axure中兩個部件怎麼取中間的
直接單擊選擇某一個元件將其拖至畫布(中間區域)中,也可以通過左上角的插入菜單選擇其他形狀的部件。
AxureRP是一款專業的快速原型設計工具。Axure,代表美國Axure公司。RP則是RapidPrototyping(快速原型)的縮寫。
AxureRP是美國AxureSoftwareSolution公司旗艦產品,是一個專業的快速原型設計工具,設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。
⑨ 如何將Axure製作的web共享給他人
按F8後,生成HTML格式原型,打包發給他人即可
⑩ Axure RP 6.5 web原型圖製作中的下拉多選製作
帶復選框的效果沒法做,Axure自身帶的樹形菜單組件不支持帶復選框。但樹形菜單可以做,展示效果也可以做成這樣,即帶圖標的顯示。