Axure运用：使用Axure创建iPhone应用程序原型（一）-控件新闻-慧都网

Axure运用：使用Axure创建iPhone应用程序原型（一）

原创|使用教程|编辑：郝浩|2013-08-09 17:08:57.000|阅读 40766 次

概述：当下，很多用户界面设计人员都热衷于研究iPhone应用程序界面的设计。而应用程序界面设计的奥秘又可以追溯至其原型的设计。本文作者就从iPhone应用程序页面模板讲起，为大家介绍使用原型设计工具Axure创建iPhone应用程序原型的第一步。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

关于模板

iPhone应用程序模板是一个专门用来设计iPhone应用程序的RP文件。它包括一个供桌面查看的、带iPhone 外框的页面，和辅助你按iPhone屏幕大小设计以便在手机上浏览的参考线。打开iPhoneAppTemplate.rp就直接进入模板。

使用iPhone应用程序页面模板

桌面视图的iPhone外框页面

桌面视图的iPhone外框页面包含一个顶部有内联框架的iPhone图像。内联框架用来加载应用程序的主页（双击查看链接）。这种设置让我们在桌面浏览器上看到iPhone皮肤的原型，同时允许我们一边设计程序半岛权威十大直营(官方)网站一边直接浏览其他页面。

应用程序主页

创建应用程序主页使之可以在手机上查看你的iPhone应用程序。这个页面就是你从手机浏览器进入的页面。它不包含iPhone图像，但包含了设置普遍用于设计iPhone屏幕像素宽度和高度的参考线。

基于iPhone屏幕大小的参考线

iPhone像素大小

一般而言，iPhone应用程序原型大小都设置为320 x 460 px。这样我们就可以使用iPhone浏览器的默认设置而不用缩放。模板里有设置宽度和高度为320 x 460 px的参考线。
若你的程序内容超过这个大小，使用动态面板创建可滚动区。

添加参考线

若你不打算使用iPhone应用程序模板设计原型，你也可以添加全局参考线到你的线框图——通过按住Ctrl(PC)或Cmd(Mac)同时从标尺点击并拖拽到所需位置。

结语

使用iPhone应用程序模板是iPhone应用程序设计的第一步。接下来我们将一起学习通过iPhone查看原型。

扩展阅读

标签：网页设计移动开发原型设计

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自：慧都控件网

上一篇：如何用FusionCharts在客户端将图表导出为图片下一篇：用户界面原型设计工具Axure之抽屉式导航模板

半岛权威十大直营(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群