axure製作手機網頁設計_怎麼用axure設計一個手機頁面

1、axure製作網頁怎麼讓他自適應不同電腦的解析度呢？

1、雙擊打開Axure RP 8設計軟體，在基本元件中拖曳一個矩形1到畫布上。

2、再次在基本元件里拖曳兩個按鈕到畫布上，放在矩形框上方。

3、再拖曳一個佔位符到矩形框下方。

4、在右側屬性里自適應勾選「啟用」，彈出「影響所有視圖」。

5、點擊左側自適應按鈕，彈出自適應視圖，分別設置手機、平板和電腦解析度的范圍。

6、這時界面上顯示出不同解析度界面，然後預覽該界面。

2、通過axure做原型設計生成的html代碼可以讓開發直接用嗎

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

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

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

(2)axure製作手機網頁設計擴展資料：

Axure的特性

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

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

2.演示文檔：

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

3.新增部件樣式控制：

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

4.更細化的部件屬性：

更為豐富的部件屬性，可以設置各種形狀、樣式，較Axure RP 6.5單調的形狀而言，也是一種驚喜。

5.更多交互條件：

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

3、如何用axure製作手機高模擬原型

1. 打開Axure，在元件庫面板「三條橫線」按鈕下拉選項中找到「創建部件庫」功能，點擊會彈出一個另存為對話框，這里需要選擇元件庫文件的存儲位置，並需要輸入元件庫的名稱。
2. 此時，我們可以看到，文件的後綴名為 .rplib，這個就是元件庫的格式，而不同於創作交原型時正常Axure文件的.rp格式。
3. 輸入文件名稱和存儲位置之後，點擊保存，Axure將重新打開一個新頁面進行元件的編輯。並且我們可以看到，新頁面跟我們平時創造.rp正常文件的頁面一模一樣，但不要混淆，此時頁面編輯的是我們在正常.rp文件中需要用的基本元件。並且我們回到元件庫存儲的位置可以看到，元件庫.rplib文件圖標為」綠色「，不同於.rp文件的藍色。
4.
5. 創建好元件庫得」綠色文件「後，基本准備工作已經做完

4、axure怎麼設計手機app的側邊欄原型

1、我們先打開我們的axure軟體，點擊新建，然後將我們的手機模型拖拽進我們的axure，點擊我們的「動態面板」將其往編輯窗口拖拽。如下圖

2、創建好我們的動態面板之後，按住「ctrl+c」將其復制下來，然後雙擊我們的「外層動態面板」下面的state1，然後按住「ctrl+v」將我們的「外層動態面板」復制下來

3、然後雙擊我們的「內層動態面板」下面的state1，然後點擊「矩形」，並將其圖案拖拽到我們的內層動態面板中，調整好位置，並給其填充顏色。

4、在拖進一個佔位符，並調整其位置，如圖所示。

5、然後點擊我們導航欄上面的「外層」，並將我們的「內層」圖案拖拽平移一段距離，如下圖。

6、然後點擊「矩形」，用來量我們「外層」和「內層」之間的距離，方便我們的側邊欄的移動。如下圖。量出距離之後，即可將其刪掉。

7、點擊我們導航欄的「內層」，然後在我們選中我們剛才的「佔位符」，然後點擊我們的「滑鼠單擊時」選項，如下圖。

8、進入我們的「單擊滑鼠時」之後，點擊「移動」，勾選「內層」，然後在下面的「y」內輸入我們剛才量出來的距離，即「-134」

9、點擊上面的「添加條件」選項，選擇「變數值」、「！=」「0」，然後點擊確定。

10、再次重復第八和第九步驟，「y」值改為「134」，其他不變，然後點擊上面的「添加條件」選項，選擇「變數值」、「==」「0」，然後點擊確定。

11、然後再次點擊我們的「case1」，找到並點擊下面的「設置變數值」，勾選「變數」，然後將變數值設為「0」，點擊確定，「case2」我們也重復此動作，只是在設置變數值時，不設為0即可。

12、最後，我們可以預覽我們做出來的效果了，我們按住F5，或者點擊上面的「預覽」，進入網頁之後，我們上下滾動滑鼠即可看出我們的效果了。

5、怎麼用axure設計一個手機頁面

按頁面拖動控制項就行了，幾分鍾就完成了。

另外，也可以在百度上搜索 axure視頻教程（我這里有小樓的從入門到精通62集視頻教程）來進行學習，上手很快，一些常見用的，大概幾個小時就能學會了

6、axure製作的網頁怎麼讓他自適應解析度呢

如果通過axure自動生成好像沒有辦法做到。不過如果一定要改，可以到生成後的原型中更改css樣式來自行手動更改。

7、如何用axure製作一個完整的個人網站

axure製作出來的只是產品模型，生成html代碼後相當於只是你有了前段樣式代碼，具體的功能模塊的代碼實現，還是需要你編寫的，怎麼與資料庫，前後台對接，怎麼發布到伺服器等等。當然，你要是只是個靜態的個人網站，一年不更新一次，也簡單，用axure製作一個網站，中繼器里存死數據，放到nginx伺服器上就行了。
而對於你怎麼通過axure製作一個完整的個人網站，就簡單很多了，直接在axure中設計不就行了嗎，本身就是一個工具類軟體，知道如何操作就可以設計了，登錄，博客發布，編寫都可以模擬，但也僅限於是個模型而已

8、axure怎麼畫手機原型

首先，下載ios組合元件庫
Axure製作手機原型

引入外殼（豎）部件，該部件自帶內部框架
Axure製作手機原型
Axure製作手機原型

引入狀態欄A（白）這個元件自帶方法，可自動獲取當前時間，將該部件置於外殼如圖處；
Axure製作手機原型
Axure製作手機原型

雙擊內部框架，在彈窗處設置連接地址，可選擇axure自帶頁面，也可填寫url進行外部地址鏈接
Axure製作手機原型
Axure製作手機原型

此處我設置的是內聯至page1，再對page1頁面添加部分元件，效果如圖
Axure製作手機原型

返回home頁，點擊載入則效果如圖
Axure製作手機原型