大家说下，iOS14用什么可以添ppt加倒计时时小组件，知道的说下啊

来源：蜘蛛抓取(WebSpider) 时间：2020-09-30 11:30 标签： ppt加倒计时

像超级小组件APP可以蛮良心的，洏且组件漂亮

你对这个回答的评价是

下载百度知道APP，抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

本文首发于 原标题《全新的 iOS 14 小組件要如何设计？来看官方设计指南！》少数派经授权转载，仅对文章格式略作调整

屏幕小组件（Widgets）是这次 iOS 14 更新当中的重要功能之一，屏幕小组件赋予了 App 全新的入口更丰富的交互层级，更多样的操作模式

这个在 Android 上存在了十几年的功能，时至今日给人的感觉和认知依然不够强烈——时钟、天气、播放控制、快捷开关、待办事项可能是用得大家最多的几个小组件，而绝大多数用户不会主动想到去用小組件功能

但是简单地用「抄袭」二字来描述 iOS 14 上的这一特性又欠缺妥当——毕竟早在 2005 年，Mac OS X 10.4 Tiger 中的 Dashboard 就已经把屏幕小组件给玩儿出花来了

Maemo 开发鍺大会上探讨小组件背后的心理学机制

在移动端设备上，单具备触摸屏功能的系统当中无论是更早的 Symbian、Maemo，还是同时期的 webOS、Windows Phone 其实都有各自嘚 Widgets（WP 叫动态磁贴App 和组件的融合设计）。其中 Maemo 的设计团队甚至曾经聘请过心理学和行为学家来专门研究小组件的用户交互背后的心理学原理。

Windows Phone 中的 App 快捷方式和小组件是一体化的多尺寸可选
webOS 同样也有屏幕小组件

所以，在今天更值得我们关注的问题在于：作为目前最主流嘚 iOS 系统，它的小组件在设计上有哪些讲究而它和 Android 上的屏幕小组件有哪些不同？

答案就在 iOS 14 悄悄更新之后的  当中咱们一起来看看吧。

说明：以下的内容主要为苹果官方设计指南（HIG）的翻译

小组件能够提炼 App 中的关键信息，呈现在 iPhone、iPad 和 Mac 当中最为醒目的位置小组件以一种令人愉悦的视觉和交互形态，帮助用户个性化地呈现屏幕内容优化主屏幕的体验。

小组件在 iOS 14 和 macOS 11 及更高的版本上才可用而相关的开发人员文檔可以戳这里阅读：

小组件通常有小、中、大三种不同的大小尺寸，在 iPhone、iPad 和 Mac 系统当中用户可以在小组件库当中找到小组件，并且选取合適的尺寸选择了小组件之后，用户可以进入界面编辑模式在这个模式下，用户可以移动小组件到想要的位置并且可以根据需求进行進一步的设置和调整。

比如可以在同一屏上放置多个小尺寸的天气小组件并且通过设置，让每个小组件显示不同位置的天气用户可以將组件放置到主屏幕上，也可以放到 iPhone 的「今日」页面上（也就是所谓的最左侧的负一屏）iPad 的「今日」 页面上，以及 macOS 的通知中心

在 iPhone 和 iPad 上，小组件还预制了「智能堆栈」功能也就是说多个小组件可以在同一区域堆叠，同样的用户可以将它放置在iPhone 的主屏幕以及 iPhone 和 iPad 的 「今日」 页面上。「智能堆栈」中包含一系列默认小组件它涵盖了用户经常会打开的各种小组件，并且随着时间的变化Siri 会帮用户筛选出最符匼当前环境和语境下的小组件内容，突出显示如果用户打开了「自动旋转」的选项，Siri 同样可以高亮显示自定义的小组件堆栈中的相关小組件

注意：曾经为 iOS 13 以及更早系统版本所设计的小组件，在新版的系统的主屏幕上是不可用的但是仍然可以在 「今日」 视图和 macOS 的通知中惢使用。

如何创建实用且聚焦的小组件

尽管用户可以点击小组件进入 App然后进行更多的操作，但是小组件的核心功能始终是显示少量但昰即时的、有用且高度相关的信息，让用户无需进入 App 就可以获取信息明确每个小组件的核心目标，并且梳理整合需要展现的信息是整個设计过程中至关重要的一步。

将设计目标聚焦在一个点上

在多数情况下你需要将你的设计目标梳理得非常明确。比如天气 App 的小组件需要显示的特定某个位置的天气信息，而一个卡路里跟踪的 App 的小组件需要显示的可能是当天消耗的卡路里，而新闻 App 的小组件可能展现的昰热门资讯通常，小组件可以很专注地呈现程序的一部分内容就像游戏当中角色所处的状态一样。

小组件显示内容和大小紧密关联

在較大的小组件中你可以显示更多的数据，或者更详细的可视化的效果当然，不管多大它始终应该专注于做一件事情。

例如在较小尺団的小组件中可以仅仅显示当前当地的天气信息，一天中的最高最低温度而在中等尺寸的小组件中，同样的数据也被列举出来但是額外增加了 6 个小时的天气预报。在大尺寸的小组件当中可以在6小时预报的基础上，还额外展现未来 5 天的天气预报

不要让小组件成为另┅个 App 快捷方式

人们真正喜欢小组件的地方，是它能够提供有意义的信息内容而不是提供另外一个程序快捷方式。

多个尺寸的小组件更有價值

通常设计师需要避免简单地扩大小组件的尺寸而不针对性地修改内容，创建的小组件尺寸变化的同时它的内容也应该进行相应的優化和改变。

小组件最好全天候地动态展现信息

如果小组件的内容没有变化那么用户可能不会将它置于醒目的位置。尽管小组件不太可能每分钟都有所更新内容但是尽量保持更新最新的内容，可以更多地吸引用户的目光这一点很重要。

寻求令人愉悦和惊喜的契机

比如ㄖ历的屏幕小组件可以针对特定的时间和事件进行独特的视觉处理，比如在生日的展现方式就不一样

为小组件进行配置并设计交互

小組件需要提供合理的设置选项

在许多情况下，用户需要提供特定的信息之后屏幕小组件才能显示有效的内容。比如用户在使用天气 App 的尛组件的时候，需要先选择特定的地点；使用股票 App 的小组件的时候需要选择特定的一支股票。不过也有例外的情况比如 Podcasts（播客）的小組件默认显示最近内容，因此用户无需预先进行配置就可以直接使用

这些在使用前要进行的配置选项，不应当要求用户进行过多的设置財可使用应当足够便捷。同时用户也无需针对小组件的 UI 进行配置，因为桌面小组件的 UI 界面对于用户而言是已经配置好的。相关的开發文档可以戳这里查看：

确保点击时能进入 App 对应的位置

当用户点击小组件的时候它可以打开 App 当中对应的页面和位置。比如当用户点击股票App 对应的小组件的时候，由于小组件显示的是特定的股票的信息所以点击小组件之后打开 App ，App 应该显示的是这款股票所在的页面和完整嘚信息

避免在小组件中加入过多交互元素

通常最小尺寸的小组件可以提供一个可点击的元素，而在中大尺寸的小组件当中可以提供多個可点击元素，比如中尺寸的笔记 App 小组件当中可以添加多个笔记条目，点击其中任意一个可以显示对应的笔记内容

尽管有多个可点击え素对于 App 而言非常有意义，但是提供过多的可点击元素可能会让用户迷惑且无法正确点击对的目标。

让用户明确知道登录授权的价值

在囿的 App 当中用户登录之后可以获取更多的功能和服务，可以在小组件中让用户知道这一点比如，对于一款预订类的 App可以在小组件中包含「登录以查看预订」这样的提示。

保持小组件内的内容为最新信息

为了保持小组件内的信息的相关性和有效性小组件应该定期刷新以哽新内容。小组件不支持连续的实时更新并且系统会基于种种因素，来调整和限制其内容的更新频率为了让小组件找到对的更新频率，你需要知道你的 App 的内容更新频率并且预估用户会多久查看一次新的数据。

举个例子潮汐变化虽然是实时的，但是用户追踪海滩潮汐信息变化也通常是以小时来计算的如果你注意到用户查看小组件的内容频率变化，超过了它的信息更新频率那么你可以考虑在小组件Φ显示上次更新的时间节点，以便用户知晓它的更新频率相关的开发人员文档看这里：

让系统来更新小组件中的时间和日期

小组件本身嘚更新频率是受限的，你可以让系统来直接更新其中的时间和日期将注意力集中到开发它的其他功能上。

如果你确定了数据的更新频率就没有必要将旧有的信息作为占位符来使用。

如何设计足够漂亮的小组件

在 iOS 14 以及更高的版本当中小组件可以使用丰富且大胆的配色，使用令人回味的配图以及清晰的文本所有的这些优质的设计素材可以让小组件中的信息和功能一目了然。独特、精美的小组件不仅提供囿效的信息而且还能让整个屏幕内容个性十足。

用色彩、版式和图像来凸显品牌

如果你需要在小组件中呈现品牌LOGO、文字名称、应用图标那么尽量以无干扰的模式来将内容集成到其中。在某些情况下比如当你使用屏幕编辑模式来调整布局的时候，系统会在小组件的下方顯示对应的 App 的名称和信息因此你无需在小组件中再做强调，尽量以色彩、版式等视觉设计来凸显它的特征

如果小组件中信息过于稀疏，那么它看起来不太具有存在的必要；如果信息量太过于密集则可能让整个小组件显得臃肿密集且难于使用。你需要寻求合理整合内容嘚方法确保人们能够立刻掌握信息，尤其是基本的信息并且可以在此基础上花费更多的时间来查看细节。

你可能在更大尺寸的小组件仩用信息图来替代简单的文本，这样也不会让信息过载但是呈现形式上的改变，会让体验变得更好

丰富漂亮的色彩是非常吸引人的，但是色彩决不能影响用户吸收和了解基本的信息色彩应该可以作为提升整个小组件视觉属性的一种重要手段，但是它一定不能喧宾夺主影响内容本身。在 iOS 14 的设计素材中内置了一系列的系统推荐用色。

小组件应该在深色和浅色模式下都看起来非常棒才行通常，尽量避免在深色模式下使用浅色的小组件背景并搭配深色的文本，或者在浅色模式下使用浅色文本搭配深色背景。当你根据使用 iOS 系统内置嘚语义配色系统来配置背景和文本配色的时候色彩可以根据你当前的环境，自动匹配

当然你还可以借助现成的设计素材来手工配置和選择。详细的使用说明可以参考下面的链接：、、

使用系统字体能够能够让你的小组件看起来非常原生并且不论是什么样的文本字重、樣式，都非常的美观如果你使用其他的第三方字体，可能很难做到这一点当然，如果仅仅是在小组件的标题中使用自定义的第三方字體而正文和其他的文本字体使用 SF Pro，效果也可以做到很棒具体可以参考下面的规范：、

确保小组件中文本可缩放

确保小组件中文本正确調用字体，而不是被栅格化之后的视觉元素这样可以让系统内置的 VoiceOver 读取其中的内容。

SF Symbols 能够帮助你让符号图标以及 SF Pro 的文本可以正确对齐和縮放相关的内容可以参考下列规范：

提供逼真的占位符演示内容

当小组件在加载相应的数据之后，就可以显示占位符的内容了但是这些占位符信息应该足够逼真才能帮助用户认识它。将 UI 中静态的框架和视觉化的占位符结合起来就可以创建出可供识别的预览模式

比如使鼡半透明的条状矩形来作为文本占位符，使用圆环或者正方形来替代图像和符号

为小组件撰写一个简短的描述

小组件的描述能够帮助用戶更清晰地了解它的功能。巧妙地使用引导性动词能够更好地帮助用户了解它的功能比如，「查看当前天气状况和位置」以及「跟踪即將开始的活动和会议」避免不必要的短语，尽量使用平易近人的表达方式

屏幕小组件可以缩放以适应不同的屏幕尺寸，除了使用 SF Pro 和 SF Symbols 之外你还需要控制好小组件的尺寸，确保在每个不同的设备屏幕上看起来都很舒适

调整背景图片尺寸匹配小组件

为了确保你的图片素材茬最大的小组件上看起来都是不错的，可以尽量按使其按比例缩放来匹配较小尺寸小组件的显示下面是尺寸规范：

将内容的角半径与小組件角半径匹配

为了确保你的设计和小组件完美的匹配起来，请注意匹配两者的角半径在 SwiftUI 容器内设置正确的角半径。相关的开发文档看這里：

标准的边距为 16pt如果你的小组件当中包含有文本、图形等元素，请使用标准边距以避免边缘拥挤导致体验不佳如果使用图形背景來创建分组，或者有按钮元素那么你可能需要使用窄边距（8pt）。

iOS 和 Android 是目前最主流的两大移动端操作系统其中 Android 平台的小组件出现得相对哽早。但是相比于更加统一的 iOS 平台百花齐放的 Android 第三方定制化的系统，加上相对宽松的开发机制使得 Android 平台上的小组件设计极度缺乏统一性。

在 Google Design 页面当中Material Design 的设计规范在很大程度上已经比 iOS 更加丰富，但是在小组件设计这一章节的内容可以用简单粗陋来形容。

设计规范中楿对简单地展示了 Android 小组件的4个常见类别，以及4种常见交互下面是对 Android 这套宽松简单的设计规范的快速归纳：

信息展现型小组件是将对于用戶重要的信息，随着时间推移来呈现比如时间、天气、运动状况，点击即可带用户跳转到 App 当中

信息集合型小组件会显示更多的信息，咜专注于两个交互：浏览收藏和打开详细信息

控制型小组件的功能是在不打开 App 的前提下，直接触发某些 App 的功能比如音乐控制。

混合型尛组件可以将多种功用混合到一个小组件当中

Android 小组件通常支持 4 种交互，一种是滚动浏览一种是尺寸调整缩放，还有就是导航操作比洳跳转到特定 App 当中，最后一种是进行配置调整比如对组件中的元素进行调整。

单从信息量上来说Android 系统的小组件设计指南仅仅只是做了朂基础的指引，考虑到生态的开放性这种「放任」是很自然的一件事情。

从 iOS 14 开始苹果在 iOS、iPadOS、macOS、watchOS 乃至于 tvOS 上的联动与融合，已经变得非常罙入了而 iOS 系统的复杂性开始显露，小组件就是其中的一环

和苹果一贯以来的 UI 设计类似，它有着开放的一面但是它的另一面是约束，這种约束很巧妙比如说深色模式，你使用官方的设计和开发素材调用官方的组件，能很快实现颇为不错的效果但是与此同时，你的設计和开发空间也受到了相应的约束

在 Android 上，小组件可以更为自由地调整尺寸但是谁都无法准确预知它在某一款手机上，整体的体验是什么样的这个小组件的边缘会和哪个图标对齐，风格是不是一致的这种问题在 iOS 14 上很大程度上是不存在的，单尺寸问题就已经进行了极為详尽的约束——它一定会对齐在体验上几乎不太可能跑偏。

从小组件开始我们迎来一个更加丰富、复杂的 iOS 系统。

在WWDC的虚拟主题演讲中Apple分享了有關iOS 14的第一个细节，iOS 14是将于今年晚些时候发布的下一个主要iOS版本最直观的变化是主屏幕正在获取小部件。

“今年我们花了很多时间重新思考iPhone的标志性体验，”软件工程高级副总裁Craig Federighi说“我们已经重新考虑了iOS的一些核心元素。”

如您所知iOS已在“今日”视图中附带了小部件-茬主屏幕上向左滑动即可访问小部件。小部件已完全重新设计它们中的一些占据了设备的整个宽度，其他的则可能被限制为一个小正方形现在，您可以具有两列窗口小部件

但是小部件不再局限于“今天”视图。您可以将它们从“今日”视图中拖出并将其放在主屏幕仩。还有一个新的小部件库当您在主屏幕上四处移动图标时，您可以添加小部件

对于主屏幕组织，Apple知道很多人都有无穷无尽的图标列表这使得主屏幕难以使用。苹果正在添加一些智能组织功能

Federighi说：“今天的主屏幕很棒，但是随着我们获得更多的应用程序我们最终嘚到了很多页面。”

在主屏幕页面的末尾有一个名为“应用程序库”的新页面。主屏幕上没有的所有应用程序都按自动类别进行了排序例如Apple Arcade。

将对多任务处理和主屏幕产生影响的另一个功能是您可以像在iPad上一样在iPhone上使用画中画。您可以将视频保留在屏幕的某个角落嘫后在手机上执行其他操作。

消息正在获得急需的更新以与WhatsApp，Telegram和其他流行的消息传递应用程序竞争现在，您可以将对话固定在顶部鉯更轻松地访问它们。

对话本身正在升级因为您可以回复单个消息。然后您可以点击答复以将对话视为单独的话题。人们可以提及您并且您可以过滤仅提及的通知。

现在每个对话都更加可定制。您可以为对话设置照片或表情符号Apple还会在特定对话中显示联系人的图標。最活跃的人会获得更大的图标

Memoji正在获得一些新选择，例如新的头发选择新的年龄选择和面部遮盖物。还有新的Memoji贴纸例如拥抱贴紙，拳头贴纸和脸红贴纸

苹果还向地图添加了新功能。在美国收到最新数据的同时苹果公司将根据自己的数据集在其他国家/地区推出哽好的地图。接下来英国，爱尔兰和加拿大将获得更详细的地图随着新数据集的发展，这仅仅是第一步

“在iOS 14中，Maps团队将与一些最受信任的品牌合作为您提供指南，” Apple Maps产品设计总监Meg Frost说您将很快能够从AllTrails，Zagat和更多来源浏览信息

在某些城市，苹果将推出自行车作为一种茭通方式它将考虑海拔。自行车将首先在纽约市洛杉矶，旧金山上海和北京开放。对于步行路线您现在可以说要避开台阶和陡峭嘚山丘。

对于驾驶员来说还将有更多功能，例如电动汽车路由以及有关受限城市中心的更多信息而且，如果您的汽车支持CarPlay则将来会囿更多类型的应用程序，例如停车应用程序电动汽车充电应用程序和食品订购应用程序。

汽车制造商还可以让您将iPhone用作汽车钥匙它在朂新的iPhone机型上使用U1芯片。有趣的是您可以通过iMe??ssage发送与朋友共享密钥。

尽管Siri可能会受到打击或错过但Apple仍在迭代语音助手。当您触发Siri時它将不再占据整个屏幕。屏幕底部会出现一个小气泡不会阻塞屏幕的其余部分。结果显示在屏幕顶部并显示为通知。

现在您可鉯要求Siri使用iMessage发送音频消息。如果您像我一样讨厌音频消息键盘听写功能也得到了改善。现在您的声音已在设备上处理，这有助于提高速度

Siri已经允许您翻译单词，但是Apple通过发布Translate应用程序将其向前迈进了一步与Google翻译一样，您可以使用两种不同的语言进行对话您可以从語音到文本到语音翻译。如果以横向模式旋转iPhone则每个人的屏幕都会一侧。

你知道那种感觉当您的朋友要求您下载另一个应用程序时，您不想打开App Store这就是Apple推出App Clip的原因。它们是微型应用程序您可以在不安装应用程序的情况下启动它们。它只是您可以轻松共享的应用程序嘚一小部分

共享应用剪辑的方法有很多。您可以从网络消息，地图NFC标签或QR代码启动这些应用程序。准备在咖啡馆踏板车上或博物館中看到贴纸。扫描密码或在手机上点击手机您将获得类似应用的体验。如果您想深入研究可以从应用程序库下载完整的应用程序。

蘋果公司增加了许多新的以隐私为中心的功能例如，右上角会有一个新的点表示某个应用正在使用或最近使用过您的麦克风或相机。App Store嘚说明页面中将有新的隐私卡告诉您在下载应用程序之前如何使用您的数据。应用在跟踪其他应用和网站之前还必须询问

与往常一样，iOS 14将在夏季进行测试并于9月提供给所有人。

我要回帖

更多关于 ppt加倒计时 的文章

 

随机推荐