1 / 37

设计与制作

第一章. 4. 网页. 网页 导航条 设计. Webpage design navigation bar. 设计与制作. 网站导航条. 导航条是网页设计中不可或缺的部分， 为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。 利用导航条，我们就可以快速找到我们想要浏览的页面。. 网站导航的目的. 让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，让用户在浏览网站过程中不至迷失。. 网站导航的作用. 在网站网页上具有导航作用，网站导航是网站的指路灯。

amal-edwards
Download Presentation

设计与制作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第一章 4 网页 网页导航条设计 Webpage design navigation bar 设计与制作

  2. 网站导航条 导航条是网页设计中不可或缺的部分， 为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。 利用导航条，我们就可以快速找到我们想要浏览的页面。

  3. 网站导航的目的 让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，让用户在浏览网站过程中不至迷失。

  4. 网站导航的作用 在网站网页上具有导航作用，网站导航是网站的指路灯。 是网站内容的总体概述，同时也是搜索引擎收录网站的重要权衡因素。 创建一套良好的网站导航系统将会使网站更易访问。

  5. 网站导航条的布局方式 水平导航条 水平导航条以水平方式排列导航项 垂直导航条 垂直导航条以垂直的方式排列导航项 POP导航条

  6. 水平导航条 大部分网站以水平导航为主，但大部分的导航在颜色搭配、字体控制和导航框等选择上都有自己的特色。

  7. 任务一：模仿制作水平导航条

  8. 任务二：模仿制作将抗医疗机构网站导航

  9. 垂直导航条 侧边栏导航设计模式随处可见，几乎存在于各类网站上。这有可能是因为竖直导航是当前最通用的模式之一，可以适应数量很多的链接。

  10. 任务二：模仿制作垂直导航条

  11. POP导航条 POP导航条以体现网站的个性为主，不拘一格，重点在于表现网站的与众不同

  12. 导航条设计原则 1．尽可能多地提供相关资源的链接 2．一致性原则 3．网站板块和层次划分合理 4．常用的导航技巧

  13. 网站导航设计技巧 1.坚持一个导航菜单2.清晰、简单、明显的菜单选项3.保持导航看起来是菜单4.不要使用多于两级的下拉菜单5.下拉菜单中不要多于10-12个选项6.最小化下拉菜单7.不要只往菜单上放一个图标8.不要设计垂直导航栏9.让你的设计方便触摸屏用户使用

  14. 任务三：设计制作狗狗家园网站导航

  15. 小结 导航条基本概念导航条的作用 布局方式 设计原则 设计技巧

More Related