uniapp底部导航栏中间凸起_PPT导航栏，真的非常好用！

hello 大家好，我是利兄~

今天讲一个非常实用的小技巧——导航栏。

导航栏在学术类PPT或者汇报类PPT中非常常见。

因为内容非常多，一份PPT有几十页，结构比较复杂。

这个时候就需要导航栏来提醒我们，目前讲到哪一部分了，这样逻辑会更加清楚。

导航栏的设计灵感来自于网页设计。

导航栏在PPT中也非常好用，它是目录页和过渡页的延伸，对于我们理解PPT整理的逻辑结构非常有帮助。

比如上周，我给大家分享的一个学术类PPT案例，就有导航栏的设计。

来自《利友圈PPT学习》大王PPT

我们很清楚的知道，这一页的内容属于哪一个版块。

导航栏这么好用！

那么，到底如何制作一个导航栏呢？

其实有三个关键点，我们一定要注意。

导航栏内容的数量
重点版块的凸显
导航栏的位置

首先，我们要明确导航栏是目录的延伸，导航栏的数量基本上等同于目录的数量。

比如上面这个案例，那么它的导航栏应该就是6个，导航栏底部可以单独添加一个色块和正文区分开。

其次，导航栏还具有过渡页的属性，它要展示我们阅读的进度，知道我们这一部分讲的是哪一块的内容。

所以，我们要强化当前所讲的那部分，弱化其它的。

这种强化的方法，多种多样，这里列举三种。

首先，下面画线条，进行修饰。

加色块和线框进行凸显。

直接放大和加粗文字。

这是上下结构的导航栏设计。

除此之外，用的比较多的还有左右结构的导航栏。

导航栏放在左侧，视觉效果也非常好，我们可以加入一些图标让它更加的形象。

凸显内容，我们依然可以底部加线段，更改颜色的方式来强调。

放大字号，底部加阴影色块。

这是浅色背景的，我们换个深色背景。

然后直接加色块，强调的效果也非常好！

布局的话，上面放置企业LOGO，下面放目录导航栏。

导航栏，除了更改颜色外，还可以增加一点立体效果，就像下图这样。

是不是非常不错。

如果要想导航栏做的有特色，可以多看一些导航栏的案例，我大家整理了一些，大家可以看看，找找灵感。

以上就是今天给大家分享的内容，希望大家喜欢。

uniapp底部导航栏中间凸起_PPT导航栏，真的非常好用！相关推荐

vant 底部导航栏中间凸起
vant 底部导航栏中间凸起 1.tabBar代码 <template><div><van-tabbar fixed route v-model="activ ...
uniapp 底部菜单_uni-app 自定义底部导航栏的实现
这是我目前发现较好的uni-app 自定义底部导航栏方法,其他方法的缺点主要是在切换时,要么会闪烁,要么会每点击一下,都会请求一次数据.如果有其他更好的方法,欢迎评论留言,最近才开始用uni-app写 ...
底部导航栏的凸起效果
微信小程序开发教程.开发教学本视频为1-1号视频,做出了底部导航栏的凸起效果第一次做视频,希望大家多多支持- 组件源码+项目源码: 链接:https://pan.baidu.com/s/1EkZx ...
利用FloatingActionButton实现底部凸起的导航栏
FloatingActionButton学习利用FloatingActionButton实现底部凸起的导航栏利用FloatingActionButton实现底部凸起的导航栏 FloatingAct ...
uni-app开发：tabar组件与顶部导航栏（功能开发篇）
uni-app开发:tabar组件与顶部导航栏(含右侧icon点击功能)[结合:案例Demo截图] 一.效果图 · 截图: 二. tabar组件 + 顶部导航栏(含右侧icon点击功能) 组件的代码调 ...
微信小程序入门四: 导航栏样式、tabBar导航栏
实例内容导航栏样式设置 tabBar导航栏实例一:导航栏样式设置小程序的导航栏样式在app.json中定义. 这里设置导航,背景黑色,文字白色,文字内容测试小程序 app.json内容: {&q ...
IOS界面元素四栏（状态栏、导航栏、工具栏、TAB栏）设计规范
1 栏 1.1 状态栏状态栏展示于设备和当前环境相关的重要信息. 外观和行为:状态栏总是出现在屏幕顶部,包含网络连接.时间.电量等用户需要的信息在iPhone上,状态栏的颜色会变.而 ...
android 导航栏位置,android手机导航栏
/** * 设置透明状态栏与导航栏 * @param navi true不设置导航栏|false设置导航栏 */ public void setStatusBar(boolean navi) { // ...
android 窗口导航,Android全面屏虚拟导航栏适配
手机正朝着全面屏的方向演进,与此同时也给开发者带来了很多适配上的新问题,虚拟导航栏就是其中一个.最近在糗百的项目中,就有相关的适配问题,我查阅了目前关于虚拟导航栏适配的相关文章,基本上在全面屏手机里都 ...
css导航栏_CSS：创建导航栏
css导航栏 Every website needs a navgation bar to help visitors navigate around the website. This is gen ...

uniapp底部导航栏中间凸起_PPT导航栏，真的非常好用！

uniapp底部导航栏中间凸起_PPT导航栏，真的非常好用！相关推荐

最新文章

热门文章