标志导航广告设计

标志导航广告设计

ID:18283773

大小:581.00 KB

页数:20页

时间:2018-09-16

标志导航广告设计_第1页
标志导航广告设计_第2页
标志导航广告设计_第3页
标志导航广告设计_第4页
标志导航广告设计_第5页
资源描述:

《标志导航广告设计》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第4章标志、导航、广告设计教学目标:标志、导航、广告是网站的基本元素,是吸引访客访问站点的重要因素。本章对网站的标志、导航、广告三个元素的作用以及制作方法进行阐述,便于学员从基本到深入的学习。通过这样的学习,学员能够掌握标志、导航、广告这三元素的设计思路,在今后的网页界面设计中有一个好的基础。教学要求:掌握标志设计的作用与功能以及制作方法;掌握导航的设计方法;掌握网络广告设计类型及标准。10/5/20211北大出版社4.1标志、导航、广告设计概述标志LOGO是企业的形象代表,也是网站特色和内涵的集中体现;导航则是网站的方向标

2、,便于访客能够明确浏览网站的主要内容;网络广告总是能在第一时间吸引访客的眼球,从而点击它。因此一个网站的标志、导航、广告的设计好坏将直接影响访客的注意力。本节就这三方面的作用及设计方法上进行介绍。10/5/20212北大出版社4.1.1标志设计1)网站标志的基本内涵2)网站标志的作用3)网站标志设计的标准规范1.标志设计的基本要求2.标志的制作1)分析阶段2)标志的要素挖掘3)设计标志4)合成及修正阶段10/5/20213北大出版社4.1.2导航设计1)按照维度功能划分2)按照直观的形式划分1.导航的多样性2.导航与网站风格

3、统一1)处理好主从导航的关系2)控制导航的纵深度3)协调导航和网站的风格4)导航的文字描述要准确10/5/20214北大出版社4.1.3网络广告1)网络广告优势2)网络广告的形式1.网络广告2.广告条1)分析准备阶段2)选择广告条的规格3)制作阶段10/5/20215北大出版社4.1.4本章案例简介本章中将通过3个案例,来讲解网页的标志、导航、广告设计的方法及技巧。“也读书网站的标志LOGO”案例主要讲解的是运用网页标志的元素组合来制作标志的方法;“也读书网站的导航”案例主要讲解的是利用导航的风格选择来制作导航的方法;“公司

4、网站的横幅及广告条”运用广告条的各要素组合来制作横幅及广告条的方法。10/5/20216北大出版社4.2实训九:设计网站标志-“也读书”网站的标志LOGO案例说明:本节为“也读书”网站的标志设计案例,该标志LOGO采用形象手法。该标志的最大特点就是通过中间的人物形象代表着知识,而外围的三个人物形成手牵手的意境,与网站的主旨(有书的世界,有你。有书的故事,有世界)吻合。颜色采用绿色,给人一种清新,自然的感觉。效果图如下:10/5/20217北大出版社提示:导航效果图的制作工具可以用corelDRAW、firework等图形图像

5、处理软件。通常使用corelDRAW来设计网站的标志效果图,而网站LOGO的排版一般采用firework软件。知识拓展:(1)表象性的标志(2)象征性的标志(3)寓意性的标志(4)标识性的标志(5)卡通化的标志(6)几何形构成的标志10/5/20218北大出版社本节知识点:网站标志是用于传递网站的定位和经营理念,也是为了便于人们识别。一个具有视觉冲击力标志设计,会直接影响到访问者对网站的判断。10/5/20219北大出版社4.3实训十:设计网站导航-“也读书”网站的导航设计案例说明:本节为“也读书”网站的导航设计案例。运用横

6、向导航结构和FLASH动画设计“也读书”网站的导航效果图,内容包含网站的主导航、次导航等部分,要求动画流畅,结构清晰,栏目鲜明。效果图如下:10/5/202110北大出版社知识拓展:提示:导航效果图的制作工具可以用firework、photoshop等图形图像处理软件以及flash动画处理软件。通常使用firework、photoshop来设计导航平面图,使用flash给导航加上动画效果。(1)最常用的导航菜单(2)垂直的导航菜单(3)“图标+文字说明”的导航结构(4)手工绘画风格的导航(5)无规则的导航结构10/5/202

7、111北大出版社本节知识点:导航是网页设计中的重要元素。一个良好的网页导航系统不仅能够把导航设计的漂亮,同时更重要的是要能够引导访客浏览网站中的更多页面,让访客能够轻松找到他们想要观看的内容。10/5/202112北大出版社4.4实训十一:设计网站横幅(BANNER)–设计公司网站的横幅和广告条案例说明:本节为Mortgage&Loans公司网站的横幅和广告条设计案例,包括一个静态的网站横幅和一个FLASH的动画广告条。在设计中充分运用文字和图像的合理结合,加上动画效果的呈现,给人形象直观的感受。效果图如下:10/5/202

8、113北大出版社知识拓展:提示:网站横幅(BANNER)的制作工具可以用firework、photoshop等图形图像处理软件以及flash动画处理软件。通常使用firework、photoshop来设计网站的静态横幅,使用flash动画软件制作广告条。(1)文字链接广告(2)按钮广告(3

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。