嗨，大家好，我是愚人。
网站中的导航栏你有注意到吗?随着导航栏的切换，产品内容随之变化。
是不是既好看，又清晰！尤其是在面对大段内容的时候，逻辑感非常强。
而这种呈现形式，在PPT里也非常亮眼，很多国外优秀的的PPT里都有运用!
而且制作原理非常简单，我们以这个科技风页面为例。
原理讲解
看起来很复杂对吧?好像是N个元素和动画不停地出现和消失。
但其实，它是由五张不同状态的页面组合而成。
也就是说，我们只需要单独做好这5个页面，然后再用动画连接即可。
【切换动画】用来变换不同页面的状态
【元素动画】用来显示每页里的动作
你看，单独拆分下来，每个页面的动画其实非常简单。况且很多时候我们不需要元素动画，那我们只需要做好不同页面的状态，然后添加一个页面【切换】就可以了。
好了，原理清楚了，接下来我们用两个案例实践一下。
案例一
就问你这么多文字，你害怕不害怕!
很多老师的PPT或者政府的PPT，文字都会非常的多，而且还不让删。这个时候，就需要用到导航栏了。
首先，我们拆分文字，梳理出不同的层级
很明显，内容分成4部分，所以我们可以制作一个四部分的导航栏。
页面整体风格给人典雅古典的感觉，那我们的导航栏最好也匹配这种风格。我们可以去网站找一些相关的元素。
左边的卷轴就不错，于是和字体组合一下，一个很有中国风的导航栏就做好了。
当然，具体运用的时候，我们需要高亮对应的章节。怎么做呢?
我们只需要多复制几个，然后给不同的导航栏加上【半透明的色块】即可。
你看，这不就妥了吗。
接着，就是将导航栏摆进不同的页面。
最后，我们加上动画看看。
效果还不错吧?我们再来看个案例：
案例二
这个案例偏商务一点，文字相对来说并不是那么多。
同样，我们拆分下看看：
由于文字不多，其实我们放在一页，也能做得比较好看。
但是，对于细小的正文，阅读起来还是不够简便。如果是演讲型PPT，演讲的时候，这一页停留的时间也比较长。
所以，更好地做法还是用导航栏设计。先用一页总页面讲解目标和措施。再用导航栏逐页讲解措施。
- 总页面 -
开篇总览介绍，这样别人获取信息的速度就非常快，也方便演讲人扩展内容，讲故事。
页面有点单调?我们可以将图片变成弧形，增加设计感，同时添加图标作为装饰。
然后，我们基于底下三大措施，制作导航栏。
相信了解了原理，导航栏的制作大家都会。而这一页的难点在于：怎么把很少的文字撑满页面，并且做出设计感。
我们一页一页来看。
- 短视频营销推广 -
分析内容可以发现，这里面讲了【抖音】、【微信短视频】、【哔哩哔哩】三个方面，那我们完全可以添加这三个LOGO。这样既能让页面更饱满，又增加了页面的颜值。
- 加速产品开发 -
这里面的关键词是数据，那我们就可以把【数字】放大展示，并且用上升的箭头表达这种变化的趋势。
- 招聘优质人才 -
这里就一句话，而且还没有关键词，想丰富页面还是很难的。这个时候，我们就可以考虑可视化文字。
比如：这里面分为三步：招聘人才、成立销售铁军、帮助公司发展。那我们可以把这三步可视化，用图形来表达。
怎么样效果还可以吧?最后，加上动画，效果会更绝!
【多文字页面】最重要的是给信息分组，而【少文字页面】最重要的是添加辅助元素，避免单调。
当然，关于导航的形式数不胜数。
最后，我也给大家总结了一些导航条的设计样式，免费分享给大家。
没有提取码？