吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?( 三 )


吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?有没有可能做的更好? Apple 设计了一套磁吸位置预判来解决这个问题 。 还是那张图 , 在 Apple 的眼中它是这样的 。 当鼠标离开触摸版的一瞬间 , 光标会根据滑动距离和速度来判断预期的最终位置 。 下图中的最终与其位置便是这些同心圆的圆心 , 此时根据最终位置生成周边一系列磁吸点 。 判断磁吸点下方是否有可控制的按钮 。 下图中设置图标是最近的磁吸控制按钮 。 因此用户光标会自动吸在上面 。 对于用户来说 , 这种感知就觉得自己很厉害 , 每次都能选到想要的东西 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?说了许多光标的逻辑 , 却还没说它的设计 。 在开始之前 , 你可以看下图中的动画感受一下 。 是的 , 我们所看到的平面按钮实际上设计是具备深度的 。 比如点按时 , 你会发现你的点按动作是真实和按按钮一样 , 又一个下压的动作 。 还记得我们之前讨论的控制点吗 , 为了让用户在光标变成按钮时仍对控制点有位置上的感知 , 控制点此时变成了一个点光源 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?明确告知用户什么被选中是一个光标的责任 。 比如下图中所有选中的图标都会有一种悬浮的特效 , 并且会有我之前提到的控制点光源来告知其控制点 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?实现这个特效实际上将原有的一层图标分成了四层 。 最上面的光源层告知控制位置 , 第二层是实际的图标 , 第三层是动态位置层 , 第四层是根据光源变化的阴影层 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?这样的设计逻辑好像没什么问题 。 但是在某些情况下 , 这些设计逻辑可能会造成不想要的视觉反馈 。 比如下图中一组按钮的高亮选择 , 若继续沿用图标的那个半透明图层 , 则实际显示出来颜色过深降低了区分度 。 对于这些按钮的显示 , 则采用悬浮的设计并取消光源 , 比如下图中日历的选择按钮 。 与此类似的小细节修改点还有很多 , 不再赘述 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?那么解决了光标的逻辑和显示问题 , 我们来看 Apple 如何进一步推动光标设计 , 来使其明确的传达功能性 。 首先光标作为一个指向性的物件 , 必须保持随时可见 , 因此光标的显示颜色是和当下背景有关的 , 仔细观察你会发现光标会依旧底下内容的颜色而更改自身的颜色 。 其次对于常见的拉选框 , 光标还会像下图一样变成指向性图标 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?但在 iPad 中 , 光标的功能指向性不止于此 。 它可以根据需求自动调整颜色 , 变成功能性的图标 。 而在变更过程中 , 还需要考虑光标的中心位置是否明确 , 填充类型转换为边缘线类型时视觉重量的提升等等 。
吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?更绝妙的是:我说了一篇文章 , 也许你压根没在 iPad 上见过这个光标 , 因为 iPad 有触摸版的人是少数 。


推荐阅读