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

axure製作web前端

發布時間: 2023-05-16 13:33:36

Ⅰ Axure rp 的作用是什麼,怎麼利用這個軟體做成網頁啊

axure 是一款專業的原型設計軟體 可以通過交互設計使你設計的原型看起來很真實的軟體一樣,不過這是表面上的效果. 就好像房子設計可以給你看到 房子的3d實物模型 在開發建築之前可以體驗到產品設計之後的樣子
這個用的帆搏蠢話 你需要態陪通過學習基本的入門知識就可以 搭建網頁了 非常簡單你銀槐可以過過網站上很多教程學習

Ⅱ 利用axure進行響應式自適應網站的設計

在axure 8發布以後,可以利用幾項技術(axure自動生成自適應html、前後端分離、響應式網站設計、restful介面、json或xml等)進一步簡化網站的開發,該設計模式的主要流程如下:

1. 產品經理利用axure設計原型。

2. 原型討論定型後由UI人員設計圖標,更新到axure原型中。

3. 由axure生成 自適應的響應式網站 設計的html文件。

參考:http://www.woshipm.com/rp/696039.html

注意:axure發布項目生成html時,在左側的「 移動設備 」這個設置頁,需要 勾選「包含視口標簽」,不勾選「禁止頁面垂直滾動」,寬度設置為「device-width」, 高度留空不設置,初始縮放倍數絕對不能設置 ,最小縮放倍數設置為「0.1」,最大縮放倍數設置為10,允許用戶縮放留空不設置 ,ios部分可以不理默認即可。另外需要 axure 8以上版本才能普遍適配手機 屏幕。

4a. 前端開發人員全盤使用上面生成的html文件、資源文件、axure的js文件,在各個頁面上以前後端分離方式添加業務邏輯的實現(比如在html中加入jquery的ajax,和後端交互數據)。

4b. 後端開發人員設計和實現業務邏輯和前後端介面(4b可以和3、4a步驟同步進行),比如前後端使用restful的json封裝作為前後端介面的數據交互。

5. 單元測試、集成測試、灰度測試,bug修復,發布上線。

該模式問題 : 一旦axure原型有修改,前端怎麼能更快適配該修改(現在是文件比較方式,類似git的merge)。

http://www.car-ocean.com/app-download/news.html

Ⅲ axure作的網頁可以真正使用嗎

不可以,Axure生成的只是原型,是在產品制唯衫定時供大家參考了解項目用的。

Axure輸出的HTML文件不能直接用於前端代碼開發,Axure為了模擬交互效果,使用了大量的JS,其中有很多是用不著的內容,前端代碼需要完全重寫。

Axure輸出內容不能取代實際開發中的任何部分,只是為了提高溝通效率。

(3)axure製作web前端擴展閱讀:

Axure的特性

1.滑鼠及鍵盤交互功能:

支持更多的新特性包括(雙擊),(右擊),OnMouseDown(滑鼠按鍵按下),OnMouseUp(滑鼠按鍵松開),OnMouseMove(滑鼠指針移動),(滑鼠指針經過),OnLongClick(滑鼠長按),OnKeyDown(鍵盤按鍵按下),OnKeyUp(鍵盤按鍵松開)。

2.演示文檔:

支持HTML5新特性,以及更好的支持手機演示特性。

3.新增部件樣式控制:

Axure7對於部件修飾功能有較大的改善,包括支持圓角、陰影、描邊等設置。

4.更細化的部件屬性:

更為豐富的部件屬性,可以設置各種形狀、樣式,較AxureRP6.5單調的形狀而言,也是一種驚喜。

5.更多交互條件:

包括關閉梁轎指定窗口、設置錨點以及更為靈活的事件觸發條件,對於移動互聯網產品原型設計有很大幫助橡山肆。

Ⅳ 如何將Axure製作的web共享給他人

按F8後,生成HTML格式原型,打包發給他人即可

Ⅳ 關於axure設計網頁web頁面的問題,我設計了一個網頁,如下圖,怎麼把圖一設計成圖二。

兩張圖區別很大的,不知道具體是哪裡做不出效果?
左邊的折疊菜單,點擊「活動」添加下一項以創建"校友管理"項目,或者在軟體里上方有個向左的綠色箭頭,能讓菜單向上一級。
頁面多了以後滾動條就有了。
軟體里背景色不好修改的,生成的html文件,你可以在源文件里修改左邊欄的背景色。
右邊的內容,兩張圖內容不一樣,應該沒指這個吧

Ⅵ axure做web產品原型設計和javaweb有什麼聯系,可以直接用原型做嗎

axure做web產品原型設計和javaweb可以說沒有任何聯系。
axure做出來的是html,也就是系統設計的一個初步頁面模型。然後系統設計師根據這個模型來進行系統設計,美工也根據模型來做圖片,程序員也還是根據模型來進行開發。也就是說,這個模型是一個基本中心,跟實現的編程語言沒有關系,可以用javaweb、php、.NET等語言來實現這個模型。
而javaweb,只是一種編程語言應用。

Ⅶ axure能做前端開發嗎

一個是偏向於設計,一個是偏向於代碼。如果是網頁設計,剛開始可能是模仿別人的網頁,但是到了最後會出現慢慢的偏重於美術,心理學,色彩,繪畫等。這些藝術方面,表面你能看到的,如果你是學計算機的接觸過網頁設計,並喜歡網頁設計,我建議不要偏向這個方面,因為到後來讓你自己獨立設計網頁時,色彩搭配是很難的,還有整體布局,以及是否符合當下潮流等。現在的網頁千變萬化,設計也要不斷學習,並且能跟得上。 對於web前端開發這個就是把別人設計好的自己用div+css+js去實現的,一個簡單的網頁可能就是div+css把它寫出來,但是這裡面是充滿經驗的。web前端的發展過程中到了最後就是頭疼的兼容性問題,因為要確保一個頁面在任何瀏覽器當中能正常顯示是很不容易的,瀏覽器廠商那麼多,各自還有自己的專屬屬性,而且有的還要求在手機中能夠顯示,能夠自適應屏幕等。單純的css無法來控制,就需要學習javascript, web前端看似簡單其實要學習的東西很多,經驗也特別重要,接觸後台後你會更明白前端的重要性。

Ⅷ axure怎麼做web頁面高保真

一般來說,axure的原型分成兩種,低保真和高保真。低保真就是線框圖,主要作用是給研發交付,做開發的參考,只要能能實現講清楚頁面的功能和邏輯就可以了,特點是高效、快速;而高真原型主要是在產品初期給公司領導、用戶演示,除了要完成低保真的功能,對於原型的界面風格和交互都有要求,高保真的原型特點是效果好、更接近真實的產品,但是開發起來很費事件。這兩種原型適用與不同的需求場景。
對於高保真來說,主要要實現以下幾個方面:
1、頁面布局尺寸要准確,最好能夠實現自動適應屏幕;
2、頁面風格,包括顏色、字體、行間距等,都要按照規范設計,這個階段,往往需要UI的介入;
3、交互要能夠實現,至少要實現所有的菜單功能,並且要實現主要細節頁面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到動態面板、中繼器、內聯框架等元件,需要產品經理能夠對這些元件掌握的比較好。
總得來說,實現一個高保真的原型是比較復雜的,對於新手來說,還是比較困難的。
不過也有一些現成的pc端的高保真原型框架,可以下載直接使用。

Ⅸ 能否使用axure製作的原型直接開發系統

Axure製作的原型是可以直接生成html文件做前端頁面用的。
但是前提是,你的原型中各個交互效果和函數能夠達到前端代碼寫出來的水平。
另外用Axure生成的頁面,自適應不好。建議還是不要這樣做。