源码

首页 » 归档 » 源码 » 为什么你的 iPhone/iPad 操作起来如此顺滑 ?

为什么你的 iPhone/iPad 操作起来如此顺滑 ?

虽然在iOS设备上有很多不是很方便的地方, 但是大家都还是很喜欢用. 其中一个原因我想就是  ---- 这系统用起来怎么真么顺滑. 

我想很多普通用户都不会再去深究, iOS 到底是通过哪些细节让用户觉得又细腻, 又顺滑. 
虽然这些都是后台工程师去考虑的事儿, 苹果也很少提及. 
shunhua.jpg
在 WWDC18 上, 专门有一个课程, 名字就叫做如何做一个顺滑的用户界面. 英文用的是 Fluid , 直译是流体. 我个人理解为顺滑. 
这个视频您可以直接到如下网址上看到. 
https://developer.apple.com/videos/play/wwdc2018/803/
如下是部分重要部分的截取与翻译. 如果您没有一个小时去浏览视频的话, 本文可以简单的了解到为何你的iOS的用户界面用起来这么顺滑. 
如下这些细节, 是你每天都在用, 但是从来就没有注意的. 
----
手势操作的预判与反悔
在手势操作中, 并不是像普通的点击操作, 完成一个操作以后再进行一个. 
如果是完成一个手势, 才能进行下一个的话, 就会出现卡的感觉. 
在iOS里面的设计是, 对手势操作全都有预判, 并且对下一步操作有提前量.
同时, 当你在手势操作过程中, 可以反悔. 当你不想启动程序的时候, 可以理解启动另一个手势. 
如下就是实例. 
返回主界面的时候可以滑动主界面

1.gif

在程序运行的时候启动多任务切换

2.gif

程序运行的时候关闭程序

3.gif

程序启动中就可以开始操作

4.gif

上下撞墙缓冲
窗口上下区域的撞墙缓冲, 可以让用户更为舒服的认识到已经没有更多内容了. 
但是在很多别的系统上, 没有这个设计, 感觉整个界面是死的. 

撞墙缓冲.gif

计算位置动量 速度 力量
如何激发多任务手势, 不是按照你滑动手指的时间来判断的, 按照你滑动的速度力量, 动量距离来判断什么时候激发多任务窗口. 

5.gif

6.gif

动画转化加速度
动画切换速度是有加速度的, 当你觉得窗口或者物体是加速向你靠近. 

7.gif

如何管理按击区域
触摸按键的区域, 并不是准确的, 是在按钮的一个区域里面, 比如在计算器里, 当你按一个数字的时候, 你的触摸区域会在数字的圆圈里面, 并且还会在外面一点, 这样当你反悔的会后, 将手指移出区域, 按钮操作就会消失, 而当你返回的时候, 按钮数字会重新被选择. 

8.gif

3D Touch 点按重量判断激发操作

10.gif

3D Touch 与 滚动切换. 
当用户激发了3D Touch后, 其实是用户按错了, 要是滚动, 那3D Touch操作就被取消, 重新执行滚动操作. 

11.gif

本文并没有完全覆盖这个讲座的全部内容, 想更为具体了解的请移步到苹果的开发者网站观看完整视频. 
如上信息图片版权均为 Apple 所有. 本人仅做翻译分享.  

(0)

本文由 投稿者 创作,文章地址:https://blog.isoyu.com/archives/weishenmenide-iphone-ipad-caozuoqilairucishunhua.html
采用知识共享署名4.0 国际许可协议进行许可。除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。最后编辑时间为:6 月 11, 2018 at 09:01 下午

热评文章

发表回复

[必填]

我是人?

提交后请等待三秒以免造成未提交成功和重复