1、使用3-5个按钮
确保底部导航的按钮控制在3-5个之间。5个按钮通常会让导航的空间比较紧凑局促，用户可能会误触，这样会让体验非常差。
如果真的有超过5个导航图标的话，建议参考 Google 的做法，使用汉堡菜单将它们隐藏在其他更加易于访问的地方。
2、不要使用滚动式的导航栏
这同样是为了解决导航栏图标过多的问题而诞生的一个思路，但是这个方案其实解决不了问题，因为总会有图标被遮住，这样带来的不确定的问题更多!
3、保持视觉和风格的一致性
保持图标在设计上的一致性其实非常重要，这是保证 APP 在设计上，有着最基本的专业性。不一致的设计非常容易被用户注意到，带来的用户体验的隐患是非常之大的。比如图标的样式尽量保持一致，风格保持统一，等等等等。
4、避免使用多种颜色
作为一个对功能性要求较高的控件，导航栏本身是需要传递「触发」和「非触发」的概念的，而信息的传达更多时候是借助色彩和不透明度来呈现的，使用过多的色彩会导致导航栏失去这种基础的辨识度。
5、文本标签不要截断或换行
文本标签为导航栏提供了快速且易于理解的信息提示，尽量使用单个词汇来予以说明才符合它所处的位置，所以，尽量不要让它被截断或者换行。
分享几个常见的导航设计：1、滑出导航滑出式导航是现在很流行的一种，当用户打开页面时，第一眼看到的是主要的内容而非菜单，给用户更好的第一印象。响应式全屏滑出导航也可以给人愉悦的体验。2、全屏导航全屏导航设计对内容有强调作用，用户可以更加便捷地切换到不同的页面，让内容成为更加触手可及的东西。如果设计的够合理，用户会在无意识间充分运用起它的导航功能。3、单页滚动导航对于不含有大量内容的网站而言，单页式的导航的效果非常不错。这样的网站只需要简单的向下滚动操作，内容就会持续不断地到你的眼前。4、垂直导航垂直导航最流行的有两种排版方式，一种是隐藏式的导航菜单，需要的时候点击显示。另外一种是固定的侧边栏来展示菜单。它为网站设计提供了一种新的视觉体验。导航如何使用，还是要结合你的项目的具体特征来决定的。
当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。
如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率。
扩展资料：
UI设计网页方法
一、呈现更新颖的内容
设计师在进行网页ui设计的过程中需要注意的是，想要让自己的网页看起来更加与众不同，但也不必过于夸大，可以用一些新鲜的理念和不同的布局来吸引用户访问。比如以一种动态的方式，将信息呈现给用户，以此来赢得用户更多的关注。
二、增强元素的设计感
相对于普通的网页ui设计而言，具有较强的设计感的网页往往会更容易吸引用户的注意。任何一个具有创意的网站开发设计方案，都会把目光更聚焦在网页的基本布局和色彩搭配上，而这也意味着网页上一般存在很多种不同的元素。
三、激励用户更多操作
网站开发的设计制作的类型有很多种，面对不同的类型，要有特定的网页ui设计方案。给用户提供一个寻找目标的简易方法，这样用户就容易沉浸到页面中来，同时也增加了用户操作的几率。
一般是：设置——全部设置——导航栏，当然可能不同的手机型号，设置方法不同。仅供参考。而涉及导航栏的具体步骤如下面的表格会写得很具体。在屏幕上找到如图所示红色方框标记的“设置”选项，点击进如设置界面。点击选择下图所示红色方框标记的“导航栏”选项。我们可以看到下图所示目前“导航栏可隐藏”选项是关闭的。点击打开红色方框标记的“导航栏可隐藏”选项后，我们可以看到如图下方红色标记的位置多了一个向下的“箭头”，这个“箭头”就是可以隐藏导航栏的选项。点击这个“箭头后”导航栏便会消失。如下图所示，点击“箭头”后，导航栏已经在屏幕界面中消失了。如果再想导航栏出现，只需要拇指从屏幕最下方往上滑动一小段距离即可。导航栏几个按键的位置还是可以调换的，如下图所示我们选中的导航栏按键分布已经和前面图片上显示的不一样了。
为了方便读者的浏览，我们一般会在ppt文档里面添加一个导航的菜单栏，那么，如何在ppr里面添加导航菜单呢?下面就让我告诉你ppt制作导航菜单 的 方法 。
ppt制作导航菜单的方法：
单击“导航菜单“时，弹出下拉菜单。选中组合的文本框，右击其边框选“自定义动画“，在对话框选择添加“添加效果→进入→切入“(图2)。
对切入的效果进行设置，把“方向“改为“自顶部“，触发器设置成“导航菜单“，目的是单击“导航菜单“时弹出下拉菜单(图3)。
看了ppt如何制作导航菜单的人还看：
1. 如何制作高大上的立体导航栏效果
2. ppt制作十大绝招
3. 如何制作PPT目录页 四项基本原则
4. 如何制作会旋转的地球 只需三步
5. 如何制作ppt目录
6. PPT制作教程
导航栏设计要注意的因素有：1、除了首页，其他页面也可以放置导航栏一个很明显的误区就是，很多网站只在首页放置导航栏。用户在浏览网站的首页时，可以轻松的通过导航栏到达他们想要浏览的页面——这说明导航栏的设计是较为成功的，但是一旦到达二级页面，导航就变得模糊起来，以致用户在浏览完本页之后一定要返回主页才能够进行下一步浏览。事实上，很多用户并没有点击浏览器“后退”按钮的习惯，尽管这个功能十分强大并且方便，所以当用户置身于一个陌生的网站中时，每一次都要通过重新打开主页的方式来搜索自己感兴趣的内容，非常容易产生厌倦。而这个问题其实非常容易解决，只需要在每一级页面都加入导航栏就可以，这并不是什么困难的工作，而且也会有效的提升用户的使用体验。2、导航栏图标设计标准有很多网站设计出了悬浮式导航、椭圆形导航甚至动态导航，诚然，这体现出了设计师的设计灵感，但它不一定讨喜。因为导航栏是一个十分注重功能性的存在，它的设计初衷更应该偏向于如何让用户更加轻松的使用，而不是如何做的更加炫酷。甚至，这可能会让一些思想保守的用户产生厌烦的心理。所以在大多数时候，导航栏的设计还是在可控制的范围之内尽量保守为主，至少要符合标准，字体过大过小或者奇形怪状的设计，有时可能是为了更加贴合网站的主题风格，但不可否认的是，这也会在很大程度上给用户的使用带来麻烦。3、导航栏的数量需要注意根据业内经验的分析，一个网站内的导航栏数量尽量不要超过7个。这也是为了突显导航栏作用的一个做法，作为导航栏，更应该起到的作用时将更有价值的信息传递给用户，而不是把所有东西都放进导航栏，这样反而体现不出重点在哪里。4、导航栏的位置需要注意虽然绝大部分网站都是将它放在顶部——这无疑是正确的做法，但仍然有少数网站选择了一些奇怪的位置放置导航栏，这样对于提升用户体验并没有太大的帮助，反而可能会起到反作用。在设计导航栏时一定要明确：创新精神是值得肯定的，但是创新不代表可以随心所欲，作为服务于用户的网站，一切的设计都要以如何让用户的使用更加轻松和顺心为中心，导航栏更是如此。
对于初学者来说，可能不知道如何在ppt中制作导航栏，下面就让我告诉你 ppt怎样制作导航栏的 方法 ，希望对大家有所帮助。
ppt制作导航栏的方法舞台上右键——设置背景格式——填充——纯色填充——黑色。
ppt制作导航栏的步骤图12插入——形状——矩形，在舞台上拉出一个合适的矩形。绘图工具——形状填充——无填充色。形状轮廓——其他颜色轮廓，色码如图，透明度48%。粗细——其他线条——线型——复合类型——由细到粗，宽度6磅。
ppt制作导航栏的步骤图23插入——图片，将背景图片导入，放置在顶部，右键——置于底层。
ppt制作导航栏的步骤图34边框左上方输入文字，开始——字体中设置好字体、字号、颜色(这些都依个人的设计而定)。
、、 ppt制作导航栏的步骤图45边框右侧输入导航目录，分别选择好字体、字号、颜色。图2为三个目录完成后的效果。
ppt制作导航栏的步骤图5 ppt制作导航栏的步骤图66插入三张小图，在绘图——格式——大小中，将宽度与高度更改为相同大小。对齐工具栏中将其顶端对齐并横向分布(按最左与最右的图片构成的间距平均分配图片)。
ppt制作导航栏的步骤图77矩形工具如图拉出一个长方形，颜色依个人图片设定，右键将其置于底层。
ppt制作导航栏的步骤图88绘图工具——格式——形状效果——棱台，为矩形选择“十字形”棱台。三张小图选择“松散嵌入”棱台。
ppt制作导航栏的步骤图9 ppt制作导航栏的步骤图109矩形上方输入标题，艺术字样式中选择一种效果，绘图工具——格式——文本效果中，为其选择一种映像。
ppt制作导航栏的步骤图11看了ppt怎样制作导航栏的人还看：
1. 在ppt中怎样添加图片边框
2. 如何制作高大上的立体导航栏效果
3. ppt怎样设计导航栏
4. ppt如何制作导航菜单
5. ppt如何制作下拉菜单效果
6. 在WPS演示中如何制作下拉式列表导航
7. ppt怎样制作下拉菜单
