-
动画曲线查看全部
-
设计师 工程师查看全部
-
目标趋近效应查看全部
-
1、七维空间：应该看到的用户的使用场景，做一个定规矩、能预期问题，而不是仅仅实现功能的CSS工程师。界面的实现者，要思考用户的心智模型（使用预期），让自己的实现贴近用户心智模型。 四维：时间是一维的，我到了这个时间，发现这个问题，改变这个方案，解决这个问题。 五维：时间是二维的，我能看到，我使用这个方案，会出现什么问题。我能针对某个时间点，调整方案。 六维：时间是三维的，我能穿梭，我在一开始，就知道解决问题。 七维：不是寻求解决方案的人，而是制定方案的人。只有到这个维度，我们思考的问题才能功能实现，到用户体验走。否则，我们大部分时间都在思考如何实现和修复BUG中反复。 2、重绘（改变宽高时，需要重绘），用transform不反生重绘和重排。 3、用户如何与屏幕交互：用户趋向于中间、右边去滑动，特别是空白区域，哪里有空白就滑哪里。最小触控区域是44×44像素。可点击区域，要考虑拉伸，还是留白。 4、屏幕尺寸更大，要考虑： ①用相对尺寸：vw, vh, rem, precent... ②断点：media query 有时候css的解决方案不是最好的，比如性能，比如样式等没有按照更好的方法解决，我们妥协的原因是什么？ 答案是：时间！工期、代码的生命周期、不可控的因素 四维空间:时间的单线的，我到了这个时间，发现了问题，并且改变了解决方案解决了这个问题； 五维空间:2维层面的，解决问题的时候能够呈现我这样做之后产生的画面，很多画面都会呈现在脑海里，这样我就会根据时间点来调整方案； 六维空间:六维空间是三维的，我不用等到问题出现的时候再去解决，而是在一开始的时候就找到了问题并且解决这个问题； 七维空间：达到这一程度的人，不是寻求解决方案的人，而是指定规则的人，他会觉得原有解决方案不好，自己写框架，来解决这个问题。这样的人才会从工程实现转向体验；查看全部
-
http://cubic-bezier.com/#.17,.67,.83,.67查看全部
-
知识结构查看全部
-
手指在屏幕中的滑动区域查看全部
-
贝塞尔曲线 目标趋近效应查看全部
-
用户 技术 模型查看全部
-
移动端最小的触摸区域是 44*44px 阅读 UI Guidelines查看全部
-
目标趋近效应，这也是为什么动画一般在目标快要达成的时候速度会快查看全部
举报
0/150
提交
取消