国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 建站經驗 > 正文

如何在 -iOS 設備上呈現原型

2019-11-02 14:32:40
字體:
來源:轉載
供稿:網友

   網絡上有很多iOS組件庫,很方便實現控件,所以綠茶小編提醒,此篇文章只是講訴下,要如何在 iOS 設備上呈現原型?

  很多 UX 和 PM 同學還是習慣使用傳統的 Axure RP 制作產品原型,作者覺得 Axure RP 在 iOS 原型階段還是有優勢的,比如可以很方便交互模式的創新和細節,不拘泥原生控件。

  首先大致在iOS中原型呈現有這個幾個需求:

  必須全屏

  依照場景在線或者離線操作原型

  如果導入到 App 內, 使用 iTunes 原生的方式

  無需越獄

  1. 先前準備工作

  1)在原型設置中適配 iOS (v6.5)

  在 Generate prototype 中 Mobile/device 對話框

  勾選 Include Viewport Tag

  上傳 Home screen icon

  勾選 Hide browser nav (when launched form iOS home screen)

如何在 iOS 設備上呈現原型【教程詳解】

  2)在原型設置中適配 iOS (v6.0)

  如果還在使用 v6.0 你可以需要自己動手改造原型的HTML文件

  在其中追加一下兩行代碼實現基礎的 app 全屏和 Home screen icon 支持

  如果你原封不動的使用這段代碼, 請把 icon.png 請放置在原型 html 同級目錄

  3)原型的頁面命名盡量采用英文,避免中文編碼出錯

如何在 iOS 設備上呈現原型【教程詳解】

  4)訪問原型的時候不要訪問index.html,而是直接訪問具體的頁面

  我們在實際工作中總結了2種實踐方案來滿足大部分需求,優劣勢對比:

如何在 iOS 設備上呈現原型【教程詳解】

  Web App 方式

  如果僅支持在線查看,Axure RP v6.5 原生的 Web App 原型方案就可以了。當然我們手動修改過代碼的 v6.0 原型也支持。

  簡單說一下,因為已經設置好了。

  只需要:

  1) Safari 打開網站

  2) 選擇 添加至主屏幕

  3) 在桌面點擊主屏幕上的軟件即可

如何在 iOS 設備上呈現原型【教程詳解】

  需要幫助 點擊這里 查看官方說明,遇見特殊的情況,比如手機無法訪問辦公網,你可以把原型上傳到虛擬主機或者云上。

  Documents in App 方式

  如果想用于客戶調研或者私下演示, 可以用 Documents in App 的的方案,這種模式方便用戶研究與客戶訪談時網絡環境千差萬變。

 

  如下圖所示, 修改 Atomic 全屏模式的設置來避免對原型的干擾。

如何在 iOS 設備上呈現原型【教程詳解】

  將原型壓縮為 zip 文件,在 iTunes 中上傳壓縮成 zip 的文檔到 Atomic 當中。

如何在 iOS 設備上呈現原型【教程詳解】
如何在 iOS 設備上呈現原型【教程詳解】

  在 Atomic 中 unzip 解壓文檔,并訪問主頁面的html文件

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 延川县| 横山县| 泽普县| 明溪县| 泾阳县| 庄河市| 浑源县| 梓潼县| 环江| 讷河市| 繁昌县| 乳山市| 无棣县| 星子县| 汝城县| 中宁县| 西峡县| 伊金霍洛旗| 蒙山县| 磐石市| 许昌县| 宁波市| 镇宁| 冀州市| 华池县| 武邑县| 龙州县| 房山区| 沙洋县| 高州市| 南木林县| 叶城县| 兴国县| 海门市| 澄江县| 布拖县| 云阳县| 开化县| 眉山市| 长乐市| 喜德县|