iOS 7人机交互指南之UI设计基础:Layout

移动开发 iOS
开发者要保证交互元素之间的间距充足,从而让用户与内容和控件之间的交互变得轻松,通过突出重点内容或者功能让用户更容易地专注于主要任务,使用视觉的重量和平衡来向用户展示屏幕上相对重要的元素。

布局关注的远不止App的UI元素如何呈现在屏幕上这么简单,开发者可以通过布局向用户展示重点是什么,他们的选择是什么以及内容是如何关联起来的。根据运行app的设备--根据设备当前的方向--app的布局也将会有所变化。

开发者要保证交互元素之间的间距充足,从而让用户与内容和控件之间的交互变得轻松,为应用可点击的控件设置44 x 44(pt)的可点击区域。

通过突出重点内容或者功能让用户更容易地专注于主要任务,比如把主要项目放在屏幕的上半部分,从左到右排列项目,靠近屏幕左侧的内容更容易引起关注。

使用视觉的重量和平衡来向用户展示屏幕上相对重要的元素。Large items看起来更有重量感,可以更好地吸引用户目光和展现项目的重要性。

一般要避免UI视觉上的不协调,功能类似的元素在视觉效果上也应该是类似的。用户经常会假设他们注意到的矛盾和不协调是有因可循的,他们倾向于花时间设法弄清楚背后的原因。

要确保用户在默认尺寸的情况下可以理解应用的主要内容,比如用户不必非得通过横向滑屏才能看到全部内容,或者非得通过放打才能查看主要图片。

责任编辑:闫佳明 来源: cocoachina
相关推荐

2013-06-17 16:12:23

iOS 7人机交互UI设计基础

2013-07-03 15:29:45

iOS 7人机交互iOS 7 UI设计Interactivi

2013-07-03 14:48:25

iOS 7人机交互iOS 7 UI设计Navigation

2013-07-03 13:34:57

iOS 7人机交互iOS 7 UI设计App Anatomy

2013-07-03 16:36:35

iOS 7人机交互UI设计Animation动画

2013-07-03 16:58:36

iOS 7人机交互UI设计Icons

2013-07-03 15:03:46

iOS 7人机交互iOS 7 UI设计Modal Conte

2013-07-03 17:08:14

iOS 7人机交互UI设计基础整合iOS系统

2013-07-03 14:26:19

iOS 7人机交互iOS 7 UI设计iOS设计师

2013-07-03 15:39:58

iOS 7人机交互UI设计Terminology

2013-07-03 17:04:12

iOS 7人机交互UI设计基础Branding品牌化

2013-07-03 16:52:24

iOS 7人机交互UI设计基础文字和色彩

2013-06-24 11:01:30

IT技术周刊

2011-03-02 08:35:19

人机交互界面iOS

2021-08-17 10:54:57

AI 数据人工智能

2015-11-04 09:54:34

ios9人机界面ui

2021-08-17 09:54:05

人机交互交互模型国际主流

2010-04-20 09:08:36

2020-12-08 09:12:22

人机交互智能

2021-04-18 13:50:10

人机交互人工智能
点赞
收藏

51CTO技术栈公众号