对系统审美疲劳了?从 iOS 的设计出发探索更多答案( 二 )


用法
这块内容并不是要讨论高斯模糊的缺点(其实缺点也显而易见 , 实时模糊吃显存) , 而是讨论: 还有没有替补高斯模糊的设计方案。
仔细观察高斯模糊在 iOS 中的运用:他们都有一个共同点 , 那就是 都被用于模糊无关的背景 , 从而实现对中心内容的聚焦 。这模拟了摄影中背景虚化的效果 , 也最接近人眼观察事物的感觉 。
对系统审美疲劳了?从 iOS 的设计出发探索更多答案
文章图片

文章图片
「聚焦」效果
了解了高斯模糊的用在哪些方面 , 我们便能发散思维 , 使用其他效果来替代高斯模糊 。下面列出两种各大厂商用的最多的替代方案:
平均
平均是一种图像算法 。顾名思义 , 就是从一张包含许多色彩的图片(也就是壁纸)中 , 平均出最能代表原图片的单一颜色 。也就是我们常常说的「提取主题色」 。
那么提取了主题色有什么用呢?我们把本应为高斯模糊的地方覆盖上主题色不就行了!像这样:
对系统审美疲劳了?从 iOS 的设计出发探索更多答案
文章图片

文章图片
不同的算法提取的主题色不同 , 这只是一个典型例子
看到这里 , 你应该想起来了当时 Android 5.0 带来的 Material Design , 其中广泛运用了「平均」 。
半透明
在高斯模糊还没普及到用户界面的时候 , 半透明几乎是最火的 UI 元素:Apple 在用 , 华为也在用 , 各种大小厂商都跟风在用 。这几乎是最简单的替换高斯模糊的方案 , 同时也很美观 。
「统一」并不是唯一的答案
我们总是喜欢看到整洁统一的设计 , 无论是整洁的餐桌 , 整洁的房间 , 在 iOS 中亦是如此 。但我们是否需要为了统一而统一呢?过度「统一」的侧边栏
苹果对于 iPad 的生产力尤为看重 。为了使 UI 设计在这一点上得到响应 , 从 iPadOS 14 开始 , 苹果开始大范围在内建 App 上采用「侧边栏」的设计 , 意图即是与 MacOS 中的侧边栏统一 , 带来「更具生产力」的体验 。
对系统审美疲劳了?从 iOS 的设计出发探索更多答案
文章图片

文章图片
一眼看过去似乎还不错 ...
愿景很美好 。但是 , 这么做 , 真的对吗? 不对
让我们以 iPad 的「侧边栏」设计和原先的设计做个对比:原本的导航栏上有四个简洁易懂的图标 , 作为 App 的主导航 , 在页面下方居中显示 , 占用的空间也很小 , 直观且一目了然;
而为了与 macOS 的侧边栏强行达到统一 , 原本的导航栏被移至页面左方 , 占用大量空间 , 同时内部填充大量图标 , 架构混乱 , 不再简洁 。你仍然可以隐藏或显示侧边栏来扩展屏幕 , 不过这需要执行额外的步骤 。
对系统审美疲劳了?从 iOS 的设计出发探索更多答案
文章图片

文章图片
当我打开相册 , 我最想点选左边的按钮 , 而不是右边的
这就使得侧边栏像一个袋子 , 苹果把什么东西都往里面装 , 没有分类 , 没有聚焦 , 唯一的好处便是与 macOS 形成了统一 。
但这并不是苹果完成「统一」大业的最后一步 。在最新的 iPadOS 15 预览版中 , 苹果甚至为 Safari 浏览器加入了「侧边栏」设计 , 消耗大块的面积 , 用途仅仅是为了显示「书签」「阅读列表」「历史记录」以及一个意义不明的新功能「标签组」;你需要反复呼出侧边栏来找到相应的功能 。
对系统审美疲劳了?从 iOS 的设计出发探索更多答案