有奖｜让 iPhone「一键换肤」，你可能还差这个 app：OneWidget

2022 年 6 月 23 日 少数派

福利在文末喔 🌝

O neWidget 最早发布于 2020 年，是一款 iOS 桌面小组件工具集。经过 2020 年、2021 年的迭代，我们来到了 3.0 版本。在本次重要更新中，我们发布了全新的 UI，新增了更精致的小组件，并带来了重要的功能：桌面主题装饰。

▍ 全新的「玻璃拟物」风格

我们认为一个好的软件作品应该是立体的，产品、设计、开发、测试等各个环节都应该做到精致。所以当我们再次出发设计 UI 时，我们希望风格在未来几年是相对流行的，可行性上也应该是力所能及的。

我们团队在年初发布了一款记录孩子成长的新产品 OneGrow ，在这个产品中我们尝试了拟物风格。当我们看到 Windows 11 的宣传视频，我们深受启发，发现了更好的选择。后来通过对比「轻拟物」和「玻璃拟物」的效果和复用性，最终选择了现在的「玻璃拟物风格」。

全新 UI：玻璃拟物风格

玻璃拟物在颜色配合上更加灵活而非单纯的黑白。同时在视觉上更加立体和动感，这将在产品中带来更好的视觉冲击。

▍ iOS 主题应该怎么做

iOS 并不像 Android 系统那样能方便地更换主题，不能实现真正的「一键换肤」，iOS 做主题功能会更加曲折。在开发这个功能时，我们决定通过拆分主题构成的元素，来分别判断能不能实现、如何实现，用这种逐个击破的方式来完成最终的效果。

最直接影响手机桌面主题视觉的三个要素是：壁纸、图标、小组件。

主题 = 壁纸 + 图标 + 小组件

壁纸我们最不陌生，小组件在 iOS14 之后也变得不那么陌生，最复杂和最困难的应该是应用图标了，因为我们并没有办法去更改「别人家的门」。那我们到底怎么实现主题装修的呢？

第一步：下载主题素材图

在 iOS 上实现主题装修是一个复杂的过程，我们为了让这个复杂的过程变得稍微简单一些。将「壁纸」和「小组件」的配置步骤合二为一，壁纸图为用户呈现后，用户可以直接保存到相册然后进行自主设置。影响小组件视觉的很大一部分也是因为组件背景图，所以我们不干预用户配置小组件的其他选项，而只是提供背景图，方便用户替换已有的小组件。

第二步：安装应用图标快捷方式

虽然我们不能更改「别人家的门」，但是我们可以修一条「去别人家的路」。

iOS 很久以来都是允许在桌面添加快捷方式的，你可以通过 Safari 安装网页的快捷方式，也可以通过快捷指令 App 将一些指令安装到桌面，你甚至可以在 Mac 上通过 Apple Configurator 自己做一个打包了快捷方式的描述文件。

OneWidget 所采用的方式是通过描述文件来「批量安装应用图标」。这种方式可以让 OneWidget 通过服务器帮用户快速生成他们所需要的图标合集，然后一次性打包安装到手机桌面。安装之后，可以在桌面单个删除和移动，如果删掉描述文件，还可以将整个应用图标库全部移除。

在设计和开发主题功能的过程中，我们前后做过很多方案，我们向 30+ 位用户进行了一对一交流，他们中间有一些是重度用户，一些是轻度用户。在和他们交流之后我们确定了现在这一套方案。

我们希望新用户能够更快地上手，而老用户又能从中做出更多个性化的选择，OneWidget 现在可以免费下载，也有很多免费主题供应，欢迎你在体验之后通过评论留下你的使用感受。

▍ 小组件功能大更新

OneWidget 是 iOS 上最早的小组件产品之一。我们希望通过持续迭代，能够做到让更多用户满意。3.0 版本我们对小组件做了全面升级，包括添加逻辑、展示方式和配置功能。

全新的小组件发现页

OneWidget 最早版本的小组件发现页，单屏幕展示的小组件并不多，对于一些不需要文字备注的小组件来说是一种空间的浪费。这一次，我们更新了小组件的发现页，在推荐页面尽可能展示了当下比较热门的小组件。

而在标签筛选区域，用户可以根据需求快速定位到某个标签下的小组件列表。

01 全新的小组件详情页

小组件详情页我们也更加突出了小组件的样式。OneWidget 3.0 还带来了和系统相同的小组件预览动画。在详情页中间，用户可以快速滑动切换同一标签下的其他小组件，在顶部可以切换不同的尺寸。

对于一些需要数据才能够呈现效果的小组件，我们提前预置了示例数据，方便用户查看最终效果。

02 全新的小组件添加和编辑功能

以前 OneWidget 的小组件并不支持在主 App 内添加，而是需要直接在桌面配置后选择参数来实现不同的效果。这种方式的问题是：在很多时候我们需要操作很多参数，而且很多参数无法直接预览。

所以，在这一次 3.0 版本更新中，我们「不得不」带来这种巨大的改变：小组件支持在主 App 中添加和配置，在桌面仅需选择 1 次即可。

在编辑小组件的页面，你现在可以方便地编辑预览颜色背景、图片背景、透明背景、字体颜色、字体样式、小组件数据等

▍ iPad 应用：内容和体验优化

iPad 用户也是 OneWidget 中非常重要的一部分，也有越来越多的人开始使用 iPad 办公、娱乐和学习，所以我们希望给 iPad 的用户同样带来体验升级。

01 iPad 专属主题

以前 iPad 版本上的主题都是直接沿用 iPhone 上的样式，现在，iPad 上所展示的主题都是经过单独设计的了，在 OneWidget 的 iPad 版本上，从封面图到预览图都适应了 iPad 尺寸的风格，我们还带来了 iPad 专属的超大尺寸小组件。

02 更合理的布局和键鼠体验

iPad 拥有更大的空间，可以更好地展示更多内容。所以 iPad 版应用的布局与 iPhone 会有所差别，OneWidget 在 iPad 上采用了侧边栏的菜单形式，让主要内容展示在右侧，且尽可能占满空间。所以在主题发现页、小组件发现页、个人中心页，都是采用这种侧边栏的导航方式，让内容在右侧自适应宽度变化，最终带来了空间利用率提高、内容展示丰富的效果。

如果你使用外接鼠标，还可以看到我们专为鼠标指针的操作做了优化。