设计与制作

网页设计与制作


网页导航条设计

第一章 4 W e b p a g e d e s i g n navigation bar


导航条是网页设计中不可或缺的部分，

为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。

利用导航条，我们就可以快速找到我们想要浏览的页面。

网站导航条


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

网站导航的目的


网站导航的作用

在网站网页上具有导航作用，网站导航是网站的指路灯。

是网站内容的总体概述，同时也是搜索引擎收录网站的重要权衡因素。

创建一套良好的网站导航系统将会使网站更易访问。


网站导航条的布局方式

水平导航条水平导航条以水平方式排列导航项

垂直导航条垂直导航条以垂直的方式排列导航项

POP导航条


水平导航条

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


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


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


垂直导航条

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


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


POP导航条

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


导航条设计原则

1．尽可能多地提供相关资源的链接

2．一致性原则

3．网站板块和层次划分合理

4．常用的导航技巧


网站导航设计技巧

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


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


小结

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

Documents