网页滚动特效要怎么设计？来看看这12个网站

7. HIKE

和前一个案例正好相反，Hike 的官网为你揭示了玄妙的转动动效是怎么计划的。

页面中静态和动态元素杂糅，动态元素的动效行为速率很快，在你的视觉捕获到它们的时辰，根基上就遏制行为了，让你觉察却又不带来滋扰。

8. PROJECT FI

Google 的 Project Fi 的先容页面回收了梦幻般的动效来强化整个别验。跟着页面的转动，大的内容区块之间会小幅度地加快行为，缔造动态的视觉体验，而个中所承载的图标和扁平化的插画，则会以更快的速率，从下偏向上显露。

元素的揭示速率并不慢，幅度也节制得恰到甜头，速率差则将信息的条理感获得了强化。风趣的处地址于，当你转动到页面底部，再向上转动的时辰，会发明动效的行为偏向会正好反过来。

9. BASE

Base CRM 的首页是个很好的案例证明简朴的动效同样可以缔造出优越的体验。他们首页上所回收的这种转动渐现的动效是颠末定制的，和其他的同类动效并不完全一样。

可是它依然很典范，不伟大，固然看起来揭示内容时辰的幅度并不小，可是它对付体验的影响并不大。

整个网站的机关足够简约，空间留白大概多。假如他们的动效可以或许加载得更快一点，就美满了。

10. ANYLIST

作为一个APP的推广页面，Anylist 的网页计划可以算得上大度了。Anylist 页面中独逐一个行为的动效是你方才打开的时辰，从底部行为到顶部的手机截图，而当你向下转动赏识的时辰，页面元素会由透明开始慢慢展现，并不会跟着转动而行为。整个页面的转动动效计划的颇为有凝结力。

11. ERNEST

和其他的转动赏识动效差异，Ernest 这个网站在这个合集傍边，是独树一帜的。

它的首页回收了视差转动的计划，同样是单页计划，可是页面被明明支解为几个差异的部门，转动会触动员效加载下一个页面中的元素，元素行为幅度都很大，页面的定位感很强，不会由于转动而逗留在某此中间状态。

你可以行使侧面的导航来快速跳转到差异的部门，这也是单页计划和视差转动计划中常见的元素。

12. TAXINET

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!