百事_百事娱乐_首页网站标志是用于传递网站的定位和经营理念，也是为了 便于人们识别。一个具有视觉冲击力标志设计，会直接影响 到访问者对网站的判断。

　　案例说明：本节为“也读书”网站的导航设计案例。运用横 向导航结构和FLASH动画设计“也读书”网站的导航效果图， 内容包含网站的主导航、次导航等部分，要求动画流畅， 结构清晰，栏目鲜明。 效果图如下:

　　案例说明：本节为Mortgage&Loans公司网站的横幅和广告 条设计案例，包括一个静态的网站横幅和一个FLASH的动画 广告条。在设计中充分运用文字和图像的合理结合，加上动 画效果的呈现，给人形象直观的感受。

　　导航是网页设计中的重要元素。一个良好的网页导航系 统不仅能够把导航设计的漂亮，同时更重要的是要能够引导 访客浏览网站中的更多页面，让访客能够轻松找到他们想要 观看的内容。

　　4.4 实训十一:设计网站横幅(BANNER) –设计公司 网站的横幅和广告条

　　案例说明：本节为“也读书”网站的标志设计案例，该标志 LOGO采用形象手法。该标志的最大特点就是通过中间的人物 形象代表着知识，而外围的三个人物形成手牵手的意境，与 网站的主旨（有书的世界，有你。有书的故事，有世界）吻 合。颜色采用绿色，给人一种清新，自然的感觉。

　　1）处理好主从导航的关系 2）控制导航的纵深度 3）协调导航和网站的风格 4）导航的文字描述要准确

　　本章中将通过3个案例，来讲解网页的标志、导航、 广告设计的方法及技巧。“也读书网站的标志LOGO”案例 主要讲解的是运用网页标志的元素组合来制作标志的方法； “也读书网站的导航”案例主要讲解的是利用导航的风格 选择来制作导航的方法；“公司网站的横幅及广告条”运 用广告条的各要素组合来制作横幅及广告条的方法。

　　教学目标：标志、导航、广告是网站的基本元素，是吸引 访客访问站点的重要因素。本章对网站的标志、导航、广告三 个元素的作用以及制作方法进行阐述，便于学员从基本到深入 的学习。通过这样的学习，学员能够掌握标志、导航、广告这 三元素的设计思路，在今后的网页界面设计中有一个好的基础。

　　设计时，为了突出网络广告，可以使用与登载广告的网页 完全不同的设计方法和风格。可以使用与网页相对的颜色或风 格，把广告条的重点放置在该网页所集中体现的内容相对的位 置上，或者使用与网页文字不同的字体来制作网络广告。

　　本章主要对网站的主要几个元素(标志、导航、广告)的 介绍，包括标志设计要求及制作流程，导航的多样性及导 航的风格，网络广告的类型及广告条的制作。标志设计主 要介绍网站标志的基本内涵、作用、标准规范和网络广告 条的制作步骤，导航设计主要介绍导航的样式、导航的风 格特点，广告设计主要介绍比较流行的10种网络广告类型、 广告条的制作步骤。举了三个典型的案例。通过这些介绍， 读者只要多加练习，然后结合实际融会贯通，设计出高水 准的网站标志、导航及广告。

　　教学要求: 掌握标志设计的作用与功能以及制作方法 ；掌 握导航的设计方法；掌握网络广告设计类型及标准。

　　标志LOGO是企业的形象代表，也是网站特色和内涵的 集中体现；导航则是网站的方向标，便于访客能够明确浏 览网站的主要内容；网络广告总是能在第一时间吸引访客 的眼球，从而点击它。因此一个网站的标志、导航、广告 的设计好坏将直接影响访客的注意力。本节就这三方面的 作用及设计方法上进行介绍。

　　图形图像处理软件以及flash动画处理软件。通常使用firework、 photoshop来设计导航平面图，使用flash给导航加上动画效果。

　　知识拓展: （1）最常用的导航菜单 （2）垂直的导航菜单 （3）“图标文字说明”的导航结构

　　photoshop等图形图像处理软件以及flash动画处理软件。通 常使用firework、photoshop来设计网站的静态横幅，使用 flash动画软件制作广告条。

　　在设计广告条时要了解网络广告的优势，以及设计的标 准。网络广告的目标就是通过信息展示使消费者产生对产品的 认识、情感、态度和行为的变化。

　　在设计策略上，首先广告标题要明确、凸显，广告标题是 一句吸引消费者的带有概括性、观念性和主导性的语言 。

　　其次，发展网络广告的互动性，这类的广告信息能够提升 访问者对广告本身的兴趣。

　　提示：导航效果图的制作工具可以用corelDRAW、firework 等图形图像处理软件。通常使用corelDRAW来设计网站的标 志效果图，而网站LOGO的排版一般采用firework软件。

　　知识拓展: （1）表象性的标志 （2）象征性的标志 （3）寓意性的标志 （4）标识性的标志 （5）卡通化的标志 （6）几何形构成的标志