[搬运/翻译]iOS人机界面指南:第1章 iOS
iOS人机介面指南:第1章 iOS
原作者:苹果公司
翻译者:王宏远
翻译原文:https://www.craft.do/s/DhN404phzulAU6
分享转载请保留作者与译者信息
iOS人机界面指南对于软件行业的从业者,尤其是设计师与产品经理,是非常好的学习与参考材料。可惜的是这份材料官方发布仅有英文版本,现有中文翻译也比较陈旧,并未包含数年来不断更新的内容。因而我希望能够根据最新的版本,对此文档进行翻译,为自己和同行提供一个方便易读的版本。由于内容过长,翻译文本会分章节发布在这里。我的英文翻译经验并不丰富,内容中有不恰当的地方,欢迎大家批评指正,共同讨论。以下是正文内容。

1. 主题(Themes)
ios设计主题
作为一位应用设计者,你有机会打造AppStore中最出色的产品。要做到这一点,你需要满足用户对质量和功能的高期望。
三个主要特征将iOS和其他平台区分开来
清晰 (clarity):在整个系统中,所有大小的文字应当清晰易读,图标准确且容易理解, 装饰性元素巧妙恰当,整体设计应当由对功能的特别关注驱动。留白(negative space)、颜色、字体、图形、还有界面元素应当巧妙地凸显出重要内容,表达交互信息
顺其自然 (deference):流畅的动画和清新、美观的界面帮助用户理解并与内容互动,无需为之劳心费力。内容一般会填满整个屏幕,透明度和模糊效果的应用则只是提供一些暗示。尽量克制地应用线条、颜色、投影,从而打造轻盈的界面,同时保证内容处在首要的位置上。
纵深 (depth):明确的视觉层级和贴近真实世界规律的动画不仅区分开了层级关系,更传达了动感,对用户理解界面起了重要的辅助作用。触控操作和可见的视觉元素不仅让使用体验更加愉快,更让用户能够在统一的软件环境中,自如地访问各种各样的功能和附加内容。当你在内容中导航的时候,过渡动作也加强了用户对界面纵深的感知。
设计原则
在你确定你的应用的关键特性时,为了最大化它的影响力和受众,请将以下几条原则纳入考量
美感的完善 (aesthetic integrity)
美感的完善主要关注产品的外观和行为多大程度上与其功能相耦合。举个例子,一个帮助人们完成严肃任务的应用,可以通过微妙的,不招摇的图画、标准控件和符合预期的行为方式来帮助用户保持专注。相反的,一个沉浸式的应用,比如一个游戏,就可以打造一个引人入胜的外观,来体现其有趣、令人激动的特点,同时鼓励用户在其中探索。
一致性 (Consistency)
一个具有一致性的应用应当使用令人熟悉的标准和范式,具体来说,可以使用系统提供的界面元素、广为人知的图标、标准化的文字样式、统一的专用词语等。应用在功能和行为方面,应当符合用户的期待。
直观的操控 (Direct Manipulation)
对屏幕上内容的直观操控能够吸引用户,并且加速其对界面的理解。具体例子包括用户转动设备改变界面方向,或者使用手势来操控屏幕内容等。通过直观操控,用户可以快速,清晰地看到他们的操作的效果。
反馈 (Feedback)
反馈可以让用户感知到动作,展示操作的结果,从而保证用户了解软件的实时动态。iOS的内置应用为每一个用户操作提供了可感知的反馈。举例来说,可交互的元素在他们被惦记的时候会瞬间高亮,进度指示器能够传达长时间运行任务的状态,动画和声音则能够使动作的结果变得更加清晰。
隐喻 (Metaphors)
当应用里虚拟的物体和动作,隐喻了现实或数字世界中的熟悉体验,用户就能以更快的速度学会它的使用方法。因为用户直接接触着移动设备的屏幕,所以隐喻在iOS系统中表现的很不错。他们会把试图移开,来展示下面的内容;他们会拖动、轻扫屏幕;他们拨动开关,移动滑标,滚动数值选择器;他们甚至像翻动书本一样翻动屏幕里的书籍和杂志。
用户控制 (User Control)
在iOS系统中,用户才是控制者,而非应用。一个应用可以建议采取某种操作,或者警告危险的后果。如果应用替用户做出了选择,这一般来讲是错误的。最好的应用应当在给予用户控制权,和避免不想要的后果之间达成正确的平衡。可以通过保持交互元素熟悉且容易预测,在破坏性操作前执行确认,设计简易的,在进程中仍能起作用的取消机制,来让用户感受到他们掌控着控制权。
2. 界面要素 (Interface Essentials)
大部分iOS应用都使用UIKit中的组件构成。这个程序框架包含了通用的界面元素。它一方面让整个系统中的各种应用呈现出一致性,同时也允许高度的个性化定制。UIKit中的组件既灵活又熟悉,它们极具适应性,让你设计的应用在任何iOS设备上都能完美呈现。当系统界面发生了变化,这些组件还能自动更新。UIKit提供的界面组件可以分为三个主要类型:
栏 (Bars):提供导航功能,告诉用户它们在应用中的位置,也有可能包含按钮或其他元素,以便开始操作或传递信息。
视图 (Views):包含了用户在你的应用中看到的主要内容,比如文字、图形、动画,还有可交互元素。视图允许用户进行滚动、插入、删除、排列等操作。
控件 (Controls):用来发起操作或传递信息。按钮、开关、文本域、进度指示器等都属于控件。
除了构成iOS自身的界面,UIKit所提供的功能也可供第三方应用使用。举例来说,通过这个框架,你的应用可以相应触摸屏上的各种手势,同时具有拖动、辅助功能、打印等能力。
除了UIKit,iOS还紧密地与其他程序框架和科技整合在一起,比如Apple Pay、HealthKit,还有ResearchKit,这让你能够设计十分强大的应用。





















































![AIGC助力电商视觉×头盔系列AI生成 [动态化探索实践]](https://img.zcool.cn/community/68e8da720067cv09d9quve1777.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)





























