目录:挑战:翻译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.