@C7210 ：图文版 WWDC，由 Apple 设计师 Cas Lemmens 为我们讲解如何 Apple 生态体系多设备进设计。上话题聚焦于目标平台选择，过朋友不妨回看；本期来看如何目标平台进功能适配与风格协调。
《图文版 WWDC 设计分！跨平台设计 (1) ：平台选择》
跨平台设计 – 平台适配
我们已经了解了如何选择目标平台，接下来进入跨平台设计流程第步，「平台适配」，即基于目标平台特性，我们希望 app 能够实现功能及互动进有针性调。
仍以「健康记录」 app 为例。在 iPhone 版本「健康记录」，你可以做很多事，譬如查看今日进展、历史成、体能训练统计、好友健身记录等等；你可以所有数据进管理，可以添加训练项目，邀请好友或是分享你进展和成。
所有这些在 iPhone 上都是可，并是符合 iPhone 这个平台情境特质。iPhone 是常私化设备，所有这些健康数据都是关乎个；而所有相关操作都需花费很长时，样符合 iPhone 交互特质。
而在 Watch 上，「健录」app 的功能被大幅削减和简化，但其结果正符合 Watch 的情境特质 – Watch 同样是高度私人化的设备，且互程非常短暂，数时以「简单一瞥」为主。在设计 Watch 版时，我们的目标之一就是确人们在一瞥之间即获取「今进展」及「健身录」等关键信息。
上所述，「平台适」的主要任务之一，就是面向目标平台，对产品功能及操的复度进行权衡与取舍，以适应平台的情境特质。
另一项主任务，则了解目标平台所提供的独特功能，并充分加以利用。
譬如对于 Watch，需要思考，「哪些功能是 Watch 所有的呢？它可以追踪你的运动，监测你的心率，定位你的地点；所有这些能力似乎都‘康记录’高度相关」。于是当你思考应该为 Watch 版本添加哪些独的功能，诸如「添加训练项目」或「定运动目标」等便是然而然的事了。
再次强调，正如我们在第一步「平台择」当中了解的，只有充分考虑目标平台的「情境」与「」，才确保产功性与平台之间的正确适配系。
这正是「平台适配」的键在：对 app 的功进行优先级调配，使更符合目标平台的情境特质；考虑必要的功，使充分利目标平台的独特。
以 Photoshop 为例。使用过 Mac 版本们都知这是个体量庞大 app，功能不计其数，你可以用它来做常多事情。
在尝试将所有这些功能转移到 iPhone 时，Adobe 做常漂亮。他们将繁杂功能拆解到了三个不 app ，所有操作都 iPhone 短时交互特性进了优化，时他们充分利用了 iPhone 平台独特能力，例如接在图片编辑工具融入了摄照片功能。
再来看《纽约时报》。如今，在 iPhone、iPad 或是他们网站上，你都可以读到这份报纸。在 Watch 版本 app ，你能浏览到近期些新闻头条；如你被标题吸引，可以浏览到这篇消息些概要。如你希望看到全文，他们会引导你到 iPhone、iPad 或是网站进阅读；为阅读全文为已经不再是「短时交互」了，它并不符合 Watch 使用情境。
跨平台设计 – 风格协调
了解了如何基于设备的情境与来择目标平台并进行适配，接来我们需要对 app 的外观格及交互体验进行定义。
谈到格与体验，我们总会想到「一致性」这个概念。对于跨平台设计来说，如何你的 app 在各个平台之间保持和谐一致，这是非重要的问题。
然而「致」显然不意味着「完全相」。在 Apple，我们绝不会将 app 在某个平台上视觉与交互风格简单地复制到另个平台。保持致性关键在于充分协调与权衡。
你需要在两个致性寻求平衡。
一方面，你需要持品牌感的一致。意味着当人们打开你的 app，他们应该能够立即识别出你的品牌。品牌一致令人们感到熟识，同时也是产品在不同平台之间持续构建品牌信任感的基础。
另一方面，需保持 app 与特平台风格的一致性。这意需遵从平台提供的设标准，使 app 具平台本化的特征。特平台的所 app 都应该具备本化的可识别性，否则用户每使用一新 app 都将付出额外的学习本与认知负荷。
这两类一致性之间实平衡非常重，且并非易事。这很可能整跨平台设流程当中具挑战性的任务。
Apple 提供的人机界面计指南（Human Interface Guidelines，简称 HIG）在这会起重要的作用，你可以从中学每个的计则标准，同也会发现如何在标准框架内实现品牌的独风格。
以字体为例。Apple 为每个都提供了经过别优化的字体集。但这并不味着你只能使用 San Francisco 或是类似风格的字体；你在更多候是要从中了解每个所适用的字号则。
观察以下三个当中的正文字体，你会发现它的尺寸视距有着密切的关系。通常会近距离查 Watch 上的息，譬如一英尺左右的，因此其字号相对较；而 iPhone 的常规视距则稍远，其字号也相应地有所增加；至于 TV，正如在第一部当中所述，其均视距大约在十英尺左右，因此使用了非常大的字号，以确保字体在距离较远依然清晰可读。
除了风格式，你还可以从 HIG 当中了解关于系统控件计模式方面的使用标准。
警告框（alert）为例，Apple 的每一个平台都会供这个控件，它们之间拥有一些共通的元素，例如一描述本及一到两个行按钮；它们都会遮挡住方的容。但无论是描述本的长，还是按钮的样式，或是可点击区域的尺寸，都会根据平台的同而有调整。这样既可确保界面元素对于户来说是熟识的，同时在每个平台当中实现最优的操作体验。
再来看导航。如果需要在 Watch 当中返上一级页面，我可点击左上角的返按钮；在 iPhone 上是同。然而 TV 的界面却存在返按钮，因为遥控器本身就供了返键，无需在界面中画蛇添足。
综上述，「格协调」的核心任务在于，在你的牌格与平台设计规范之间寻求平衡。一方面，你要确保牌格在同平台当中的感知一致性，使被户熟识和信任；另一方面，你要遵从平台的规则与标准，降低户的习成本及认知负荷。
Ulysses 是个很棒的例子。无论你使着 iPad、iPhone 还是 Mac 版本，都会发现他们大量采了系统供的标准控件来构建页面，包括导航栏、工具栏、搜索框、分隔视图等等。而他们自己的牌感知则深深地根植于专注和捷的写作体验当中。我个人会时到这款产，实际上这篇讲演就是在 Ulysses 当中起草的。
Streaks 是同样。打开 app，你可立刻通过配色、字体和图标等视觉元素，及某些标志性的交互方式来识别牌。与此同时，Streaks 非得当地遵从着平台的设计规范，例如对通知机制的合，字号的搭配，同语言环境中的本地适配等等。
最后来看 Tinder。同样，图标、配色等视觉元素，及标志性的横扫交互，都使很容易被人们识别。而他们同时良好地遵守着平台的设计规范， UI 可根据设备的同而进行相应的调整，独特的横扫手势从会与平台本地的交互方式相冲突。
注作者的微信公众号：「Beforweb」
浙公网安备33011002017549号