导航栏,逻辑感的秘密武器!

进阶提高2年前 (2022)更新 愚人说P
4,029 0 7
导航栏,逻辑感的秘密武器!
嗨,大家好,我是愚人。
网站中的导航栏你有注意到吗?随着导航栏的切换,产品内容随之变化。
导航栏,逻辑感的秘密武器!
导航栏,逻辑感的秘密武器!导航栏,逻辑感的秘密武器!
是不是既好看,又清晰!尤其是在面对大段内容的时候,逻辑感非常强。
 
而这种呈现形式,在PPT里也非常亮眼,很多国外优秀的的PPT里都有运用!
 
导航栏,逻辑感的秘密武器!
导航栏,逻辑感的秘密武器!
导航栏,逻辑感的秘密武器!
而且制作原理非常简单,我们以这个科技风页面为例。
原理讲解
 
导航栏,逻辑感的秘密武器!
看起来很复杂对吧?好像是N个元素和动画不停地出现和消失。
 
但其实,它是由五张不同状态的页面组合而成。
 
导航栏,逻辑感的秘密武器!
 
也就是说,我们只需要单独做好这5个页面,然后再用动画连接即可。
 

【切换动画】用来变换不同页面的状态

导航栏,逻辑感的秘密武器!
【元素动画】用来显示每页里的动作
导航栏,逻辑感的秘密武器!
你看,单独拆分下来,每个页面的动画其实非常简单。况且很多时候我们不需要元素动画,那我们只需要做好不同页面的状态,然后添加一个页面【切换就可以了。
 
好了,原理清楚了,接下来我们用两个案例实践一下。
案例一
导航栏,逻辑感的秘密武器!
就问你这么多文字,你害怕不害怕!
 
很多老师的PPT或者政府的PPT,文字都会非常的多,而且还不让删。这个时候,就需要用到导航栏了。
 
首先,我们拆分文字,梳理出不同的层级
导航栏,逻辑感的秘密武器!
很明显,内容分成4部分,所以我们可以制作一个四部分的导航栏。
 
页面整体风格给人典雅古典的感觉,那我们的导航栏最好也匹配这种风格。我们可以去网站找一些相关的元素。
 
导航栏,逻辑感的秘密武器!
 
左边的卷轴就不错,于是和字体组合一下,一个很有中国风的导航栏就做好了。
 
导航栏,逻辑感的秘密武器!
 
当然,具体运用的时候,我们需要高亮对应的章节。怎么做呢?
 
我们只需要多复制几个,然后给不同的导航栏加上【半透明的色块即可。
 
导航栏,逻辑感的秘密武器!
 
你看,这不就妥了吗。
接着,就是将导航栏摆进不同的页面。
导航栏,逻辑感的秘密武器!
最后,我们加上动画看看。
导航栏,逻辑感的秘密武器!
效果还不错吧?我们再来看个案例:
 
 
案例二
导航栏,逻辑感的秘密武器!
这个案例偏商务一点,文字相对来说并不是那么多。
同样,我们拆分下看看:
导航栏,逻辑感的秘密武器!
由于文字不多,其实我们放在一页,也能做得比较好看。
导航栏,逻辑感的秘密武器!
但是,对于细小的正文,阅读起来还是不够简便。如果是演讲型PPT,演讲的时候,这一页停留的时间也比较长。
所以,更好地做法还是用导航栏设计。先用一页总页面讲解目标和措施。再用导航栏逐页讲解措施。
– 总页面 –
导航栏,逻辑感的秘密武器!
开篇总览介绍,这样别人获取信息的速度就非常快,也方便演讲人扩展内容,讲故事。
页面有点单调?我们可以将图片变成弧形,增加设计感,同时添加图标作为装饰。
导航栏,逻辑感的秘密武器!
然后,我们基于底下三大措施,制作导航栏。
导航栏,逻辑感的秘密武器!
相信了解了原理,导航栏的制作大家都会。而这一页的难点在于:怎么把很少的文字撑满页面,并且做出设计感。
 
我们一页一页来看。
 
– 短视频营销推广 –
导航栏,逻辑感的秘密武器!
 
分析内容可以发现,这里面讲了【抖音】、【微信短视频】、【哔哩哔哩】三个方面,那我们完全可以添加这三个LOGO。这样既能让页面更饱满,又增加了页面的颜值。
 
导航栏,逻辑感的秘密武器!
– 加速产品开发 –
导航栏,逻辑感的秘密武器!
这里面的关键词是数据,那我们就可以把【数字】放大展示,并且用上升的箭头表达这种变化的趋势。
 
导航栏,逻辑感的秘密武器!
 
– 招聘优质人才 –
导航栏,逻辑感的秘密武器!
这里就一句话,而且还没有关键词,想丰富页面还是很难的。这个时候,我们就可以考虑可视化文字。
 
比如:这里面分为三步:招聘人才、成立销售铁军、帮助公司发展。那我们可以把这三步可视化,用图形来表达。
 
导航栏,逻辑感的秘密武器!
 
怎么样效果还可以吧?最后,加上动画,效果会更绝!
导航栏,逻辑感的秘密武器!
【多文字页面最重要的是给信息分组,而【少文字页面】最重要的是添加辅助元素,避免单调。
 
当然,关于导航的形式数不胜数。
 
导航栏,逻辑感的秘密武器!导航栏,逻辑感的秘密武器!导航栏,逻辑感的秘密武器!
 
 最后,我也给大家总结了一些导航条的设计样式,免费分享给大家。
导航栏,逻辑感的秘密武器!
 
限时福利:
Step 1:点亮右下」和在看
Step 2:点击下方公众号,点击发消息发送关键词导航栏
Step 3将推文分享给更多朋友
 
觉得还不错的朋友呢,非常希望能得到你的【在看】和【评论】,除了“恰饭”,这个真的是更新的最大动力了….
 
如果你或者你的公司需要PPT定制,也非常欢迎大家扫码联系我们。价格不便宜,但活真的还不错。我们给“腾讯、“华为”、“联想”、“小红书”等很多知名企业设计过PPT,服务方面是可以放心的。粉丝来找我们,还有专属折扣哦!
 
那今天就分享到这了。
我是愚人,我们下期再见!

——
公众号:愚人说P
原文链接:导航栏,逻辑感的秘密武器!

© 版权声明

相关文章