导航类网站功能设计

1、网站导航设计该具备哪些功能

1. 导航与内容要有明显的区别。导航的目录或主题种类必须清晰，不要让用户感到困惑，如果有需要突出的区域，则应该与一般网页在视觉上有所区别。
2. 导航的链接必须全是有效链接。无论是一般导航还是有下拉菜单的导航，里面的所有文字都应该是有效的链接。
3. 准确的导航文字描述。用户在点击导航链接前对他们所找的东西有一个大概的了解，链接上的文字必须能准确描述链接所到达的页面内容。
4. 搜索导航结果。搜索的结果一定不要出现无法找到的结果，因为这是很让用户失望的，如果无法精确找出结果，搜索功能应该实现对错字、类似产品或相关产品给出一个相近的模糊结果。

2、app导航设计方式有哪些

1、Tabbar导航

Tabbar的导航方式是由谁发明的马海祥不得而知，不过相信大家都同意是由苹果将其传播开来，不仅很多苹果的官方应用采用了这种设计，苹果同样大力推荐应用开发者优先采用这种方式，从某种角度来说，tabbar基本就是导航的标准设计。
Tabbar导航主要用于二级页，本质和标签导航相同，当应用层级较多的情况下，可以采用tab导航，典型场景是用于改变的当前的视图，或对当前页面内容进行分类查看。
Tabbar的优点很明显，用户完成切换的成本很低，只需要一次点击操作，而放在屏幕底部对主体内容的视觉冲击可以说是最小的，这样用户就不会在浏览主体内容时受到过多的干扰。
至于缺点，马海祥觉得也同样明显，那就是受制于屏幕宽度的限制，通常4到5个功能项的切换会比较合适，过多的话将会显著提高用户的切换成本。
2、app标签导航

标签导航位于页面底部，通常包含5个标签是比较合适的数量，这种导航是非常常见的，如果你的应用需要用户频繁的在不同分页切换，可以采用这种导航，如微信最新版的APP界面设计图。
不过，它的缺点是会占用一定高度的空间。
3、APP宫格导航（比如九宫格）

这种宫格导航是将主要入口全部聚合在页面，让用户做出选择。
但在马海祥看来，这样的组织方式无法让用户在第一时间看到内容，选择压力较大，采用这种导航的应用已经越来越少，往往用在二级页作为内容列表的一种图形化形式呈现，或是作为一系列工具入口的聚合。
4、APP舵式导航

目前流行一种标签导航的变体，个人把它称为“舵式导航”，因为它的样式很像轮船上用来指挥的船舵，两侧是其他操作按钮。
当页面有处于同一层级的几大部分内容，同时又需要一个非常重要且频繁操作的入口，就可以采用这种APP导航模式。
5、APP抽屉式导航模式

抽屉导航是讲菜单隐藏在当前页面后，点击入口即可像拉抽屉一样拉出菜单，这种导航的优点是节省页面展示空间，让用户将更多的注意力聚焦到当前页面。
在马海祥看来，此种APP导航模式比较适合于不那么需要频繁切换内容的应用，例如对设置、关于等内容的隐藏，这种导航设计需要注意的是一定要提供菜单画出的过渡动画。
自从path应用以来，这种抽屉式导航菜单非常受到大家的喜爱，之前也在马海祥博客上《详解APP软件开发过程中的解构和重构》一文中重点介绍了这种模式的设计原理。
6、滑动式的导航

导航并不一定只发生在功能项之间，例如新闻类应用需要在不同类别的新闻之间进行切换浏览。
通常来说，这种切换的频率要比功能项切换更高，切换项的数量也会比较多，像常见的新闻类别就有七八种。
我记得在网易新闻早期的iOS版本中采用了抽屉式app导航的方式进行新闻类别的切换，这种方式在高频率切换时需要过多的操作次数，当需要在相邻类别连续切换时更是缺乏操作的连续性，新的iOS版网易新闻对新闻类别的切换重新进行了设计。
7、列表式APP导航

列表式APP导航是我们在APP设计种必不可少的一个信息承载模式，当然作为一个APP的导航也是非常方便的。
不过目前来看，列表导航通常用于二级页，由于它与宫格导航一样，不会默认展示任何实质内容，所以通常app不会在首页使用它。
在马海祥看来，这种导航结构清晰，易于理解，冷静高效，能够帮助用户快速的定位去到对应的页面，列表项目可以通过间距、标题等进行分组。
8、大图轮播导航或大图上面的导航设计

当你的应用信息足够扁平，可以尝试轮播导航，如果应用得当，能够给人耳目一新的体验。
这种导航能够最大程度的保证应用的页面简洁性，操作也是最方便的。
但是缺点是不能够快速的定位对应的分页内容。
9、底部菜单导航

使用底部菜单导航的APP，相对来说，都是一些功能菜单比较少的APP应用，因为底部空间位置有限，只能主要列出应用程序重要的功能。
10、APP混合组合导航

当用户需要聚焦内容，同时又需要一些快捷入口能够连接到某些页面时，就可以采用组合导航。
组合导航上方用宫格的形式展现快捷入口，与标签导航不同的是，这些宫格入口之间不需要是平级的关系，也不必包含整个层级的内容，你可以将它理解为一种图形化的文字链。
这种导航比较灵活，能适应架构的快速调整。

3、导航类网站怎么做？

一般导航类网站采用asp或php，aspx较少。当然有后台了，不然你每个页面的编辑累死你。它是动态程序，只不过生成以html结尾的网页。可以试试114啦导航网站的开源程序。

4、使用cms能够设计出类似于HAO123这样的导航网站吗？

用cms制作这个可能比较费劲，这种模块一般都得自己写。

5、如何设计网站导航系统？

导航模式

网站的导航如何设计，在设计网站导航时首先应该明确用户的浏览习惯，根据用户的浏览习惯，首先会先大概地扫视一遍页面，其次则会开始寻找导航栏，快速从导航栏上找到主要信息，引导用户寻找网站对他有用的信息。一般来说左边的权重要比右边的权重要高一些。

网站的导航信息应该明确，，设计一个有魅力的导航还能留住用户浏览更多的内容信息，带给用户良好的体验。在网站导航设计上应该主要关注一下几点：导航的模式常见的导航模式有很多，例如顶部水平横栏式，垂直导航栏，侧边固定式，滑出或者弹出窗口导航等，通常网站是根据所要展示的内容要点来选择不同的导航。如果网站的内容较少，在网站导航上可以选取水平式导航，这样既可以重点内容而且简单清晰，网站内容较多的时候可以选择抽屉式的导航，用户在浏览网站时各种信息都很明确。如果网站的显示页过长，比较试用的是垂直式导航，方便用户在浏览内容时导 航信息始终保持在一个位置可以被快速找到。

导航内容

网站的导航应该是对整个网站想要展示的信息总结，导航的信息要与详细页面符合，标题的总结要精简，注意网站小内容最好不要以导航的总标题形式出现，可通过细分的下拉菜单，或者以更多形式的小菜单栏里出现。

导航细节

在导航设计时可以设置一个“回到顶部” 的标志，以便用户快速到达头部的导航位置。这样对于网站内容较多用户下滚的内容过长时就可以快速的回到顶部了。

导航创意

我们都喜欢新的东西，在看惯了千篇一律的导航形式如果能给导航加点创意，那么肯定会非常吸引人眼球。

网站的导航在网站设计中有着举足轻重的地位，好的网站导航是成功的一半，所以在网站的导航设置上更加注意。

6、网址导航类网站建设步骤是什么？

网站导航系统要简洁而明晰；网站导航系统应根据页面所在位置来改变导航系统中的链接；在内容较多的网页上设置网页下方的导航系统；网站导航条里的导航数量问题；合理运用网站地图导航。既然是导航网站，那就需要简洁明了。色彩方面：颜色不能滥用，最多使用三个主要颜色和一个坚实的背景。对于背景的选择，也是要注意选择的，选择一个有质感的背景，会让你的网站加分很多，如果你选择有一个可以发出像霓虹灯一样的颜色的背景，你的网站看起来，可想而知。字体方面：一个不合适的字体大小可能会影响阅读，比如阅读的字体大小超过12，就会引起人们点击后退的按钮。其实，对于字体这一块，你应该对你网站的受众有一定的了解，如果你的网站是为40岁以上的人服务的，那么更可能需要稍大的字体。据相关网络调查，老年人一般喜欢的字体大小为14左右。导航网站的适用范围可能更广，可以加上调节字体大小的选项。

7、网站建设中导航有什么重要作用

1）导航设置好坏的标准在于用户是否快速而准确地到达他想去的页面;

（2）导航顺序设置上需要把最重要的放在最前面；

（3）把访客最关注的放在最前面；

（4）不超过三次点击到达访客想到达的页面；

（5）利用下拉式导航减少访客的页面访问数量，提高访客的访问效率。

8、常见的几种网站设计风格

网站建设中网页布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，以下分别论述：

1、国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型；

2、拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接；

3、标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面；

4、左右框架类型：这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了；

5、上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架；

6、综合框架类型：其实就是左右框架类型和上下框架类型的结合体；

7、封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示；

8、Flash型：其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体；

9、变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型；

9、请问导航类网站都有哪些？

导航网站多的是，你在搜索引擎搜一下，或者直接上一些知名的网站，例如好123，elan123或是360之类的，都很方便的。

10、网站导航的设计有哪些特点

你好、网站导航是影响用户体验的重要因素，只有清晰专业的设计才会给用户带来耳目一新的感觉，从而提升公司的形象，故而在网站建设中，设计师要重视导航的设计。以下是设计网站导航的几个特点。
1、清晰性
清晰性是网站导航设计的首要目标，导航起着引导用户浏览信息的重要作用，而导航设计的清晰与否直接影响了网站信息架构以及用户体验。导航的清晰不仅体现在导航按钮的明朗设计上，还要体现出主导航与副导航之间清晰明了层次性。
2、面包屑导航
面包屑导航是一种线性的导航方式，通过搭建极具层次的网站架构，让用户在访问网站时迅速获取当前页面在网站中的位置，通过提供各个层级的快速入口，方便用户操作。需要注意的是，并不是所有的网站都适用面包屑导航，对于一些层级较深骨架清晰的网站，面包屑导航不失为一种极佳的选择。
3、关键词
导航系统中的链接通常是网站获得内部链接的最后主要来源，在导航栏目设计中，尽量使用目标关键词，并对重要栏目添加目录式的链接，以提高网站关键词的权重。需要注意点是这虽然是优化网站的好办法，但在导航设计中要注意关键词的密度。
如果你有其它的疑问可以继续追问，如果觉得有帮助，请采纳，谢谢！