浅析iPhone平台三种应用类型布局方式.pdfVIP

浅析iPhone平台三种应用类型的布局方式 在手机这样一个小小的有限的屏幕尺寸里 ， 使界面保持清晰合理、简洁美观 ，就涉及到产品“框架 布局”的设计问题 ，我们需 根据不同的产品需求及应用场景来设计合理的界面布局。 iPho ne平台的标准界面布局为顶部标题栏、中部内容区、底部工具栏/标签栏 ，设计师们根据不同的 应用类型以及不同的使用情境进行着巧妙的布局 ，其中不乏很多勇于打破常规 ，精巧合理的布局 设计。今天就一起来看看iPho ne平台多样化的界面布局方式。 iPho ne平台有三种类型的应用 ： 效率型应用 （Product ivit y A pplicat io ns ） 实用型应用 （Ut ilit y A pplicat io ns ） 沉浸型应用 （Immersive A pplicat io ns ） 每一种类型都有各自不同的特点和应用场景。设计之前 清楚产品的目标、特点以及用户使用产品 的动机 ，以选择合适的应用类型。下面我们分别通过这三种应用来总结一下界面的布局方式。 效率型应用几乎包含了从社交网络到手机银行的所有应用。此类应用具有组织和操作具体信息的 功能 ，需 比较精简的用户体验 ，从而不会阻碍用户的工作 ， 将用户体验的重点放在任务上 ，用 户可以快速地找到需 的目标 ，轻松地完成操作。 1)如何设计效率型应用 以任务为导向的设计理念。建立准确的任务模型 ，将用户可能的任务进行拆解 ，并逐一设计优化 流程。 让用户快速开始 ，快速找到信息 ，快速离开。建立清晰的层级关系 ，便捷准确的检索方式 ，以便于用户迅速定位需 的信息。 降低用户的学习成本 ，尽可能的使用系统的控件和操作。降低噪音 ，保证高级的功能在用户需 时能够找到即可 ，在不需 的时候也不会造成困扰。 2)效率型应用的界面布局 A . 九宫格 此类界面通常是用户进入产品后的首屏 ，为用户提供分类入口 ，入口通常以图表加文字的形式展现 。以格子的形式排列 ，可以让用户快速地找到入口。此类布局适合用于丰富的内容展现 ，且内容适 合分类聚合。 B. 折叠列表 折叠折表是为避免页面内过长的滚动而做的布局设计 ，通常需 在同一页面内展示大幅内容时可考 虑使用此类布局。内容以两级列表的形式进行分组 ，每组可以分别展开显示它的子项目。 C. 图片列表 图片列表可以直观地将图片的全图显示出来 ，方便用户快速检索查看 ，大幅的图片也为用户带来视 觉上的愉悦体验。 . 旋转木马 旋转木马的布局适用于内容以线性或者循环的形式进行组织 ，充分利用有限的屏幕空间 ，更好的来 展示一系列图形图像 ，从而让用户获得更好的聚焦体验 ，正如欢快奔腾的木马 ，不停的旋转展示 ， 让每个独立个体都得到表现的机会。这种布局特别适用于屏幕空间有限而又需 展示大量内容。 常用的旋转木马式布局有两种 ，一种是如上图的全屏的展示 ，一般多用于首页 ，用作各个内容的 入口。另一种是如下图的应用 ，带有多个项目的通常用于页面的顶部。 E . 侧滑分屏 侧滑分屏的界面布局是采用三屏模式 （左屏、主屏、右屏 ），此架构具有极好的扩展性。pat h2.0完 全颠覆了iO S guild line的模式 ，采用这种三屏模式 ，极简了主页面 ，主屏仅留下f eed展示和添加 功能。将导航放入左侧的屏幕 ，增加了未来的可扩展性 ，同时也保证了主屏幕清晰的内容。 实用型应用完成的任务对用户输入 求很低。用户打开实用型应用程序 ，是为了快速查看信息摘 或是在少数对象上执行简单任务 。实用型应用的特点是最小化安装、简单的流程及布局、标准化的 界面元素。 1) 如何设计 用型应用 专注做好一个功能 ，使其一目了然 ，将需 的信息展示在一个层级里 ，让用户快速地获取某类特定 的信息或者执行某一具体的任务 ，因此在开启后无需操作就能解决问题是最完美的。力争使界面 简洁 ，并尽量使用简单的、标准的视图和控件。设置通常在主视图背面 ，可以设置不同的数据源。 2) 用型应用的界面布局 界面以平面列表的方式显示信息 ；易于浏览 ，只包含了最必 的信息 ，没有深入的信息层次结构。 每一个视图都提供同样的数据组织结构和细节深度。在界面下方显示打开的视图数量 ，用户可以按 顺序浏览 ，在一个视图后选择另一个视图。 通常一个实用型应用只解决某一个方面的问题 ，如上图的指南针和温度计 ，通过拟物化的设计 ，全 屏布局突出应用功能 ，一目了然。 界面简明地突出了主 功能 ，没有多余的操作和设置 ，以使用户快速完成操作。