当前位置:首页 > 经验学习 > 交互设计

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

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

在手机这样一个小小的有限的屏幕尺寸里,要使界面保持清晰合理、简洁美观,就涉及到产品“框架布局”的设计wen(问)题,我们需要根据不同的产品需求及应用场景来设计合理的界面布局。

iPhone平台的标准界面bu(布)局为顶部标题栏、中部内容区、底bu(部)工具栏/标签栏,设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局,其中不乏很多勇于打po(破)常规,精巧合理的布局设计。今天就一起来看看iPhone平台多样化的界面布局方式。

iPhone平台有三种类型的应用:
效率型应用(Productivity Applications)
实用型应用(Utility Applications)
沉浸型应用(Immersive Applications)
每一种类型都有各自不同的特点和应用场景。设计之前要qing(清)楚产品的目标、特dian(点)以及用户使用产品的动机,以选择合适的应用类型。下面我们分别通过这三种应用来总结一下界面的布局方式。

效率型应用几乎包含了从社交网络到手机银行的所有应用。此类应用具有组织和操作具体信息的功能,需要比jiao(较)精简的用户体验,从而不会阻碍用户的工作,要将用户体验的重点放在任务上,用户可以快速地找到xu(需)要De(的)目标,轻松地完cheng(成)操作。

1)如何设计效率型应用
以任务为导向的设计理念。建立准确的任务模型,将用户可能的任务进行拆解,并逐一设计优化流程。要让用户快速开始,快速找到信息,快速离开。建立qing(清)晰的层级关系,便捷准确的检索方式,以便于用户迅速定位需要的信息。
要降低用户的学xi(习)成本,尽可能的使用系统的控件和操作。降低噪音,保证高级的功能在用户需要时能够找到即可,在不需要的时候也不会造成困扰。

2)效率型应用的界面布局
A. 九宫格

此类界面通常是用户进入产品后的首屏,为用户提供分类入口,入口通常以图表加文字的形式展现。以格子的形式排列,可以rang(让)用户快速地找到入口。ci(此)类布局适合用于丰富的内容展现,且内容适合分类聚合。
B. 折叠列表

折叠折表是为避免页面内过长的滚动而做的布局设计,通常需要在同一页面内展示大幅内容时可考虑使用此类布局。内容以两级列表的形式进行分组,每组可以分别展开显示它的子项目。
C. 图片列biao(表)

图片列表可以直观地将图片的全图显示出来,方便用户快速检索查看,大幅的图片也为用户带来视觉上的愉悦体验。
D. 旋转木马

旋转木马的布局适用于内容以线性或者循环的形式进行zu(组)织,充分利用有限的屏幕空间,更好的来展示一系列图形图像,从而让用户获得更好的聚焦体验,正如欢快奔腾的木马,不停的旋转展示,让每个独立个体都得到表现的机会。这zhong(种)布局特别适用于屏幕空间有限而又需要展示大量内容。
常用的旋转木马式布局有两种,一种是如上图的全屏的展示,一般多用于首页,用作各个内容的入口。另一种是如下图的应用,带有多个项目的通常yong(用)于页Mian(面)的顶部。

E . 侧滑分屏

侧滑分屏的界面布局是采用三屏模式(左屏、主屏、右屏),ci(此)架构具you(有)极好的扩展性。path2.0完全颠覆了iOS guild line的模式,cai(采)用这种三屏模式,极简了主页面,主屏仅留下feed展示和添加功能。将导航放入左侧的屏幕,增加了未来的可扩展性,同时ye(也)保证了主屏幕qing(清)晰的内容。

实用型应用完成的任务对用户输入要求很低。用户打开实用型应用程序,是为了快速查看信息摘要或是在少数对象上执行简单任务 。实用型应用的特点是最小化安装、简单的流程及布局、标准化的界面元素。

1) 如何设计实用型应用
专注做好一个功能,使其一目了然,将需要的信息展示在一个层级里,让用户快速地获取某类特定的信息或者执行某一具体的任务,因此在开启后无需操作就能解决问题是最完美的。力争使界面简洁,并尽量使用简单的、标准的视图和控件。设置通常在主视图背面,可以she(设)置不同的数据源。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: