导读：导航定位设置自己的店铺的 *** 如下：手机：HUAWEIMate 40E Pro系统：HarmonyOS3001、在百度地图中下滑屏幕，点击进入更多工具。2、在当前界面的服务中点击我的店铺选项进入。3、在当前界面依次输入完善店铺信息即可。4、在
导航定位设置自己的店铺的 *** 如下：
手机：HUAWEIMate 40E Pro
系统：HarmonyOS300
1、在百度地图中下滑屏幕，点击进入更多工具。
2、在当前界面的服务中点击我的店铺选项进入。
3、在当前界面依次输入完善店铺信息即可。
4、在腾讯地图中点击右上角反馈进入，在当前界面的地点相关中找到进入商户入驻。
5、在当前界面依次完善店铺信息，勾选下方阅读并同意条款最后点击提交即可。
最近在做后台管理系统的页面设计，设计系统返回上一级按钮引发思考，后台系统本身是一个系统嵌套多个系统的存在，那么对于重量挤系统和轻量级系统他们是怎么引导用户实现自己的需求。下面是我的总结，欢迎大家补充，共同交流学习
阿里云
一级菜单展现形式：一级菜单处于收起状态，鼠标移入出现，可能因为导航和内容区域都为浅色，为了减少视觉干扰加黑色遮罩。阿里云页面设计也是最近才更新为浅色，之前导航菜单一直是深色。
二级菜单展现形式：页面处于二级菜单页面的时候，鼠标移入汉堡按钮出现一级菜单，此时可以从二级页面操作切换一级菜单，鼠标点击黑色遮罩部分一级菜单收回
鼠标点击二级目录，跳转新页面此时导航页面只显示三级目录，点击上面的返回按钮可返回到上一级
阿里云购买页面，左侧导航消失，可通过右上角返回控制台，返回上一级页面
京东云
一级和二级导航是可收缩状态，常态处于收缩，三级导航展开，鼠标移入一级导航自动展开，移出自动收起，点击切换三级导航
展开
京东云购买页面跟阿里云一样，导航消失，减少用户操作干扰，可通过左上角返回按钮返回上一级操作
百度云
跟京东云导航类似，区别在于京东云一二级导航可伸缩，百度云可伸缩区域是一级导航，固定二级导航，红框区为一级导航，蓝框区为二级导航
点击二级导航，页面跳转到三级导航，点击左上角返回上一级
QINGYUN
一二级导航固定在左侧为展开样式，点击导航底部收缩按钮导航收起来
三级页面为弹窗或者跳转页面点击左上角面包屑按钮返回上一级
滴滴云
相对于上面更轻量级的面包屑设计来说，还有更轻量级的就是把侧面导航栏，固定到页面顶部，这样做首先页面看起来给人的感觉更轻松，比较适合业务轻量级，系统业务固定，这种设计可能之后的延展性会差一点。
下面是一级导航设计，
二级导航设计浮在卡片中间，类似页签的设计点击切换下面的页面。
点击右上角的创建按钮页面跳转至三级页面，没有返回按钮。同一位置页签点击切换为上一级页面
此类页面看起来简单，实则操作复杂，我个人觉得学习成本比较高。
综上所述：面包屑按钮适合轻量级的企业系统，操作简单，认知减负，页面跳转自然。较复杂的嵌套导航适合重量级的企业系统，可以把庞大的一级二级三级页面区分清楚，让用户在复杂的业务中快速定位找到自己想要的部分，提高用户操作效率。
导航就像一本书的目录，当你看到书的目录时，知道这本书的框架分为几部分，每个框架的内容点是什么，这些内容点又是如何排布。导航对于整个APP来说是非常重要的，可以让读者在浏览内容时不易迷路。以下归纳几种比较常见的导航设计以及优缺点。
目前，移动端界面的一级导航设计主要有几种：1、底部布局的标签导航；2、顶部布局的标签导航；3、舵式导航；4抽屉式导航；5、宫格式导航；等等。二级导航设计常见的有：1、分段式导航；2、底部+顶部布局的标签导航；3、列表导航；4、图标式导航；5、下拉菜单式导航等。
本篇文章分为三个部分，之一部分为一级导航设计介绍、第二部分为二级导航介绍、第三部分总结。
1、底部布局的标签导航：
这是最为常见的导航模式，一般而言是一个icon+文字描述 ； 纯icon形式的底部标签导航也有，但使用起来容易误导。所以大部分产品的一级导航设计，都有一个文字说明。
总结这种导航的特点是：占用面积较大，用户能够轻松进行点击，一般不超过5个标签。是IOS端导航设计最为推荐的一种模式。
以纯icon跟icon+文字描述为例：medium、airbnb、网易云音乐
2、顶部布局导航
标签式的导航除了放在底部外，也可以放在顶部。而底部空余的空间可以 设计APP主要功能 。比如拿滴滴打车跟 *** 音乐为例，滴滴打车的主要是为了让用户使用来打车，所以按照人的输入习惯，把底部的位置设计为输入框，便于用户立即输入地点。而 *** 音乐的底部设计则可以让用户快捷切换、播放、暂停音乐。
总结这种导航设计的特点是：根据用户的场景使用以及APP自身特点情况设计。这种导航也大量地使用在Android系统中。
3、舵式导航
如果一个APP中有一个非常需要突出的功能，是该APP的核心功能或操作，一般会使用舵式导航。经常以颜色或者是大小的区别来展示这个核心。常见的有文字或照片发布类型的APP软件，比如、微博、Evernote等；也有包括产品本身功能不多，但有一个最需要突出的核心，以共享单车ofo为例。
总结这种导航的特点是：以颜色或大小的区别来展示核心，让人有点击的欲望。
4、抽屉式导航
抽屉式导航把一些功能整合在一个图标（汉堡菜单/三线icon）中，让界面变得更加简洁。这款导航也有一个比较突出的特点，使用这种导航意味着更多的点击。使用一个功能，首先要打开抽屉式导航，然后才能点击其他的功能，接着在其他的功能中再继续点击。2010年Facebook也使用这种抽屉式导航，但2013年换成了标签式导航。更多的点击意味着大大降低使用的频率次数。
总结这种导航的特点：核心是“藏”，突出核心功能，但同时意味着更多的点击。
以*** master跟 *** 作为例子。
昨天看到medium上有一段话很有意思，来形容这种汉堡式菜单： If you don't pay attention you can't see it, if you pay attention and you see it then you don't understand what's going on there
知乎上也专门有讨论抽屉式导航的利弊。这种导航有它的优势，也有明显的劣势。
5、宫格式导航
很常见，把一个个功能罗列出来，像宫型一样在你的桌面上直接铺开，基本上占据整个屏幕或一半。这种导航主要针对一些功能非常多的软件。市面上比较典型的有：美团、去哪儿（但去哪儿的界面真心丑），不过这种设计在我们手机屏幕上已经得到了充分的展示。
市面上较主要的一级导航类型如上。接下来来说说二级导航的布局是怎么样的吧。
就像书的目录有一级目录跟二级目录，APP中也有一级导航跟二级导航，二级导航从属于一级导航，带领用户去到不同的层级内容。
一、选卡式导航
位于顶部，这种选卡式导航是在主导航中其中的某个图标里的二级导航。一般情况下，不会超过四个，相互之间也有一定的关联。
二、底部+顶部布局的标签导航
双tab导航出现的时候，顶部导航往往是二级导航。而顶部的内容偏多时，需要提示用户可滑动，如不提供完整的信息。意外发现Airbnb中的二级导航没有提示用户可以往右滑动。
三、列表导航
是十分常见的二级导航，清晰的条目可以实现用户在内容选项中的快速切换。不会展示过多的内容，一般为icon+文字+导向符号，右侧部分大量空白，符合人的视觉阅读习惯。这种导航也可以作为一级导航，例如 *** 邮箱。点击其中一个条目之后会进入另一个界面中，内容的交互逻辑十分重要。
四、图标式导航
算是宫格式导航的一种，可以作为一级导航，也可以作为二级导航。每个图标之间相互独立，就如同我们手机桌面上的每一个APP一样，他们所拥有的信息完全独立，与相邻的APP没有任何关系。内容较多时，也会给用户带来一定的选择困难，一般而言会作为二级导航使用。最经典的就是bilibili跟支付宝。
五、下拉菜单式
下拉菜单不会跳转到其他界面，能够显示足够的条目，没有退出的选项。
三、总结
很多导航与导航之间可以相互搭配使用，没有最完美的导航，而设计导航的首要因素是要理解需求，从需求出发，以及配合相应的场景使用，做出最合适的设计模式。
在看Thoughts on Interaction Design 这本书的时候，作者说： Interaction Design is a language
在看medium有关导航的文章时，有作者（Nick Babich）也说： Navigation is a conversation
作为一门可沟通的语言，让target audiences听懂，尊重用户&尊重客户。在设计时也多思考personas，思考用户目标与用户体验目标，导航的设计是让他们知道如何实现这些目标与需求。如果产品设计让用户觉得人性化，那么他们应该会乐意去使用。
你要用系统导航添加就双击这个导航，加上分类去，你要自己自定义设计的话就把导航设计在上，然后下拉也设计成，可以利用疯狂的美工 *** 天猫装修助手软件生成下拉代码安装到店招上去~自己设计的话店招就更丰富，用系统导航就是更单调些。你看你用哪种比较方便！
通过之前提到过的结构层形成了大量的需求，而这些需求都是来自我们产品的战略目标，接下来，我们需要在框架层进一步提炼这些结构，确定很详细美观的界面设计、导航设计和信息设计。通常来说，优秀的框架层可以一下子吸引住你的用户，然后他们才会继续领略你的结构层，相反，如果你的框架层弄得混乱不堪，给用户的之一印象就不怎么好，那么对于互联网产品来说，是致命的打击，因为用户没有那么大的耐心领略你的产品，会转而去使用竞品。
结构层界定了产品将用什么方式来运作，而框架层则用于确定用什么样的功能和形式来实现 ，框架层常常用来处理更精确的细节问题，关注点几乎都在独立的组件以及它们之间的相互关系上。对于功能型产品和信息型产品来说，信息设计都是必须要做的，而对于功能型产品，我们通过界面设计来确定框架，对于信息型产品要解决的是呈现信息的界面——导航设计。界面设计、导航设计、信息设计这三者之间关系紧密，在面对导航设计通常也要考虑信息设计是否太模糊，或者往往遇到的事信息设计的问题，最后变成界面设计的问题。
虽然这三者之间没有明确的界限，但是单独区分它们还是很有必要的，只有正确评估我们才能找到合适的解决方案。如果涉及到 提供给用户做某些事 的能力，则属于界面设计，即意思就是说通过界面用户能真正接触到那些在结构层的交互设计中确定的具体功能；如果涉及到 提供给用户去某个地方 的能力，则属于导航设计。信息架构把一个架构应用到我们设定好的内容需求列表中，而导航设计就是一个用户能够看到那个结构的镜头，即用户通过它，就可以在结构中自由穿行；如果是 传到想法给用户 ，的能力，则属于信息设计。信息设计是三者之间最宽泛的一个要素，跨越了以任务为导向的功能型产品和以信息为导向的信息型产品。
正如键盘要设置成3乘以4的数字矩阵，生活中有很多这种根深蒂固的习惯，我们在做产品的时候应该遵循这种结构，即使有的标准并不一定是更佳解决 *** ，但是人们已经相对容易的适应了它们。为了不打破这个习惯，我们产品的界面也应该遵循这种结构，生活中如果我们能够减少很多反射作用，办事效率将会提升很多，如每个产品的垃圾桶图标代表删除，如果没有遵循这个定律，而是使用别的图标，那么就会让用户反射弧增加，从而产生不习惯，因此就会对产品失望。 让你的界面与用户早已形成的那些习惯保持一致很重要，但更重要的是界面要与它自身保持一致 。
就像不应该过于强调交互设计背后的概念模型一样，你应该抑制在产品四周建立起比喻的冲动，虽然对产品来说，比喻是很可爱很有趣的，但是它们无法像你幻想的那样产生作用，甚至根本起步了作用。如你可以用一个 *** 的图标来代替 *** 薄，但是有的用户就会不理解，以为是要检查语音信箱甚至是以为要充话费。当然产品内容会提供一定的上下文让用户猜想你的比喻特性，但是总是会有用户猜不对的，更好的做法就是完全去除猜测的成分。
界面设计就是选择正确的界面元素，既能帮助用户完成任务，还要通过合适的方式让用户更加容易理解和使用。成功的界面设计是让用户一眼就能知道最重要的东西，而不重要的东西不应该被注意到，所以说设计界面更大的困难就是要弄清楚对于你的目标用户，那些元素是重要的，哪些元素是不重要的。对于突出重要的元素的 *** 并不是将用户最有可能点击的按钮变为更大，在互联网产品中我们可以采取很多不同的 *** ，如最简单的技巧就是，在界面之一次呈现给用户的时候，我们就将最可能点击的任务和目标设置为默认，减少用户的输入成本。还有一种 *** 就是自动记住用户最后一次的选择状态。一些技术提供了一套同样的基本元素，如现在很多交互都是采用Windows和Mac OS中的设计，我们在设计自己的产品时，可以遵循这种交互设计，但是也不能强迫设计师必须按这种方式来使用，在界面如何响应用户动作这件事上，需要一定的灵活性，进行 保留性创新 。
如果你的APP或者网页并不是并不是把所有的功能集中在一个页面之内，那么你得在导航设计上多下功夫。在这里仅说网站导航设计，APP同样可类推。网站导航设计看上去是一件很简单的工作：在每个页面放一些允许用户浏览整个网站的链接。但如果你去掉界面，导航设计的复杂性就会变得显而易见，任何一个网站的导航设计必须同时完成这三个目标：
1必须提供给用户一种在网站间跳转的 *** 。
2导航设计必须传达出这些元素和它们所包含内容之间的关系。
3导航设计必须传达出它的内容和用户级当前浏览页面之间的关系。
信息设计是最难入手的一个，常常充当一种把各种设计元素聚合到一起的粘合剂的角色，有时信息设计涉及分组或者整理散乱的信息，我们要用一种能反映用户的思路和支持他们的任务和目标的方式来分类和排列这些信息元素，在这些元素之间的概念的关系是真正属于微观信息架构的，当我们必须要在这个页面上传达结构的时候，信息设计就呈现它的作用。通常，将信息设计和导航设计结合在一起，可以支持指示标识，用来帮助用户他们在哪以及他们能去哪。网站中，指示标识不仅要提供到网站不同区域的通路，还必须要清晰地传达出这些选项。好的指示标志可以让用户立马明白“我在哪儿，我要去哪儿，哪条路径离我的目标更近”。
通常将信息设计、界面设计和导航设计放在一起形成统一凝聚力的架构的地方成为线框图。对于大多数项目来说，需要多个线框图来传达复杂的预期效果。通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。通过这三种 *** ，线框图就可以确定在一个基本概念结构上的架构，同时也指出了表现层的设计应该前进的方向。
我们知道APP菜单设计、导航栏设计，就是把所有的功能整合贯穿在一起，让用户能够顺利的在产品中畅行，让他们自己时刻清楚自己在应用中所处的位置，以及如何前往目的页面。在移动端产品导航的设计中没有更好之说，只有最合适，根据你的产品采取最合适的导航设计。因此一个导航的选择直接影响了整个产品的功能运作和界面风格的走向。APP导航设计3大重要性1、结构化产品内容和功能A如果没有导航，你产品中的内容和功能就相当于一盘散沙，不成体系，用户会在里面迷路，不知所措。导航系统相当于APP的骨架，支撑着内容和功能组成的血肉，导航系统起着组织内容和功能的作用，让它们按照产品的信息架构图进行连接，展现在在用户面前，导航将零散的内容和功能组织成了一个完成的有结构的系统。2、突出核心功能每一个APP都有一个核心功能，其他的都是次要功能和扩展功能，像微信的核心功能是即时聊天，京东是购物，易到是打车，猫眼是买**票等等，核心功能对目标用户来说是最重要的，把核心功能放在用户最能接触到的位置，给予充分的展现，而其他功能应该适度隐藏、甚至是删除。导航就起到了突出核心功能，适度隐藏次要功能的作用。3、扁平化用户任务路径如果没有导航，用户为了完成一个任务，会像无头苍蝇一样来回乱撞，即使来个你死我活也完成不了想要达成的任务。分析用户的行为，建立合理的导航系统，设计顺畅的任务路径，让用户不再像无头苍蝇一样，在各模块之间迷失。一个好的导航，能够扁平化用户的任务路径，减少用户操作成本，从而提高用户体验。
日常中浏览一个网站的时候，能够吸引一点就是这一个网站的导航设计得如何。网站的导航作用能够非常好的引导用户快速浏览到自己想要浏览的内容，一般来说好的网站导航设计可以极大的提高用户在网站页面的停留时间，减少客户在使用过程当中的跳出率，可以作用是很大的，那么如何来优化一个网站的导航设计，就成了广大网站 *** 者们所共同追求的目标。下面我们就来和大家一起探讨一下这个问题，要想优化网站的导航设计，可以从以下的这几个方面来做起。
一、栏目和结构要清晰
网站的主导航栏目的结构和名称要尽可能的清晰，一般来说，主导航是一个网站导航设计当中非常重要的一个模块，是网站的一级目录，因此为了使我们所 *** 的网站整体更加的扁平化、链接的层次更加的少，我们就必须要利用好主导航栏目的层级目录的优势来进行规划，要做到尽可能的清晰，一目了然。
二、包括关键词
网站的主导航设计的时候必须要包括关键词，这一点也是十分重要的，网站的导航系统当中的链接一般是分类页面获得内部链接的一个为主要的来源，因此我们在选择导航关键词的时候，要尽可能的选择包含长尾关键词，但是需要注意不要使用与网页目标不相关的词汇作为关键词，这样做反而容易引起用户的反感，反而更加的得不偿失。
三、使用面包屑导航
在优化网站的导航设计的时候可以更多的使用面包屑导航，很多人可能不理解什么是面包屑导航，通俗点来说面包屑导航非常有利于我们提醒用户的所在位置，在导航设计当中多使用它，可以帮助更多的用户识别当前的网站与整体网站之间的关系，而不容易出现网路迷路的现象。
当然，优化网站导航设计的 *** 还是非常的多的，以上的这几个 *** 是我们在实践当中使用的多，也为有效的 *** ，大家不妨多多去尝试一下。
网站建设
