使用iPhone应用模板
时长:
指导老师:Axure官网
困难程度:中等
主要内容
iPhone应用模板是包含了页面,参考线和针对桌面和iPhone移动端iPhone应用的创建和查看设置的RP文档
关于模板
iPhone应用模板是特别针对iPhone应用设计创建的RP文档。文档包含了一个能够在桌面查看,也能在iPhone中查看的,适合iPhone屏幕的应用设计参考线框架文档。下载并打开iPhoneAppTemplate.rp文档
使用iPhone应用模板页
桌面浏览页面的iPhone框架
在“iPhone Frame for Desktop View”页面中有一个iPhone手机图片,在图片上放了一个内部框架部件。设置内部框架加载App Home页面(双击内部框架,查看链接)。这个设置让我们能够在桌面浏览器中查看带有iPhone产品外观的原型,同时允许我们设计直接在iPhone中查看的App Home页面以及其他页面。
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
App Home页面
App Home页面能够在iPhone手机中显示iPhone应用设计,页面将在手机浏览器中显示。页面中没有iPhone手机图片,有针对iPhone屏幕设计用的水平和垂直参考线。
基于iPhone屏幕尺寸的参考线
iPhone尺寸
iPhone应用原型尺寸为:320*460像素。这个尺寸是在iPhone浏览器中无滚动的默认设置。模板页中己设置宽和高的参考线。
如果应用内容超出了尺寸,用动态面板创建可滚动区域。
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
添加参考线
如果没有用iPhone应用模板创建设计稿,从线框图窗口标尺拖出参考线时,按住Ctrl(PC)或Cmd(Mac)键,添加全局参考线。
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
本课程原创内容来源:Axure官网(www.axure.com) 翻释:陪学网