Brickartist.com是一个非常有趣的例子，如何在移动设备上重新布局网站的导航菜单。在桌面版中，有一个非常清晰和突出的导航菜单。然而，在小屏幕的移动设备上，导航菜单被移到网站的底部。这样，访客不得不先看头部和中间内容，然后再决定点击哪个菜单。

　　五.放弃导航菜单

　　你也可以完全放弃导航菜单。当然，这仅仅是个选择，如果你的网站内容不那么复杂并且访客可以轻松找到相关内容。

　　1.引导访客

　　如果内容简单明确，你可能不需要导航菜单。

　　当用户访问桌面版的Happy Cog网站时，用户有两种访问方式，一个是从导航菜单中选择一个分类进行访问，另外一个是向下滚动来逐步查看不同的内容。在移动设备上，用户只能使用第二种方式。然后针对每个内容分类，再提供更详细的连接。

　　2.视觉特效

　　使用视觉效果来让用户找到他们的访问方式。

　　Mobile Web Best Practices的桌面版也显示了一个非常清晰明了的导航菜单。每个分类除了有相应的名称外，还会配上特定的图标。此外，在文本下面会有更清晰的分类图标。在移动设备上，顶部的文字菜单会消失，用户通过使用大的图标来对网站进行导航。该网站使用了两种不同风格的导航，尽管如此，分类清晰、风格与图标相一致，给用户带来了一定的视觉效果。

　　原文：

        来源：CSDN