本文仅用户个人学习记录使用，意在提高自己的交互设计，仅此而已，欢迎指正.

Carousel 轮播图使用场景

• 当有一组平级的内容。
• 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。
• 常用于一组图片或卡片轮播。

设计学习截图

优点

• 整体简洁干净而不失酷炫效果
• 可关闭的广告，人性化的设计！
• 使用轮播图来展示产品的相关信息，即展示了页面的动画效果，也给“腾出”了其他空间供其他内容展示，录播图的触发器还有进度条现实，细节设计，让用户感知多久将会轮播到下一屏
• Float 组件位于页面全局靠右居中位置，方便用户咨询或者电话联系
• 页面 header 左右布局，将 “分组式” 菜单项放置 header 左部分，右部分是没有分组的菜单项，这样的布局看起来比较一致
• 在产品亮点展示的时候，每一项 hover 都有 hover 效果，超出屏幕换行的居中展示，这是设计中的对齐效果，既是换行了也不影响页面美观
• “免费试用”的按钮在每一屏都能看到，方便用户试用