1、axure作的網頁可以真正使用嗎
axure製作的網站只是來個原型圖,基本自可以實現現在網頁的所有功能(註:畢竟只是原型,所以有時會發生延遲),只要有時間花在上面,做個資料庫都不是什麼問題。
唯一和真實網頁的區別就是:必須把生成的原型發給使用者,而不能像網頁一樣調取伺服器。
2、如何在axure中批量創建元件庫
方法如下:
1、找到創建元件庫的入口:打開Axure,在左側元件庫面板,點內擊綠色搜索按鈕左邊的容下拉三角形,點擊第三項「創建元件庫」,此時會彈出一個另存為對話框,這里需要選擇元件庫的存儲位置並輸入元件庫的名稱,保存後稍等,Axure將重新打開一個新頁面進行元件的編輯;
2、元件分組:在頁面導航面板上,所有的文件夾都是一個分組,所有沒有在文件夾下的頁麵包括其所有子頁面,都隸屬與以元件庫為名的分組下。
3、添加元件分組:刪除默認的「新元件1」頁面,添加一個文件夾,命名為所需要的分組名;
4、添加元件頁面:右鍵點擊「按鈕」分組,選擇「添加」>「子元件」,命名為「普通按鈕」;
5、編輯元件:打開「普通按鈕」頁面,在頁面上完成按鈕的樣式以及交互,然後保存;
6、預覽效果:製作完成元件庫,保存後回到最初打開的Axure中,在元件面板綠色搜索按鈕左邊點擊小三角,選擇「刷新元件庫」,元件庫面板就會出現剛製作好的元件了。
3、axure怎麼做web頁面高保真
一般來說,axure的原型分成兩種,低保真和高保真。低保真就是線框圖,主要作用是給研發交付,做開發的參考,只要能能實現講清楚頁面的功能和邏輯就可以了,特點是高效、快速;而高真原型主要是在產品初期給公司領導、用戶演示,除了要完成低保真的功能,對於原型的界面風格和交互都有要求,高保真的原型特點是效果好、更接近真實的產品,但是開發起來很費事件。這兩種原型適用與不同的需求場景。
對於高保真來說,主要要實現以下幾個方面:
1、頁面布局尺寸要准確,最好能夠實現自動適應屏幕;
2、頁面風格,包括顏色、字體、行間距等,都要按照規范設計,這個階段,往往需要UI的介入;
3、交互要能夠實現,至少要實現所有的菜單功能,並且要實現主要細節頁面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到動態面板、中繼器、內聯框架等元件,需要產品經理能夠對這些元件掌握的比較好。
總得來說,實現一個高保真的原型是比較復雜的,對於新手來說,還是比較困難的。
不過也有一些現成的pc端的高保真原型框架,可以下載直接使用。
4、如何在Axure中創建自己的元件庫
找到創建元件庫的入口
打開Axure,在左側元件庫面板,點擊綠色搜索按鈕左邊的下拉三角形,點擊第三項「創建元件庫」。
此時會彈出一個另存為對話框,這里需要選擇元件庫的存儲位置並輸入元件庫的名稱。建議將元件庫存放於你經常儲備資源的文件夾下。
保存後稍等,Axure將重新打開一個新頁面進行元件的編輯。
認識元件編輯頁面
元件編輯頁面和我們使用Axure做原型時是一樣的,你依然可以加入其它的元件庫並運用到你索要編輯的元件上。
元件分組
通過觀察Axure默認的元件庫,我們可以發現其元件庫是可以進行分組的。我們在製作元件庫的時候,分組規則如下:
在頁面導航面板上,所有的文件夾都是一個分組,所有沒有在文件夾下的頁麵包括其所有子頁面,都隸屬與以元件庫為名的分組下。
添加元件分組
刪除默認的「新元件1」頁面,添加一個文件夾,命名為你的分組名。這里以「按鈕」為例。
添加元件頁面
右鍵點擊「按鈕」分組,選擇「添加」>「子元件」,命名為「普通按鈕」。
你也可以在面板上點擊「+」添加頁面,此時的頁面和分組是同級,只需選中頁面,按Tab鍵或者點擊面板上綠色向右的按鈕,即可將元件放置在分組下。
編輯元件
打開「普通按鈕」頁面,在頁面上完成按鈕的樣式以及交互,然後保存。
需要說明的一點,元件的位置可以在頁面上任意位置,不必放在左上角頂點處,Axure會自動計算出元件的實際位置,在元件使用的時候沒有任何影響。
你可以為自己的元件製作兩張尺寸分別為28*28和56*56的圖標,在頁面屬性面板選擇自定義圖標並上傳。如果沒有,默認使用縮略圖,Axure會自動將當前頁面縮略圖作為元件圖標。
預覽效果
製作完成元件庫,保存後回到我們最初打開的Axure中,在元件面板綠色搜索按鈕左邊點擊小三角,選擇「刷新元件庫」,元件庫面板就會出現你剛製作好的元件了,拖一個在工作區試一下吧!
5、通過axure做原型設計生成的html代碼可以讓開發直接用嗎
不可以,Axure 生成的只是原型,是在產品制定時供大家參考了解項目用的。
Axure輸出的HTML文件不能直接用於前端代碼開發,Axure為了模擬交互效果,使用了大量的JS,其中有很多是用不著的內容,前端代碼需要完全重寫。
Axure輸出內容不能取代實際開發中的任何部分,只是為了提高溝通效率。
(5)axure設計網頁的庫擴展資料:
Axure的特性
1.滑鼠及鍵盤交互功能:
支持更多的新特性包括 OnDoubleClick(雙擊), OnContextMenu (右擊),OnMouseDown(滑鼠按鍵按下), OnMouseUp(滑鼠按鍵松開), OnMouseMove(滑鼠指針移動), OnMouseHover(滑鼠指針經過), OnLongClick (滑鼠長按), OnKeyDown(鍵盤按鍵按下), OnKeyUp(鍵盤按鍵松開)。
2.演示文檔:
支持HTML5新特性,以及更好的支持手機演示特性。
3.新增部件樣式控制:
Axure7對於部件修飾功能有較大的改善,包括支持圓角、陰影、描邊等設置。
4.更細化的部件屬性:
更為豐富的部件屬性,可以設置各種形狀、樣式,較Axure RP 6.5單調的形狀而言,也是一種驚喜。
5.更多交互條件:
包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件,對於移動互聯網產品原型設計有很大幫助。
6、Axure設計的網頁怎麼生成html文件
1、點擊菜單欄中的「發布」,點擊「生成HTML文件」
2、選擇html文件保存路徑,然後點擊「生成」按鈕
3、將生成的html文件保存在文件夾中
4、打開上面的文件夾,雙擊打開「index」文件
5、瀏覽器打開html文件的效果圖
7、如何用axure製作一個完整的個人網站
axure製作出來的只是產品模型,生成html代碼後相當於只是你有了前段樣式代碼,具體的功能模塊的代碼實現,還是需要你編寫的,怎麼與資料庫,前後台對接,怎麼發布到伺服器等等。當然,你要是只是個靜態的個人網站,一年不更新一次,也簡單,用axure製作一個網站,中繼器里存死數據,放到nginx伺服器上就行了。
而對於你怎麼通過axure製作一個完整的個人網站,就簡單很多了,直接在axure中設計不就行了嗎,本身就是一個工具類軟體,知道如何操作就可以設計了,登錄,博客發布,編寫都可以模擬,但也僅限於是個模型而已
8、如何製作自己的axure庫
部件庫里有個創建元件庫的選項,如圖
就像做原型的時候一樣,新建頁面,一個回頁面做一個組件。答
之後你要輸入一個元件庫的名字, 就會生成一個 .rplib的文件了,打開後你可以做元件了
每個元件都可以有自己的Interaction,很好用。
調用自己製作的部件庫
在部件庫區域,點擊【Load Library…】