當前位置:首頁 » 網頁前端 » axureweb部件
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

axureweb部件

發布時間: 2022-10-03 05:55:14

① 如何使用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自身帶的樹形菜單組件不支持帶復選框。但樹形菜單可以做,展示效果也可以做成這樣,即帶圖標的顯示。