吾本轻狂|为什么苹果为 iPad 做的光标,比其他设备都更好用?( 三 )
有没有可能做的更好? Apple 设计了一套磁吸位置预判来解决这个问题 。 还是那张图 , 在 Apple 的眼中它是这样的 。 当鼠标离开触摸版的一瞬间 , 光标会根据滑动距离和速度来判断预期的最终位置 。 下图中的最终与其位置便是这些同心圆的圆心 , 此时根据最终位置生成周边一系列磁吸点 。 判断磁吸点下方是否有可控制的按钮 。 下图中设置图标是最近的磁吸控制按钮 。 因此用户光标会自动吸在上面 。 对于用户来说 , 这种感知就觉得自己很厉害 , 每次都能选到想要的东西 。
说了许多光标的逻辑 , 却还没说它的设计 。 在开始之前 , 你可以看下图中的动画感受一下 。 是的 , 我们所看到的平面按钮实际上设计是具备深度的 。 比如点按时 , 你会发现你的点按动作是真实和按按钮一样 , 又一个下压的动作 。 还记得我们之前讨论的控制点吗 , 为了让用户在光标变成按钮时仍对控制点有位置上的感知 , 控制点此时变成了一个点光源 。
明确告知用户什么被选中是一个光标的责任 。 比如下图中所有选中的图标都会有一种悬浮的特效 , 并且会有我之前提到的控制点光源来告知其控制点 。
实现这个特效实际上将原有的一层图标分成了四层 。 最上面的光源层告知控制位置 , 第二层是实际的图标 , 第三层是动态位置层 , 第四层是根据光源变化的阴影层 。
这样的设计逻辑好像没什么问题 。 但是在某些情况下 , 这些设计逻辑可能会造成不想要的视觉反馈 。 比如下图中一组按钮的高亮选择 , 若继续沿用图标的那个半透明图层 , 则实际显示出来颜色过深降低了区分度 。 对于这些按钮的显示 , 则采用悬浮的设计并取消光源 , 比如下图中日历的选择按钮 。 与此类似的小细节修改点还有很多 , 不再赘述 。
那么解决了光标的逻辑和显示问题 , 我们来看 Apple 如何进一步推动光标设计 , 来使其明确的传达功能性 。 首先光标作为一个指向性的物件 , 必须保持随时可见 , 因此光标的显示颜色是和当下背景有关的 , 仔细观察你会发现光标会依旧底下内容的颜色而更改自身的颜色 。 其次对于常见的拉选框 , 光标还会像下图一样变成指向性图标 。
但在 iPad 中 , 光标的功能指向性不止于此 。 它可以根据需求自动调整颜色 , 变成功能性的图标 。 而在变更过程中 , 还需要考虑光标的中心位置是否明确 , 填充类型转换为边缘线类型时视觉重量的提升等等 。
更绝妙的是:我说了一篇文章 , 也许你压根没在 iPad 上见过这个光标 , 因为 iPad 有触摸版的人是少数 。
推荐阅读
- 热量|为什么有的人喝凉水都长肉,有的人却光吃不胖?营养科医生:原因其实很简单
- 『中越战争』1979年的中越战争,为什么世界各国都认为越南会赢?主要的原因其实有3点
- 蜜蜂蜇熊刺针拔不出而被肢解致死
- 三星手机|为什么三星手机,在我国越来越没市场了?原来这是必然结果
- 胖子撩综艺|为什么特斯拉这么受欢迎?自主品牌造不出水平相当的电动汽车吗?
- 不执著财经|为什么越来越多的外企都搬迁到东南亚?
- 罗民教授|看到好多脑梗的病人,而且是正值壮年的男人居多,这是为什么呢?
- 美国得克萨斯州|6岁男孩在校戴耳环被禁,妈妈怒指校方性别歧视:为什么女生就行?
- 娱乐仰望新视角|发动机质量差?,为什么大众车迷说到大众就是说双离合顿挫
- 科技速递|为什么太空中看起来没有引力?
