关于iOS 7你有什么样的看法?作为一名交互或视觉设计师,你希望顺应当前大环境的发展趋势,向移动领域拓展自己的视野和能力,于是决定挽起袖子学习iOS应用开发。兴奋之余,你开始做一些初步的研究,但是很快发现,除非自己有足够丰富的编程经验,否则要实现目标还真不是件易事。

头条推荐

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

不管你是重新设计现在的应用,还是开发一个新应用,请先考虑一下像Apple那样重新设计内置应用的方式。iOS 7使用清晰,可以传递层次和位置的分层来展示内容,这样可以帮助用户理解屏幕上物体之间的关系。尽管清新美观的UI和流畅的动画都是iOS 7体验的亮点,但用户内容始终是核心。……>>详细

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

第二篇更多的是从技术的角度对iOS界面组成原理进行了简单的解析,篇幅很短,可稍作了解;更多关于iOS开发入门的内容可参考“设计师应该了解的iOS应用开发基础知识”一文。另外,非常感谢各位朋友在微博上的支持与鼓励,不过有一点需要注意,目前做的这个版本(2013-06-15)并非iOS7设计规范的最终版;该版本的作用及注意事项详见下面的重要提示。

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

几乎所有的iOS应用都会用到一些由UIKit框架所定义的UI控件。对这些基本控件的名称、角色和作用加以了解,你将能更好的在打造界面的过程中做出正确合理的设计决策。

阅读全文

iOS 7人机交互指南之UI设计基础:启动与停止

iOS 人机交互指南之UI设计基础:Starting and Stopping

立即启动

我们常说用户最多花费1-2分钟来评估一款新的app。当你能充分利用这个短暂的时间立即向用户展示有用的内容,那么你的app会引起新用户的兴趣,也会给其他用户一个优秀的体验。

重点:

阅读全文

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

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

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

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

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

阅读全文

iOS 7人机交互指南-UI设计基础:Navigation

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

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

人们在使用应用时,通常不会感知到导航的存在,除非导航带来的体验没有达到他们的预期。而你的工作,就是以符合产品整体架构及目标的方式打造出不会被用户察觉到的导航机制。

总体上讲,导航可以分为三种类型,其中每一类都能很好的适用于一种特定类型的应用:

阅读全文

iOS 7人机交互指南-UI设计基础:Modal Contexts

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

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

模态,一种用来承载特定内容、功能或体验的模式,有其自身的优缺点。它可以帮助用户完成某些任务,或在不受干扰的情况下获取信息,但会暂时性的强迫用户停止与应用其他部分的互动。

阅读全文

iOS 7人机交互指南-UI设计基础:Interactivity

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

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

用户习惯于标准手势

人们会使用诸如点击(轻按)、拖拽、开合等手势与iOS设备及应用进行互动。手势能够在人与设备之间建立起更人性化的关联,增强用户对于直接操作(direct manipulation)的感知。通常,人们会希望所有应用当中的手势操作模式都保持一致,例如:

通过点击(tap)来按压或选择一个对象。

阅读全文

iOS 7人机交互指南-UI设计基础:Terminology&Wording

App中的每个单词都是你与用户之间交流对话的一部分,把交流和对话当做是让用户在app中感觉舒适的契机。

要确保用户理解你使用的术语。根据你对用户的理解来确定你原先计划使用的字词和短语是否适当。比如技术术语对不懂技术的用户帮助甚少,但在一款专门技术型用户设计的app中,使用技术术语反而是恰到好处的。

使用非正式的友善的语气语调,但不要太过随便。你希望避免太过呆板或者太过拘谨,但你又不希望为了表现出过分友善而屈尊俯就。用户有可能多次阅读UI上的文字,一些最初看起来比较聪明的语句重复多次后可能会惹恼用户。

要像报纸编辑那样思考,注意不要使用多余的或者不必要的词句。如果你的UI文本简短直接,那么用户就可以简单快速地吸收理解。确定最重要的信息,简洁地表达出来,并显著地展示出来,这样用户就不用非得阅读大量文字才能找到他们想要的内容,或者弄明白下一步是什么。

阅读全文

iOS 7人机交互指南-UI设计基础:Animation动画

漂亮的、精细的动画遍及iOS UI的各个方面,可以让用户的app体验更加迷人,更富动态。精细的适当的动画可以:

1.传达状态

2.提高用户对直接操作的感知

3.帮用户可视化操作结果

阅读全文

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

文字应该清晰易读

首先,文字必须是清晰可辨的,如果用户不能看清楚app中的字词,那么文字再好看也没有什么意义了。当你在iOS 7 app中使用Dynamic Type时,你可以实现:

1.能自动调整文字的粗细,字母间距以及行高。

2.为语义上有区别的文本模块指定不同的文本样式,比如正文、脚注或者标题。

阅读全文

10 iOS 7人机交互指南-UI设计基础:Icons and Graphics

App Icon

每个app都需要一个漂亮的icon,依靠icon的外观来评判/确定一款app的质量、目的以及可靠性的用户并不在少数。

当你思考app cion设计的时候,需要记住几件事。当你开始创造它的时候,要看看App Icon以获得详细的指南和说明。

阅读全文

11 iOS 7人机交互指南-UI设计基础:Branding品牌化

品牌化并不仅仅是在app中展示品牌的颜色和logo。理想状态下,你开发的某个特定品牌的app应该通过创建独特的外观和感觉为用户提供难忘的体验。当你需要让用户意识到你的品牌时,你应该遵循以下几点:

1.以精致优雅不唐突的方式植入品牌的颜色和图片。用户使用你的app来完成事务或者进行娱乐,他们不希望被强迫着去观看广告。为了获得最好的用户体验,应该以无打扰地提醒用户你的品牌身份。

iOS 7可以让你简单地在app中通过定义一个key color来指示交互性和选择状态。

2.避免远离用户关心的内容。比如,在屏幕顶部展示一个second bar,仅用来展示品牌资产,这意味着内容没有足够的空间,可以考虑以其他低侵入性的方法无处不在地展示品牌,比如巧妙地定制屏幕的背景。

阅读全文

12 iOS 7人机交互指南-UI设计基础:整合iOS系统

使用标准的UI元素

尽可能使用UIKit框架提供的标准UI元素,这样用户和开发者都能从中获益:

对开发者而言,如果iOS进行了重新设计,那么标准的UI元素能够在系统更新时自行更新,而自定义的元素则不会。

对用户而言,标准的UI元素会让他们觉得很舒服,这样他们可以立即理解如何在应用中使用这些标准的UI元素。

为了好好利用这些标准的UI元素,需注意以下至关重要的几点:

阅读全文

相关内容

iOS 7 beta安装教程
在WWDC2013大会上苹果发布了iOS7,虽然只是beta版,苹果CEO宣布它是iOS史上…
设计师应该了解的iOS应用开
本文的目的就是帮助各位设计师在最短的时间内,以实战的方式探索iOS应用开…
iOS 7之后,AppStore改版!
WWDC2013之后,随着iOS 7的发布,AppStore的更新版本也发布了,不管是扁平…
苹果发展新策略:iOS 7发布
距离WWDC大会发布iOS 7已有一段时日了,但苹果仍在不断的完善和优化系统的…
iOS 7中新增的API:游戏手柄
在周一举行的WWDC上,苹果软件工程高级副总裁Craig Federighi提及iOS 7中将…
关于iOS 7的一切:全新外观
在为时120分钟的WWDC 2013大会上,苹果发布了众多软硬体产品。其中最受瞩目…
iOS 7上的五个小圆点:它们
Cult of Mac 网站发 现了 iOS7 上一个有趣的细节。iOS7 上的信号栏是五个小…

投    票

iOS 7的界面风格你有什么看法?
喜欢,非常给力!非常现代!
还行,能接受,对于界面要求不高。
非常糟糕,不喜欢这个风格!
无所谓,对这个关注度一般!
其他想法

专题推荐

在iOS深层开发中我们大都会遇到诸如多媒体,传感器相关的问题,这些问题有些时候并不像看上去那么容易解决
iOS开发之难点,深层技术点
在iOS深层开发中我们大都会遇到诸如多媒体,传感器相关的问题,这些问题有些时...
写给开发人员——苹果的最新一代移动操作系统已经正式与公众见面。在这份指南中,我们将一同了解它最为重要
iOS 7开发者必读:埋藏其中
写给开发人员——苹果的最新一代移动操作系统已经正式与公众见面。在这份指南中...
相信很多开发者在iOS项目的开发过程中,都会使用到一些必须的开发工具,无论是资源类,还是App类相关,这些
iOS 开发工具大汇总
相信很多开发者在iOS项目的开发过程中,都会使用到一些必须的开发工具,无论是...
开发者在代码开发和维护中,往往会遇到很多代码优化和内存优化的问题,如果没有一个好的优化方法的话,会使
iOS开发各类优化解决方案集
开发者在代码开发和维护中,往往会遇到很多代码优化和内存优化的问题,如果没有...

一周排行

留言评论