经过2020年、2021年的迭代,我们来到了3.0版本。在本次重要更新中,我们发布了全新的UI,新增了更精致的小组件,并带来了重要的功能:桌面主题装饰。
我们认为一个好的软件作品应该是立体的,产品、设计、开发、测试等各个环节都应该做到精致。所以当我们再次出发设计UI时,我们希望风格在未来几年是相对流行的,可行性上也应该是力所能及的。
玻璃拟物在颜色配合上更加灵活而非单纯的黑白。同时在视觉上更加立体和动感,这将在产品中带来更好的视觉冲击。
iOS并不像Android系统那样能方便地更换主题,不能实现「一键换肤」,iOS做主题功能会更加曲折。在开发这个功能时,我们决定通过拆分主题构成的元素,来分别判断能不能实现、如何实现,用这种逐个击破的方式来完成最终的效果。
最直接影响手机桌面主题视觉的三个要素是:壁纸、图标、小组件。
壁纸我们最不陌生,小组件在iOS14之后也变得不那么陌生,最复杂和最困难的应该是应用图标了,因为我们并没有办法去更改「别人家的门」。那我们到底怎么实现主题装修的呢?
在iOS上实现主题装修是一个复杂的过程,我们为了让这个复杂的过程变得稍微简单一些。将「壁纸」和「小组件」的配置步骤合二为一,壁纸图为用户呈现后,用户可以直接保存到相册然后进行自主设置。影响小组件视觉的很大一部分也是因为组件背景图,所以我们不干预用户配置小组件的其他选项,而只是提供背景图,方便用户替换已有的小组件。
虽然我们不能更改「别人家的门」,但是我们可以修一条「去别人家的路」。
iOS很久以来都是允许在桌面添加快捷方式的,你可以通过Safari安装网页的快捷方式,也可以通过快捷指令App将一些指令安装到桌面,你甚至可以在Mac上通过AppleConfigurator自己做一个打包了快捷方式的描述文件。
OneWidget所采用的方式是通过描述文件来「批量安装应用图标」。这种方式可以让OneWidget通过服务器帮用户快速生成他们所需要的图标合集,然后一次性打包安装到手机桌面。安装之后,可以在桌面单个删除和移动,如果删掉描述文件,还可以将整个应用图标库全部移除。
在设计和开发主题功能的过程中,我们前后做过很多方案,我们向30+位用户进行了一对一交流,他们中间有一些是重度用户,一些是轻度用户。在和他们交流之后我们确定了现在这一套方案。
OneWidget是iOS上最早的小组件产品之一。我们希望通过持续迭代,能够做到让更多用户满意。3.0版本我们对小组件做了全面升级,包括添加逻辑、展示方式和配置功能。
而在标签筛选区域,用户可以根据需求快速定位到某个标签下的小组件列表。
小组件详情页我们也更加突出了小组件的样式。OneWidget3.0还带来了和系统相同的小组件预览动画。在详情页中间,用户可以快速滑动切换同一标签下的其他小组件,在顶部可以切换不同的尺寸。
对于一些需要数据才能够呈现效果的小组件,我们提前预置了示例数据,方便用户查看最终效果。
以前OneWidget的小组件并不支持在主App内添加,而是需要直接在桌面配置后选择参数来实现不同的效果。这种方式的问题是:在很多时候我们需要操作很多参数,而且很多参数无法直接预览。
所以,在这一次3.0版本更新中,我们「不得不」带来这种巨大的改变:小组件支持在主App中添加和配置,在桌面仅须选择1次即可。
在编辑小组件的页面,你现在可以方便地编辑预览颜色背景、图片背景、透明背景、字体颜色、字体样式、小组件数据等
iPad用户也是OneWidget中非常重要的一部分,也有越来越多的人开始使用iPad办公、娱乐和学习,所以我们希望给iPad的用户同样带来体验升级。
以前iPad版本上的主题都是直接沿用iPhone上的样式,现在,iPad上所展示的主题都是经过单独设计的了,在OneWidget的iPad版本上,从封面图到预览图都适应了iPad尺寸的风格,我们还带来了iPad专属的超大尺寸小组件。
iPad拥有更大的空间,可以更好地展示更多内容。所以iPad版应用的布局与iPhone会有所差别,OneWidget在iPad上采用了侧边栏的菜单形式,让主要内容展示在右侧,且尽可能占满空间。所以在主题发现页、小组件发现页、个人中心页,都是采用这种侧边栏的导航方式,让内容在右侧自适应宽度变化,最终带来了空间利用率提高、内容展示丰富的效果。
如果你使用外接鼠标,还可以看到我们专为鼠标指针的操作做了优化。