建站知识

1一级导航地图/主导航地图

1.1数字标签式导航

卷标式导航地图又叫ctrl式汽车导航，是目前移动端市场里上最为广泛的车载导航怎么设计。白色标签车载导航通常两类中间部位，顶部，顶、底一起混合建议使用这三种模式。

1.1.1导航栏目

采用过字体加快捷图标的方式展现出。一般有3~5个白色标签，适合我在相关的几类信息中间频繁的可以切换可以使用。这类相关的信息任务优先级相对低、公共用户在用频繁，彼此之间相对独立，通过标贴式导航的牵引，公共用户也可以迅速的实现首页之间的切换到且肯定不会失去方向感，简单而高效。它的缺点是会电脑资源一定高度的空间，如果电脑用户是小屏幕手机啊，则视觉观感不怎么好。

如下图用到分别为微信加、以及facebook：

1.1.2正上方导航功能

当资料具体分类比较多，百度用户对不同文章的直接打开率相差不多不是很大，不需要直接切换/调出的时候，经常会分为顶端导航功能设计模式，常见于工具类app里中，如waves市场研究公司、网约车：

1.1.3顶部、低部双l键车载导航

白色标签式导航功能除了设在哪底部和底部，另外有些内容是什么比较多的产品会最先进顶部、低部混制在用白色标签式导航，如公众号文章、网易云音乐阅读：

1.2收纳抽屉导航功能

抽屉车载导航指的是一些什么功能菜单选择按钮隐藏在如今的打开页面后，直接点击通往或打滑失控即可像拉抽屉一样抓出菜单里。这种汽车导航啊,设计比较适合于那么不须要频繁切换的次要功能，例如对设置中、关于、白金会员、脸部皮肤设置等功能一般的隐藏地。上面那张图分别是strategy、news、herrolls和Perisfind：

抽屉式导航地图的突出优点重要的是省出页面展览空间，使主页面上更加美观大方，让用户将更多的所有人的注意力准确聚焦到如今的打开页面。

优点主要在于次其他的功能通道比较隐蔽，电脑用户不容易发现；建议使用次功能一般需后的再点，提升系统用户可以使用生产成本。

1.3桌面式导航功能

桌面型汽车导航相似于dos系统或正常启动控制面板，其比较有特色是主页由多个设置按钮汇聚在一起。均衡各种布局时，那个按钮通常大小不一样同一，以3*3、2*3、2*2和1*2等形式纵向排列于桌面。然后点击按扭时，页面跳转至其他内的子系统/子模块。

如图，scale和financial采用了基于圆型那个按钮的均衡各种布局：

而360和日文50音图则采用针刺了基于圆角矩形设置按钮的均衡房间的布局：

注：当矩形设计弧线越来越小，甚至消失无踪就成小正方形的之前，往往用方形方格隔开各个选择按钮，让视觉感最好，这种离线模式见之于下一节的“宫文件格式导航功能”中。

一般品牌上还本身着一些极少数运用，它们内的环境生态繁杂，能提供（自己的或者不知从何而来第三方服务）眼花撩乱、不胜举的服务内容，有些具体服务单独拎出，做成一款应用方法，都是可以相匹敌家小型互联网巨头，甚至是中型互联网大厂，但是只是因为代收费业务统一整合、平台构建、体系创新、公司的服务扁平化，它们会被塞到一个“壳子”里，自然形成“超级服务平台类”app里，比如阿里推系的淘宝支付宝和推力高操作台：

淘宝支付宝百度主页的服务内容，这个可以在“全部”打开页面中进行个性化电脑配置；推力高加工台页面的三方公司的服务，也可以在“设置中”页面上中展开个性化配置如何。三个手机应用都接受用户根据自己具体需求和使用频度，优化特色服务项目的没显示按顺序，进行通道入口优化软件。

这种“超级综合平台类”手机应用，目前我仅在阿里推系的产品好中一看到过，其显著特点是：①高频和低频/射频建议使用，用户粘性极高，应用方法处在市场在哪里垄断地位，几乎无可取代产品好（生态结构庞大带来的很大的优势）；②数据服务品种多且更扁平化（让重叠式的开始菜单整个布局摸式成为必设置选项）；③是可以当成公司天翼后台操作来在用（淘宝支付宝的.服务包括衣食住行，可相信是公司企业一个人），我称之为“穿行的erp软件”；④成熟商圈。

良好实践：菜单无区分主次之分，每个点菜单所占空间大小一致。点菜单有主次之分，主要的占空间较大，其余的占在空间较小。在在用移动便携式导航房间的布局时，要充分确定到给一般客户提供给个性化和定制化什么功能。

1.4宫文件格式车载导航

宫格汽车导航是将主要通往全部逐步聚合在主页面中（因其布局设置比较像传统psp桌面设置上的快捷图标排序，又被称为“桌面型导航”），每个宫格相互独立，它们的消息间也没有任何交集，无法跳转互通功能。因为这种某些特质，宫文件格式汽车导航被广泛应用于各平台电脑系统的区域页面。这样的组织内通过无法让系统用户在第一时间一看到内容，选着巨大的压力较大，因此现在也采用这种车载导航的app里已经越来越少，往往用在三级页作为内容是什么列表的一种可视化界面特殊形式呈现出，或是作为一系列辅助工具通道的逐步聚合。上面那张图应用方法分别是阿里钉钉和epocrates：

作为三级导航地图的宫其他格式车载导航：

1.5舵式车载导航

在有些那种情况下，简单的顶部tab式汽车导航难以满足更多的怎样操作功能一般，这个时候我们就是需要一些存储形式来满足需求，微博、tumblr、闲鱼底端分为的就是舵式导航地图，舵式汽车导航（之前看见了别人这么叫所以我也就这么直呼其名吧）跟数字标签式导航地图比起，区别主要在于舵式车载导航把的的生产文章的主功能一般设置按钮放在前面，数字标签更加突出醒目，同时该主其他的功能数字标签做了功能扩充，也因此给设计啊增加了一些个性化的亮点。如新浪微博和育学园：

1.6隐喻性式汽车导航

这种任务模式的特点是用一个网页来能够体现整个其他应用程序。常主要是用于那个游戏app里，如jordanmister道连·葛雷的画像jh和2020:yourwilderness。

此外，在一般分类道具（如各类本子、书籍、酒品好）运用，和其他单一其他的功能用到中也能经常见到象征意味式q键。如anji、腾讯文档、拼图玩具酱和moment：

全球最佳实践：不使用象征意味式要慎重，一个不能执行起来不明确的象征意味，反而会能起反效用。

22级车载导航

一级汽车导航用于在页面及自定义模块中展开导航功能，因此这种用到通常来讲至少有3层消息结构是什么，最常见的就是中国绝大多数app也有的“我的”其他的功能菜单选项。

2.1界面式导航功能

列表式导航充当相关的信息人员架构，是我们在产品开发设计中必不可少的一个资料托载任务模式。列表导航地图与宫格导航类似，常其它用途四级页面，肯定不会设置为展示展示任何实质资料，所以通常app里不会在百度首页在用它。这种导航结构清楚，极易系统用户解释，能指导系统用户快速的gps去到对应的页面上。下图用到分别是微信和scale：

界面菜单中导航的每个界面均正指向相应的功能一般/资料设置选项，它有许多衍生出来变化形态，除开个性化点菜单界面、两个组菜单中默认列表和增加型点菜单列表里。增强型点菜单列表是指在简单列表里的学的基础上，中有额外的收索、查看网页及需要过滤其他功能。

下图运用分别是：qq号、为知笔记、cheetah3d和scale：

全球最佳实践：默认列表菜单里导航功能更适合长标题和内容或者有中文书名说明，不使用类表菜单选项导航地图应该提供一个从子页面上前往类表页面上的传递方式，通常在工具条再添加一个带有菜单中标有的设置按钮成为回到按钮。

2.2选项选择ic卡式

中间部位下拉列表现在是几乎成了android和ios两大电脑系统（黑莓手机和webos也比较广泛，但因为已经不是主流系统吧，因此暂不思考）战场中，绝大多数用到的统一标配。如facebook的、youtube、上微信和微博：

也有非常多的应用方法，将tab标贴可以设置再了顶部导航下，即正上方导航功能，有点不同于传统网站页，如360360云盘、扇贝英语单词、豆瓣的评分和facebook的等。

优秀实践：不使用下拉列表导航功能要注意视觉效应上对已选和未明确的选项中并且有效可以区分。

2.3手机图库式

图片素材库式页面被切割空间成应用于导航的各个内容是什么两区块。内容是什么区通常载有单独的文章的题目、上标题、照片啊、产品好和其他能摆放在内容区、设置网格或ppt里里展示更多的中的内容。如pete、telegraph、bilibili、优酷土豆等。

有时候如果内容区是以两个小组两种形式布局，分组情况的中的内容应设计什么得容易被系统用户查看网页到，如可以使用侧m键什么形式（也称收纳抽屉导航地图）去管理管理两个小组中的内容，让公共用户还能够在ctrl中快速切换，查找不同分组情况，下图应用分别是mybutter和Perisfind：

行业最佳实践：昵图网式登陆界面的面向对象编程可以参照于用户要想网页的、经常没更新的内容。

2.4打开页面滑动式

网页旋转起来常见任务模式是不使用向上滑动手式在页面间直接切换，系统用户来回滑动时将显示下一个网页。页面上视觉指示器（苹果ios系统后面的比较小）不显示一共有多少页可供切换。注意看图运用分别是西班牙小吃和getlocations：

首页旋转的导航摸式有一定的自身的缺陷，当网页超出8个时，要考虑到可以使用列表汽车导航。

最佳实践：

①首页旋转起来导航地图适用规定于页面上数量不较少的一般情况；

②不使用指示器反应首页数目和下的网页；

③向右滑动动作是最常见的旋转起来汽车导航手势。

2.5原图旋转式

百度图片伸缩式的常见改变形态，是类似于2d游戏旋转木马基本形式，什么图片是可以上下滑动，且沿任意那个方向一直滑动时可重新回到初始百度图片处。下图分别不知从何而来应用广泛pete、英国bbc、icity：

3固定类

3.1仪表叶片式

液晶仪表盘汇总表表演展示了一些关键性指标。进入到每一种测度目的后，都是可以了解更多额外信息。这种主导航地图其他模式常其它用途金融啊应用软件、统计工具、销售和市场营销安装应用程序，如友盟统计计算：

最佳实践：中控屏只需载入被研究什么去确认过的关键那些数据即可，不不需要过多内容是什么。

待续...