翻译Human Interface Guildeline for iOS: 1.1 Themes of iOS

目录:挑战:翻译Human Interface Guildeline for iOS

翻译:

iOS设计主题

作为APP设计者,任何人都有机会推出一款出类拔萃的产品,并登上App Store的榜首。为此,你需要满足(我们)对质量和功能的要求。

iOS与其他平台的主要区别在于三个主题:

  清晰。在整个系统中,所有大小的文本都要清晰可辨,图标要精确易懂,装饰要微妙恰当,以对功能的高度关注推动设计。Negative space、颜色、字体、图形和界面元素要巧妙地突出重要内容,并体现(良好的)交互性。(Negative space负空间; 留白; 消极空间; 负面空间; 实体周围的空间)

  顺从。用变化流畅、干净利落并且美观的界面帮助人们理解内容并与之互动,而不是与之斗争。内容通常填满整个屏幕,而半透明和模糊常常暗示更多。尽量少使用边框、渐变和阴影,保持界面轻盈,同时确保展示内容是首位的。

•  深度。用鲜明的视觉层次和逼真的动态变化传达层次,赋予活力,促进理解。用触摸和探索性提高愉悦感,并允许在不丢失上下文的情况下访问功能和其他内容。在用户浏览内容时,用转换提供一种深度感。

设计原则

为了最大限度地提升影响力和影响范围,在设想App的特性时,请牢记以下原则。

审美完整性

审美完整性代表了一个应用程序的外观和行为与其功能的完美结合。例如,一个帮助人们执行严肃任务的应用程序可以通过使用微妙的、不显眼的图形、标准控件和可预测的行为使他们保持专注。另一方面,一个身临其境的应用程序,如游戏,可以使用非常吸引人的外观,以确保欢乐和兴奋,同时鼓励探索。

一致性

一个高度一致的应用程序应该通过使用系统提供的交互界面元素、熟知的图标、标准文本样式和统一的术语来实现一致的标准和范例,以人们期望的方式整合功能和行为。

可直接操控

屏幕内容的可操控性越强越能吸引用户使用,并帮助理解。当用户旋转设备或使用手势影响屏幕内容时,应该让用户体验到很强的可操作性。通过直接操控,让用户可以即刻看到他们的行为产生的结果。

反馈

及时的反馈让用户可以确认操作产生了效果,并且让用户知道操作的进展。内置的iOS应用程序为用户的每一个动作提供可感知的反馈。比如,当用户点击交互元素时,元素会短暂地突出显示,进度条可以告知用户长时间运行类操作的状态,动画和声音会帮助阐明操作的结果。

隐喻

当一个应用程序的虚拟对象和操作是对熟悉体验的隐喻时,无论这种体验是根植于现实世界还是数字世界,人们都能学得很快。因为人们可以与屏幕进行直接的物理交互,所以隐喻在iOS中被广泛的使用,并且效果很好。用户可以将视图移开,以展示视图之下的内容,他们拖拽或滑动内容,切换开关、移动滑块、滑动选择数值,甚至像翻阅书籍和杂志一样翻阅应用提供的内容。

用户掌控

在整个iOS系统中,控制局面的不应是应用程序,而应该是人。一个应用程序可以建议用户采取某种行动方案或警告危险后果,但通常情况下,不能让应用程序接管决策。最好的应用程序在听从用户决策和避免不想要的结果之间找到了正确的平衡。一款应用程序应该通过采取类似以下几种的措施,让人们感觉应用在自己的掌控之中:使用人们熟悉和可预测的互动元素;在破坏性的行为进行之前取得用户的认可;让取消操作变得容易,即使这些操作已经在进行中。



原文:

iOS Design Themes

As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality.

Three primary themes differentiate iOS from other platforms:

Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.

Deference. Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. Content typically fills the entire screen, while translucency and blurring often hint at more. Minimal use of bezels, gradients, and drop shadows keep the interface light and airy, while ensuring that content is paramount.

Depth. Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. Touch and discoverability heighten delight and enable access to functionality and additional content without losing context. Transitions provide a sense of depth as you navigate through content.

Design Principles

To maximize impact and reach, keep the following principles in mind as you imagine your app’s identity.

Aesthetic Integrity

Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. For example, an app that helps people perform a serious task can keep them focused by using subtle, unobtrusive graphics, standard controls, and predictable behaviors. On the other hand, an immersive app, such as a game, can deliver a captivating appearance that promises fun and excitement, while encouraging discovery.

Consistency

A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. The app incorporates features and behaviors in ways people expect.

Direct Manipulation

The direct manipulation of onscreen content engages people and facilitates understanding. Users experience direct manipulation when they rotate the device or use gestures to affect onscreen content. Through direct manipulation, they can see the immediate, visible results of their actions.

Feedback

Feedback acknowledges actions and shows results to keep people informed. The built-in iOS apps provide perceptible feedback in response to every user action. Interactive elements are highlighted briefly when tapped, progress indicators communicate the status of long-running operations, and animation and sound help clarify the results of actions.

Metaphors

People learn more quickly when an app’s virtual objects and actions are metaphors for familiar experiences—whether rooted in the real or digital world. Metaphors work well in iOS because people physically interact with the screen. They move views out of the way to expose content beneath. They drag and swipe content. They toggle switches, move sliders, and scroll through picker values. They even flick through pages of books and magazines.

User Control

Throughout iOS, people—not apps—are in control. An app can suggest a course of action or warn about dangerous consequences, but it’s usually a mistake for the app to take over the decision-making. The best apps find the correct balance between enabling users and avoiding unwanted outcomes. An app can make people feel like they’re in control by keeping interactive elements familiar and predictable, confirming destructive actions, and making it easy to cancel operations, even when they’re already underway.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容