iOS Human Interface Guidelines(原创翻译)

ps:希望自己能坚持着翻译下去吧,练练有些荒废的英语,顺便也加深一下对iOS人机交互的认识和理解!

UI设计基础

为iOS进行设计

iOS包括一下的主题:

·遵从性。UI帮助人们理解内容以及与内容进行交互,但却从来不和内容相竞争。

·明确性。要做到文本在每一种字号下都很清晰,图标很精确并且能够明确易懂,陪衬是很精妙并且合适的。加强聚焦功能能够提升激励设计。

·深度。可视化的层级和切实可行的手势表现出活力,并且能够提高人们的理解和愉悦度。ps:motion 现在还不是太理解具体含义,暂定这个翻译。

不论你是在重新设计一款比较老旧的app还是创造一个新app,可以考虑从一下方式来完成你的工作:

·首先,从UI来看出这个app的核心功能,并且确定它的相关性。(UI和功能的相关性)

·其次,运用iOS的主题来赋予UI和用户体验设计。用心增加修饰,但永远不要无端的这样做。

·最后,确保你的UI的设计能够对不同的设备和模式进行调整,这样的话用户就可以在尽可能多的环境中使用和欣赏你的app。

在这个过程当中,准备好打破常规,对问题进行假设,并且以对内容和功能的聚焦为原则来激励你的每一个设计决策。

遵从内容

尽管简明的,漂亮的UI和流畅的滑动是iOS体验的亮点,但是用户内容才是最重要的。

这里有一些方式来确保你的设计能够提升功能性并且遵从用户的内容。

·利用好整个屏幕。天气应用是运用这个方法的很棒的例子:对本地当前天气状况的漂亮的全屏描述,还有一部分为每个时段的数据留出的空间,立刻传达出来了最重要的信息。

·重新考虑物理和现实的可视化标志。底座,斜坡,和斜坡的阴影有时候会导致UI元素更显著以至于和内容进行竞争,甚至压倒内容。ps:heavier 暂翻译成显著

·让半透明的UI元素暗示出在它们之后的内容。半透明的元素---例如控制中心---提供环境,帮助用户看到更多可以操作的内容,并且传达出一种短暂的感觉。在iOS中,一个半透明元素仅仅会模糊在它之后的内容---给人一种透过米纸看东西的印象---它不会模糊屏幕其它部分的内容。ps:rice paper 搜了一下,可以这样翻译,只是我们对这种烘焙用的米纸不熟悉。

·提供说明。提供说明是另一种来确保内容在你的app中是首要的的方式。这里有一些方式来使最重要内容和功能清晰和易于交互。

  ·使用足够多的负空间。负空间使重要内容和功能更显著,更容易去理解。负空间也能够传达出一种平静的感觉,使你的app看起来更有侧重点,更加高效。

  ·让颜色简化UI。一种关键的颜色---例如在Notes中的黄色---标记出重要的状态还巧妙地表现出交互,还能够给与一个app一种一致的视觉主题。内置的apps

使用了同一类的纯净,整洁的系统颜色,这些系统颜色在每种色彩,黑暗背景和明亮背景下都看起来不错。

  ·使用系统字体来确保清晰度。iOS系统字体自动地调节字符间距和行高,因此文本在每个字号下都阅读起来很容易,看起来也很棒。不论你使用系统字体还是自定义字体,确保使用动态类型。这样当用户选择不同的字号的时候,你的app都可以反应的很好。

  ·接受无边框按钮。通常来说,长条形按钮是没有边框的。在内容区域,一个无边框的按钮使用文本,颜色和一个“行为召唤”标题来传达交互。当它起作用时候,一个内容按钮可以可以带有窄边框或带色彩的背景来使它变得特殊(容易辨认?)。

·使用深度(层级)来传达。iOS经常放置内容在不同的层来传达体系和位置,帮助用户理解屏幕上物体的关系。

文件夹通过使用半透明的背景和外观来浮于主屏幕上方,把它之内的内容和屏幕的其它部分分离开来。

Reminders,正如在下方展示的一样,在不同的层摆放列表。当用户对其中的一个列表操作时,其它的列表会被收集到一起摆放到屏幕的底部。

当用户在年,月,日之间相互移动(切换)的时候,Calendar使用加强的过渡来给他们一种体系和层级的感觉。在如下所示的滚动的年视图中,用户能偶一眼看到今天的日期并且进行其它的对日历的操作。当用户选择一个月份的时候,年视图镜头拉近(不是太理解拉近)展现出月视图。在月视图中,今天的日期保持高亮状态,年份出现在返回按钮处,因此用户可以确切地知道他们在哪,他们从哪来以及如何回去(在层级中)。当用户选择某天的时候会产生一个相似的过渡:月视图会分离开,把当前日期所在的的周推到屏幕的上方,展示所选择这个日期的时视图。在每一次的过渡中,Calendar加强了年,月,日之间的等级关系。

时间: 2024-11-05 15:56:33

iOS Human Interface Guidelines(原创翻译)的相关文章

iOS human Interface Guidelines(原创翻译)第二章

iOS app解剖 几乎所有的iOS app 都至少使用一些由UIKit框架定义的UI组件.在你设计你的app的UI的时候,知道这些基本组件的名字,角色,功能可以帮助你做出充分合理的决定. UIKit提供的UI元素分为四大类: ·条形.条形包括告诉用户所在位置(定位)的环境信息,和帮助用户导航或者做出行动的控件. ·内容视图.内容视图包含app具体的内容,并且允许滑动,插入,删除和对元素重新排列管理这些行为. ·控件.控件表现行为或者展示信息. ·临时视图.临时视图可以简要地显示,给用户提供重要

iOS Human Interface Guidelines(原创翻译)第三章

适配和布局 ·适配创建 通常来说,人们想要在他们所有的设备上使用他们最喜爱的app,不论是在设备什么样的定向上.在iOS8和稍后的版本中,你可以使用尺寸类和自动布局在设备放置环境改变时候通过定义屏幕布局,视图控制器和视图应当如何调整来帮助你满足这个期望.放置环境的概念可能会涉及到整个屏幕或者仅仅是屏幕的一部分,比如一个弹出菜单的区域或者是在一个分离的视图控制器中的主要视图. iOS定义了两种尺寸类别:常规和紧凑.常规尺寸类和宽松的空间联系到一起,紧凑尺寸类和有限的空间联系到一起.为了描述一种放置

iOS Human Interface Guidelines(原创翻译) 目录

第一部分:UI设计基础 第一章:iOS设计 第二章:iOS app解剖 第三章:适配和布局 第四章:开始和停止 第五章:导航 第六章:情态环境(暂定,不理解) 第七章:交互和反馈 第八章:动画 第九章:品牌宣传 第十章:颜色和排版 第十一章:图标和图形 第十二章:术语和言语交流 第十三章:与iOS集成(暂定) 第二部分:设计策略 第一章:设计原则 第二章:从概念到产品 第三章:个案研究:从桌面程序到iOS app 第三部分:iOS技术 第一章:App 扩展 第二章:通知 第三章:多任务处理 第四

iOS Human Interface Guidelines(原创翻译)第四章

开始和停止 ·立刻开始 有一种说法是人们最多花费1或者2分钟来评价一个新的app.当你立刻呈现有用的内容来充分利用这段短暂的时光的时候,你激起了新用户的兴趣并给予用户一种优秀的体验. 重点:不要告诉人们在安装完你的app之后要重启设备.重启会花费时间并且让你的app看起来不可靠和不好用.如果你的app有内存使用问题或者其它问题使它很难运行,除非系统刚刚启动才行,那么你需要解决这些问题.如果要寻求开发良好品质的app的指导,请参阅iOS app编程指导中的高效使用内存. 尽可能地避免展示一个色块屏

iOS 人机交互指导方针(iOS Human Interface Guidelines)

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. UI 设计基础 UI Design Basics 为 iOS 7 设计 Designing for iOS 7 iOS 应用剖析 iOS App

【译】iOS人性化界面指南(iOS Human Interface Guidelines)(一)

1. 引言1.1 译者自述 我是一个表达能力一般的开发员,不管是书面表达,还是语言表达.在很早以前其实就有通过写博客锻炼这方面能力的想法,但水平有限实在没有什么拿得出手的东西分享.自2015年7月以来因工作及个人的兴趣开始逐步转向iOS开发,在这期间系统的学习了下斯坦福桥大学Paul老爷子关于iOS7,iOS8的视频公开课及苹果官方的开发文档.当然也包括这篇<iOS Human Interface Guildlines> ,半年的学习下来碰到最大的问题就是遗忘,很多知识点学过没多久就忘记了,必

《iOS Human Interface Guidelines》——Launch Files

启动文件 启动文件(或者图片)提供了简单的在你的app启动的时候iOS显示的占位图.这个占位图会让用户觉得你的app很快就有响应,因为它直接显示而且很快会被你的app的第一个屏幕代替.每个app都必须提供一个启动文件或者至少一个静态图片. 在iOS 8及以后的系统中,你可以创建一个XIB或者故事版文件来代替静态启动图片.当你在Interface Builder中创建一个启动文件时,使用尺寸类来定义不同显示环境的不同布局,使用Auto Layout来做小的调整.使用尺寸类和Auto Layout意

《iOS Human Interface Guidelines》——Toolbar Bar

工具栏 工具栏包含了执行与屏幕视图中的对象相关的操作的控件. 一个工具栏: 是半透明的 在iPhone上永远出现在屏幕视图的底部边缘.在iPad上也可以出现在屏幕视图的顶部边缘. 可以在键盘出现时.用户做一个手势时或者抱哈你的视图控制器过渡成水平紧凑环境时隐藏. API NOTE 工具栏一般包含在导航控制器(管理一系列层级的自定义视图显示的对象)内.查看Displaying a Navigation Toolbar和UIToolbar Class Reference来学习更多关于在你的代码中定义

《iOS Human Interface Guidelines》——Multitasking

多任务处理 多任务处理让人们在屏幕上(以及合适的iPad模式)查看多个app,并且在最近使用的app中快速地切换.在iOS 9中,人们可以使用多任务处理UI(如下所示)来选择一个最近使用的app. 在多任务处理环境中的成功取决于与设备上其他app的和谐共处.在高层面上,这意味着app应该: 用心地优化资源的使用来避免使用过多的CPU.内存.屏幕控件和其他资源 优雅地处理其他app的干扰和声音 停止和重新开始--即过渡到后台或从后台过渡--快速而平滑 当没有在前台时对行为负责 下面的特有的指南会帮