• <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
  • <pre id="gvoe3"></pre>
    <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

  • <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">
      axure商城

      2、移動端查看 —— Axure使用交互

      寫在開頭:

      相信許多產品新人在用Axure做完原型之后,都會遇到過這樣一個問題:想在手機移動端做展示,但是卻因為各種原因無法正常顯示出來,本次教程就以 iphone 6 作為材料進行講解(因為本人用的就是iphone 6,其他品牌機可以按照下面原型尺寸進行設計試用)

       

      開始原型設計

      一、確定原型尺寸

      就像ios系統的iphone一樣,雖然所分的系列、分辨率不同,可原型尺寸卻很有規律(原型尺寸即為在Axure中要畫出的圖形大小范圍)

      下圖為目前市面上比較常用的機型系統以及原型尺寸

       

      (1)首先,打開Axure軟件,在畫板上用矩形框畫出需要機型的原型尺寸,以我的手機為例,先畫出375*667的矩形框。(最好是畫在0,0的位置,要是不愿意畫在零點處,也可以畫在y=0的任意處。注意:要保證矩形框的y=0)

      (2)點擊創建好的矩形框,把它命名為手機屏幕,并右鍵點擊它,選擇轉化為母版。

      右鍵點擊矩形框

       

      轉換為母版

      提示:可以設置新母版的名稱為“手機屏幕”,拖放行為為固定位置。選擇固定位置可以有效的增強設計畫面的整齊度,為原型的設計做好鋪墊。

      靈活使用母版也可以大大提升工作效率、節約時間,這樣就不需要每畫一張圖就要重復一遍所有的操作。

      二、設置頁面排列水平居中

      當完成上述創建操作后,就可以在矩形方框內開始你的原型設計了。當設計完內容后,點擊畫板空白處,確保右側功能欄上面的對象為檢視:頁面,選擇“樣式”一項,并在下面的頁面排列一項中選擇水平居中。

       

       

      注意:如果原型不止當前這一頁,之后每頁的原型圖的頁面都要設置排列水平居中。

       

      三、設置生成HTML的移動設備

      當完成上面的步驟后,鍵盤點擊F8或者點擊屏幕右上角的“發布”按鈕,選擇生成HTML文件。

      打開后選擇“移動設備”

      并選中“包含視口標簽”,點擊生成按鈕即可

      四、發布到Axure Share網站

      首先你需要創建一個賬號,點擊屏幕右上角的“共享”按鈕,按照上面流程完成注冊以及登錄步驟,這樣你就擁有了一個可以分享原型的賬號以及專屬的原型瀏覽網址。

      ?

      可以設置名稱、密碼以及存放的文件夾

      注意:點擊“發布”會生成一個原型頁面鏈接,可以選擇“不加載工具欄”,不加載或者加載會生成兩個不同的網址,可以根據需求進行設置。

      五、用移動端進行查看

      發送網址到移動端,然后使用手機瀏覽器或者用微信打開網址,即可正常瀏覽原型設計。

       

      至此,移動端展示講演結束,期待與您的交流溝通!

       

      給TA買糖
      共{{data.count}}人
      人已贊賞
      案例教程

      1、雷達效果 —— Axure實用交互

      2018-10-10 16:08:26

      案例教程

      Axure神奇操作實例-通過循環模擬彈幕

      2019-11-3 12:51:42

      axure商城
      0 條回復 A文章作者 M管理員
        暫無討論,說說你的看法吧
      ?
      個人中心
      購物車
      優惠劵
      今日簽到
      有新私信 私信列表
      搜索
      俄罗斯videoxxxoo
    1. <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
    2. <pre id="gvoe3"></pre>
      <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

    3. <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">