聊聊IOS人机界面指南中的三个关键词

   翻了下这几年的iOS人机界面指南,开篇始终是遵从(Deference),清晰(Clarity),深度(Depth)这三个关键字,从iOS7到iOS9从未变过。在iOS>中UI作为内容的支撑,始终服务于内容,就像乔帮主说的“设计不只是看上去的样子和感觉,设计的关键在于它如何发挥作用。”

  一、遵从 (Deference)

  设计为内容服务,UI作为内容的支撑,可以帮助用户更好地理解内容并与之交互,且不会分散用户对内容本身的注意力。以内容为中心被反复强调,而平时设计师却常常会因为过度追求美感而忽视这一点。

  如何使设计遵从内容,并突出内容:

  利用整个屏幕。

  减少视觉修饰与拟物化设计的使用。渐变和阴影有时会使UI变得厚重,影响用户对内容的关注。

  使用半透明底板。半透明能使用户看到更多的内容,起到短暂的提示作用。

  保证应用清晰度。


  二、清晰 (Clarity)

  清晰在这里可以理解为:文字清晰易读,图标精确醒目,去除多余修饰,突出重点,以功能驱动设计。

  如何提升应用清晰度:

  大量留白。留白使内容和功能醒目,并传达出一种宁静安详的视觉感受,更好的让用户聚焦和高效交互。

  用颜色简化UI。突出重点并暗示交互性。

  使用系统字体确保易读性。

  使用无边框的按钮。在内容区域中无边框按钮用文案、颜色及操作指引标题来传达按钮功能,激活态时高亮;在默认状态下所有bar上的按钮都是无边框的。

  正确使用标准UI元素:

  - 尽可能使用UIkit提供的标准UI元素,多使用标准元素而非自定义元素。

  - 严格遵循每个UI元素的设计规范,当你应用中UI元素的外观与功能都是用户所熟悉的,他们可以很容易的根据先前的经验使用它,进而更好的使用你的应用。

  - 避免不同版本iOS里的UI元素混用。

  - 避免创造自定义UI元素来表现标准交互行为。

  - 避免用系统自带的按钮和元素传达其他含义。

  - 在沉浸式体验的应用中,创造全新的自定义UI是合理的,比如H5页面和各种游戏类APP。

  使用户集中注意在主要任务上:

  -使用布局来沟通。用布局告诉用户什么是最重要的 ,如何选择,以及事物之间的关联。

  - 屏幕上半部分放置主要内容。遵循用户从左到右的习惯,并从靠左侧的屏幕开始。

  - 使用视觉元素的大小和平衡向用户展示相关屏显的重要内容。大控件比小控件更容易在出现时被注意和点击。使用对齐来让阅读更舒适,让分组和层次之间更有秩序。对齐会让应用整洁有序,也会让用户在专注屏幕时筛选重要信息。不同 信息组的缩进与对齐让它们之间的关联更清晰,也会让用户更容易的找到某个控件。

  - 确保默认尺寸下重要内容的显示。例如:用户无需水平滚动就能看到重要的文本,或不用放大就可以看到主体图像。

  - 尽量避免UI上不一致的表现。有着相似功能的控件看起来应该相似,用户认为他们看到的不同总是有原因的,而且他们倾向于花时间尝试。

  - 给每个互动元素留足空间,让用户轻松的操作。常用的点按类控件的大小是44X44。


  三、深度 (Depth)

  视觉的层次感和生动的交互动画会让UI看起来更有活力,有助于用户更好地理解并提升用户的愉悦感。

  如何提升交互性和反馈体验:

  用户熟悉的标准手势避免赋予不同的行为,除非是游戏。

  避免创建和标准手势功能相似的手势操作。

  用户已经习惯标准手势操作,没有必要让用户学习达到同样效果的不同操作。

  复杂手势可以作为完成某项任务的快捷方式,但不是唯一的方式。

  用户很懒,提供给用户完成某操作的方式尽量简单、直接,即使这种方法需要额外的动作。简单地手势会让用户集中于当前的体验和内容,而不是操作本身。

  除非是游戏,否则避免定义新手势

  在特定的环境中,可以考虑使用多指操作。虽然复杂的操作不一定适用于所有应用,但对用户会花大量时间使用的应用来说可以丰富体验,例如游戏。

  使用有助于理解的反馈:

  - 尽可能将状态或其他的反馈信息整合到UI中。最好让用户在不进行操作或不跳出当前内容下,获得需要的信息。例如,邮箱应用将当前的状态显示工具条上,这样就不影响当前内容。

  -避免显示不必要的提醒对话框。对话框是一种很强的反馈机制,只能在传递非常重要也是理论上可行的信息时才需要使用它,如果用户常看到很多不是重要信息的对话框,他们很快就会忽略所有对话框提醒。

时间: 2024-09-19 09:53:58

聊聊IOS人机界面指南中的三个关键词的相关文章

苹果iOS人机界面指南

苹果iOS人机界面指南用户界面原则 好的人机界面规范遵从于用户思考和行动的方式,而不屈从于设备的性能.一个缺乏吸引力,复杂的,或违悖逻辑的用户界面,却会让原本优秀的应用变得索然无味.反过来, 一个漂亮的,直觉感知的,引人入胜的界面能强化应用程序的功能,并且能在用户心中激发出正面的情绪. 整体之美 整体之美,并不是简单地指应用界面有多漂亮,而是指应用的外观和功能是否完美地结合.例如,用来处理实际工作的应用通常会简化装饰性的UI元素,并置于背景中,而将重要的地位让给任务本身,因而会仅提供标准的控件和

[ISUX译]iOS 9人机界面指南(三):iOS 技术

[ISUX译]iOS 9人机界面指南(三):iOS 技术 UI规范 summer 2015-11-29 3247浏览 0评论 专为0基础小白量身打造的UI设计入门课程(ps,ai软件+图标技巧),在线学习2个月包教会(公开课3位师傅),拜师费1500,随到随学,可插班.抢名额请加qq群:429369013咨询. 本文译自苹果官方人机界面指南 iOS Human Interface Guidelines ,由腾讯ISUX设计师翻译整理,非发文者一人之作. 文章索引 3.1 3D触摸(3D Touc

超赞的IOS 8人机界面指南(1):UI设计基础

  今天这篇长文让人激动到手发抖,腾讯译者糖箔糊的心血译作,整篇2万多字,源自官方超详细的IOS 8人机界面指南,非常用心的作品,文字到位,逻辑清晰,保证任何一个细节读起来都能明白晓畅,趁着IOS 8 刚刚发布,赶紧提前学起来,千万记得收藏呦! 小技巧:Word 2013会自动检测目录,阅读模式下学习非常方便! 1.1 为iOS而设计(Designing for iOS) iOS 的革新关键词如下: 遵从 :UI能够更好地帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力. 清晰 :

[ISUX译]iOS 9人机界面指南(一):UI设计基础

[ISUX译]iOS 9人机界面指南(一):UI设计基础 raina 2015.10.29 文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 设计跟随内容 (Defer to Content) 1.1.2 保证清晰(Provide Clarity) 1.1.3 用深度层次来进行交流(Use Depth to Communicate) 1.2 iOS应用解析(iOS App Anatomy) 1.3 适应性和布局(Adaptivity and Layout) 1.

《Cisco VoIP(CVOICE)学习指南(第三版)》一1.1 VoIP基础

1.1 VoIP基础 Cisco VoIP(CVOICE)学习指南(第三版) IP语音也就是人们通常所说的VoIP,不过它还有一种称谓叫做IP电话通讯(IP Telephony).其实这两个术语指的都是穿越IP网络发送语音信息,而它们的主要区别在于各自所使用的终端类型.比如说在VoIP网络中,传统的模拟或数字线路通常是通过某种网关连入到IP网络中的:而在IP电话通讯环境中,终端本身就可以直接利用IP进行通信.需要注意的是,包括本书在内,在很多关于这个问题的文献中,这两个术语都有可能交替使用. 由

在iOS应用程序中使用Frida绕过越狱检测

 您当前的位置: 安全博客 >  技术研究 >  在iOS应用程序中使用Frida绕过越狱检测          阿里聚安全在之前的三篇博客中介绍了利用Frida攻击Android应用程序,整个过程仿佛让开发者开启上帝视角,在本篇博客中,我们将会介绍在iOS应用程序中使用Frida绕过越狱检测.即使你从来没有使用过Frida,这篇文章也将会作为进入移动安全开发和分析的入门指南. 相关文章内容: 利用FRIDA攻击Android应用程序(一) 利用FRIDA攻击Android应用程序(二) 利用

《iOS编程指南》——2.1节注册成为iOS开发者

2.1 注册成为iOS开发者 iOS编程指南 在不久之前,获取Xcode需要先注册为苹果开发者.现在不必了,你从Mac App Store直接就可以下载最新本的Xcode和iOS SDK. 如果你还在使用OS X 10.6(Snow Leopard),那么你需要先注册为苹果开发者,成为iOS开发者计划的一员,然后从iOS Dev Center下载Xcode 4和iOS SDK,因为Mac App Store上提供的Xcode的版本只兼容OS X 10.7(Lion)和10.8(Mountain

ios-安卓和IOS有没有中文文档呢,我英文不好?

问题描述 安卓和IOS有没有中文文档呢,我英文不好? 安卓和IOS有没有中文文档?我英文不太好,看不懂英文的,有没有全中文的,不经简单翻译的 解决方案 下个有道词典,直接屏幕取词,没人能每个单词都会,主要要耐心看 解决方案二: 哈皮还是看英文的吧,看看就明白了 解决方案三: 看的多了就明白了,英语差不多的话,就能发现不会的就那么几个关键的词 解决方案四: 这个必须自己适应吧,毕竟各大技术网站还是英文的居多,API也是英文的,一点点积累吧 解决方案五: 一开始都会有这样的烦恼,那么多英文想想都头疼

iOS人机界面设计规范:人机界面设计规范文档局限性

文章描述:iOS Wow体验 - 第一章 - iOS人机界面设计规范纵览. 本文是<iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad>第一章译文精选,其余章节将陆续放出. 苹果公司制定iOS人机界面设计规范(HIG,Human Interface Guidelines)的目的,是为那些刚刚进入iOS领域的设计师和开发者提供一个最权威.最可靠的起点.他们制定这套规范的方式很简单--提供大量的基础理论知识和技术指导,帮