网站设计底部导航动效设计的3大形式总结！

网站设计底部导航是整个产品的路牌，向用户指明了整个网站设计的基础框架，也承担了引导用户操作的重要作用。随着网站交互设计的升级，现在的网站底部导航，也是网站「品牌形象」展示的重要窗口，其重要性不言而喻。动效的添加可以有效的提升网站品牌形象和网站设计吸引力，网站设计底部导航动效时，最常见的有以下3个方法：

通过遮罩，使灰色的未选中状态，过渡到彩色的选中状态，这是最简单的网站动效方式。需要注意的是，直接遮罩过渡会显得有些生硬，最好搭配一些小元素动效，可以交代清楚图标切换的逻辑。在未选中状态上，直接添加选中状态的生成动效，也是非常普遍的网站设计方法。最常见的就是利用描边或者填充属性，适用于各种风格的图标动效。为了让切换效果更强烈，也可以使用重现法来网站设计。先让未选中状态消失，然后出现选中状态。这种网站动效时长会偏长，但可以让用户更明显的感受到图标的切换状态，如果你的动效很出彩，可以考虑使用这种方法。