美文网首页
动效pc案例-2

动效pc案例-2

作者: 小吕_5a48 | 来源:发表于2018-05-19 17:25 被阅读0次

1. 网址:http://www.wix.com/

点评:

这是一个做编辑类的交互时可以借鉴的网站

它的编辑功能非常强大,但并没有让人觉得复杂

页面对功能组织非常优秀,包括操作区的布局、哪些收为点击触发的二级功能等...

很好的管理了界面上复杂的功能,让一些功能在该出现的时候出现,有很多交互细节

2.

网址:https://support.google.com/chrome/answer/185277?visit_id=1-636401066084610453-2230643383&p=settings_sign_in&rd=1

点评:页底的意见反馈模块设计的非常情感化

让人觉得自己的意见会得到具体某人的重视,而不是发给冷冰冰的数据库、不确定的某个组织。

而且在文案里 它还强调了 这个人是“专家”、“作者”,更让我觉得自己发的建议会被专业人士看,我会更认真的写,希望自己被采纳

3.

网址:https://x.ai/how-it-works/

点评:这也是一个网址意见反馈的优秀例子

他是悬浮按钮这种,点击会呼出对话框,设计的也很对话,就像聊天

发出反馈后,他还会告诉我的可以留下邮箱,可以通过邮箱得到反馈

4.

网址:https://tympanus.net/Development/MorphingPageTransition/index2.html

web 网页切换动效相关

通过代码实现的,类似冰激凌融化的切换效果

5.

网址:https://sensu.org/services

web 网页页面切换动效相关

通过代码实现右侧物体的绘制,移动鼠标物体会跟随鼠标方向转动

另外,左侧导航的呼出方式也和文档比较类似,值得在借鉴切换效果

相关文章

网友评论

      本文标题:动效pc案例-2

      本文链接:https://www.haomeiwen.com/subject/juladftx.html