iOS-HIG 综述-设计风格

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.

作为一名app设计师,你有机会提交一个卓越的、在苹果商店购物车中名次靠前的产品。为了做到这一点,你需要满足质量和功能的高期望值。

Three primary themes differentiate iOS from other platforms:

3个IOS不同于其他平台的设计风格:

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.

为了让你的应用更好,让人印象深刻。记住以下设计原则在你设计app的时候。

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.

完整的美学代表有你的app外貌、行为与它的功能集成得有多好。例如,利用精确不唐突的图片,标准控制,可预测的行为一个app帮助用户集中精力解决一个复杂的任务。另一方面,一款沉浸式的app,例如一款游戏,会有拥有一个令人着迷的界面来带给人们乐趣和兴奋,同时鼓励探索。

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.

一款拥有一致性的app通过利用系统提供的界面元素,熟悉的图标,标准的文本风格和统一的术语实现熟悉的标准化和模板。app会按照人们期望的方式组织功能特性和行为。

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.

反馈保证用户操作之后的结果及时展现。对于任何用户动作,那些内置的iOS apps 提供相应可预测的反馈行为。交互元素被轻敲后会高亮显示,进度条用来表示一个长操作的状态,动画和声音加强操作结果显示效果。

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.

当一个app的虚拟对象和动作是隐喻我们日常熟悉的经验时,用户能够学得更快-无论在现实世界和数字世界。隐喻在IOS中表现良好是因为人们是通过物理行为与屏幕交互的。他们移动界面暴露在内容之下。他们拖拽和滑动内容。他们转换开关,移动滑块,滚动选取选项值。他们甚至通过滑动来翻阅书和杂志。

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.

贯穿iOS,用户-而不是apps-会觉得一切尽在掌控。一个app可以给用户操作建议或者警告危险的后果,但让app完全接管决策通常是个错误。最棒的app会在授权用户和避免不想要的结果之间找到最佳平衡。一款app会让用户觉得一切尽在掌握通过使用熟悉和可预测性的交互元素,破坏性操作需要确认,还有让取消操作变得简单,甚至仅当用户在操作起步阶段。

https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/

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

推荐阅读更多精彩内容