BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

iOS7界面设计规范(4) - UI基础 - 布局

iOS7界面设计规范(4) - UI基础 - 布局

好吧,第四篇的样子,节奏还好;我怎么又是刚吃过小龙虾的状况呢。

今天的话题是布局,篇幅很短;我自己好喜欢这样,在还有些剩余时间和精力的情况下,一个话题一个话题的推进,做做译文,并热切的希望这些内容在自己接下来的工作中可以很快派上用场;如果同时能够给各位朋友带来些用得到的价值则更好。哦另外,如今一旦有机会认识一些很酷很酷的同行,或是看到个很酷很酷的什么产品,仍是觉得相当开心,有力气做事的赶脚;庆幸自己还可以这样。那么开始叭。

重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核,但并非最终版本,仅供苹果开发者计划的注册会员使用。苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化,届时,你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。

译文最后更新时间:2013-06-19

布局所关乎的远不止“界面元素在屏幕上看上去如何”这么简单。通过布局,你可以让用户知道哪些东西是最重要的,他们有哪些事情可做,内容之间具有怎样的关联。取决于设备类型及横竖屏定向方式,同一款应用的界面布局也可能会有不同的模式。

确保交互元素具有足够大的尺寸,以便用户可以很容易的与内容和功能进行互动。可点击对象的实际点击区域尽量不小于44*44像素。

将重要的内容和功能放在权重更高的位置上,使用户的注意力可以更好的聚焦在主要任务上。通常,将最重要的元素放在前半屏是比较好的做法,另外,对于阅读习惯是从左到右的用户来说,更贴近屏幕左侧的位置也是更容易引起关注的。

利用视觉表现形式的权重和平衡,向用户展示界面元素之间的相对重要程度。尺寸较大的元素拥有更高的权重,相比于尺寸较小的元素来说,更能吸引目光,看上去也更加重要。

通常情况下,要防止UI元素在外观上具有不统一的表现形式。尽可能让具有相似功能的元素同时具有相似的外观。人们一旦留意到不一致的外观表现,就很容易假设这背后是有原因的,并倾向于花费时间去搞清楚这种差异究竟代表什么。

确保界面中的主要内容在默认尺寸下可以被阅读和理解。不要让用户必须横向滚屏才能看到完整的文字内容,或是必须执行放大操作才可以看清楚内容图片

上一篇:iOS7界面设计规范(3) - UI基础 - 启动与退出

下一篇:iOS7界面设计规范(5) - UI基础 - 导航

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - UI/UX 设计布道师,设计师,译者,猫奴,音乐玩家。
评论 (2)
一次性看了四篇iOS7界面设计规范,谢谢你的分享。继续加油。然后吐下验证码的槽,难认又没有意义,可以类似新浪微博那种吗,或者其他的,更有乐趣的形式
嘿嘿收到,有机会尽量改进