网页的菜单逻辑设计（网站菜单设计）
本文目录一览：
移动端网页菜单设计原则
1、一行不超过5个的原则 无论是标签还是菜单栏，一行不要超过5个元素，否则会显得太小或太挤。
2、让你的整个网页都适合在移动端上浏览 相比在移动端上直接操作桌面版网页，经过适配的移动网页会大大方便用户的操作使用。将主操作按钮设计得更友好 手机用户很容易忽视手机界面上的元素，所以主操作按钮要放在显要位置。
3、原则是：要约定好界面上基本的控件距离、尺寸。比如：窗口与控件之间的距离；控件之间的间距，包括纵向的行间距、横向的字段框间距和控件的高度，使用文字的字号大小等。要点是：避免使用交互。
4、这种设计挑战了用户的使用习惯。 所以有很多网站第一屏导航会放在底部，第二屏导航之后会固定在顶部，比如：forhGym体育网站。 汉堡导航 汉堡风格的导航和底部导航一样，经常出现在移动端。
5、提示用户当前所处位置 在更接近惯例的菜单设计中，提示用户当前所处位置是一项很好的功能，但我们经常会见到这种情况：“抽屉菜单”没有提示用户当前处在哪个页面、哪个栏目。
如何设计网站的主菜单如何设计网站的主菜单和副菜单
1、最后，我们来设置层的行为：选中主菜单的图片或文字，打开行为面板，点“+”，选择“显示-隐藏层”，在打开对话框中点击刚才新建的层（layer1），单击“显示”按钮，“确定”；在行为面板中更改事件为“onmousemove”。
2、浏览器 打开Notepad，先输入一个页面框架。好了，接下来就该定义页面的标题、关键词、描述了。
3、打开WPS表格，在任意一个单元格中输入中文网站名称，也可以按照自己喜爱定义。然后，在其他的单元格中输入要保存的网站名称，版式可以自己随意排列。
4、经典导航菜单TabberTabber是苹果ios可以自动生成一种导航控件，开发起来方便。所以这种经典的底部导航栏受到绝大数app设计师的青睐。
5、只要是平面设计软件都可以制作菜单，但笔者这里推荐你使用网页版“创客贴”。理由有3：适合新手，操作简单。有直接可用的免费模板，直接套用。中文界面，不用下载方便省事。
网页顶部导航栏设计总结
1、侧边栏导航的设计需要注意的是导航栏目的宽度问题，若导航栏中字体过长，在展示上会存在一定的问题，哪怕做成滑动展示的形式也不能很好的得以解决问题。
2、在侧边栏导航的设计中，要注意导航栏的宽度。如果导航栏中的字体太长，在显示上会有一些问题，即使做成滑动显示也不能很好的解决问题。复制的网站不适合这种导航，侧边栏应该有更多的二级导航栏目，所以这种导航大多适合一些设计师或者个人官网。
3、通常来说，店铺首页应设置有广告大图栏，方便进店的买家一眼就看清店里的卖点，广告图设计简洁大方，避免牛皮癣广告，能与店铺首页合理融合，突出体现本店的主打产品、特色服务等。
4、回到顶部 当网站内容过多的时候，用户可能需要不断地往上滚动鼠标才能回到导航上面，这样对于用户来说会比较麻烦。
5、加入显眼的搜索框 用户经常使用搜索筛选信息，更快更直接获取重要的信息，所以搜索款框应该突出展示，应该出现在每一个页面上，应该和主导航栏一起存在，要易于访问。强大的搜索框是让用户留存的重要影响因素之一。
6、双排导航未必要挨在一起，可以自由一些，如：上排有导航栏，图片分隔开后则另起一排。图片式导航，很漂亮，占用页面空间比较大。如每一个图像就是一个点击热点。
