《页面元素设计》PPT课件.ppt
《《页面元素设计》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《页面元素设计》PPT课件.ppt(15页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、任务任务3 网站页面元素设计网站页面元素设计 目录目录任务分析知识要点1.Logo设计2.Banner设计3.导航设计4.网页文字设计5.图像设计6.网页动画设计任务实现知识要点知识要点Logo设计1.Logo的含义和表现形式 网站的标示、标志。Logo是企业综合信息传递的媒介,是依据企业的构成结构、行业类别、经营理念,并充分考虑标志接触的对象和应用环境,为企业制定的标准世界符号。(1)图案logo通过隐喻、联想、概括、抽象等绘画表现方法表现被标识体,对其理念的表达概括而形象,容易区分记忆。(2)文字logo含义明确、直接,易于被理解、认知,对所表达的理念具有说明的作用。(3)图文logo是文
2、字与图案相结合,兼具文字与图案的属性。是运用的最多的形式。2.Logo的设计原则(1)遵循人们的认识规律,突出主题、引人注目,能够在方寸之间概括出站点的理念,保持视觉平衡、讲究线条的流畅,使整体形状美观,用反差、对比或边框等强调主题(2)外观尺寸要根据站点页面的整体版面设计来确定,选择恰当的字体,注意留白,给人想象空间。(3)在色彩运用上基色要相对稳定,强调色彩的形式感、记忆感和感情规律。结合使用色彩的对比关系,重视色彩的注目性。(4)在形式上重视简约、高度概括,以简洁的符号化的世界艺术形象把网站的形象和理念长留于人们心中。2.Banner设计(1)banner的含义和表现形式网页banner
3、是指网页中的广告。它可以分为横幅广告、通栏广告、弹出窗口广告、擎天柱广告、按钮广告、画中画广告、漂浮广告、文字链接广告、隐藏页面广告、播放式广告等。横幅广告:49060像素或者23330像素。可静态,可动态,可多帧拼接的动画形式。通栏广告:通常在顶端或中间等显著位置。横贯页面。尺寸大,世界冲击力强,适合信息发布、产品推广、庆典活动等。弹出式广告:访问者在进入该页面之前,就抢先以大尺寸弹出的形式将相关广告信息推荐给浏览者。擎天柱广告:利用网站页面左右两侧的竖式广告位置而设计的广告形式。他可以形象表现广告的宣传,是一种新型的广告形式,通常用程序控制按钮广告:尺寸较小,有12060像素,9040像素
4、、4020像素位置灵活画中画广告:镶嵌在文字信息中的一种广告形式一般大小为360300像素,可以为360409像素。一般为动态、声音结合。漂浮广告:随页面浏览上下移动文字链接广告隐藏页面广告播放时广告(2)Banner的设计原则文字编排简洁、和谐:间距、字体、数量、颜色与背景色。与内容相符。避免字体和文字样式的单一。内容醒目、美观,视觉效果好:制作特殊,富有冲击力的效果广告内容的方向正确:字体排列方式要符合人们的阅读习惯,避免顺序杂乱。激起点击的欲望:设计富有乐趣,现实网站品质适当的留空,避开广告条的边缘,文字的旁边要留有一定的空间,让图形和文字呼吸。使他们更明显3.导航设计导航的含义和表现形
5、式:网页的目录,网页之间的联系和分类通导航的含义和表现形式:网页的目录,网页之间的联系和分类通过它来实现。应该放在页面的醒目位置,让浏览者第一时间看到。过它来实现。应该放在页面的醒目位置,让浏览者第一时间看到。通常分为:通常分为:1.文字导航:纯文字构成,简洁、清爽、容量小文字导航:纯文字构成,简洁、清爽、容量小2.图像导航:美观、大方,字体选用不受限制图像导航:美观、大方,字体选用不受限制3.交替图像导航:当鼠标放在导航上,图像发生变化,移开时还原交替图像导航:当鼠标放在导航上,图像发生变化,移开时还原4.下拉菜单导航:比较节省空间,可以包含很多链接下拉菜单导航:比较节省空间,可以包含很多链
6、接5.Flash导航:体积小,表现形式多样、视觉冲击力强导航:体积小,表现形式多样、视觉冲击力强导航设计原则:导航设计原则:1.文字设计的含义和表现形式:对文字进行有趣的修饰增强视觉效果。文字设计的含义和表现形式:对文字进行有趣的修饰增强视觉效果。提高文本吸引力(标题、文字信息、文字链接)提高文本吸引力(标题、文字信息、文字链接)2.文字设计原则:有一个整体的基调,注重文字的可读性,适应人们文字设计原则:有一个整体的基调,注重文字的可读性,适应人们的阅读习惯,考虑文字的外形特征,建议使用默认字体,注重留的阅读习惯,考虑文字的外形特征,建议使用默认字体,注重留白的作用白的作用5.图像设计图像的含
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 页面元素设计 页面 元素 设计 PPT 课件
限制150内