动效pc案例

1.https://hisense.co.uk/tvs/all-tvs/n6800/

亮点:普通版和高清版电视的对比查看用了用户参与的形式,拖动图标可以直接查看对比情况,直观清晰,还可以展示饱满

应用:可以在很多需要图片对比的场景下应用,很大气且对比明确


2.https://hisense.co.uk/tvs/all-tvs/n6800/

亮点:查看普通版和HDR版本的区别,还能看出在颜色、对比度上的变化程度

应用:可以运用在某产品需要程度上对比显示的场景


动效pc案例_第1张图片

3.http://geex-arts.com/about

亮点:一个模块中2个按钮的设计,虽然落地页是同一个,但可以拓展成2个入口

应用:官网中一些次要信息在空间有限的情况下可以考虑这种处理,比如“合作咨询”“联系我们”等


动效pc案例_第2张图片

4.https://www.designbetter.co/podcast

亮点:按钮的前后状态有层级在里面,一个按钮也可以承载很多操作,且三个按钮出现的动效各自不同,也挺舒适

应用:对一二级需要区别展示时可以考虑此设计,且操作出现的动效细节很值得学习


动效pc案例_第3张图片

5.http://hookooekoo.co/project

亮点:更多的展示在当前页面展开,不用跳转页面,展开后的形式也有衔接性,阅读连贯

应用:官网中一些少量级的更多内容可以采用此形式,不适合体量过大的内容承载


动效pc案例_第4张图片

你可能感兴趣的:(动效pc案例)