网页美工设计.ppt

平面图片设计 平面图片设计是指在网页里面用整张图片分割的技法。 非常有视觉效果。 适合个人主页在内容很少的情况下选用。 * ppt课件 ·背景是整图片 * ppt课件 ·背景是整图片 * ppt课件 ·背景是整图片 * ppt课件 ·背景是整图片 * ppt课件 非规律设计 非规律设计是指在网页里面用以上几种通常规律的结合 。 视觉效果强烈,不受版面分栏的约束,设计比较随意,大胆。 适合内容较少的情况下选用。 * ppt课件 * ppt课件 四 、网页色彩设计 　 根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。 * ppt课件 网页美工设计 * ppt课件 一 、网页概念 　　　(web page)，是网站中的一页,通常是HTML格式。网页要使用网页浏览器来阅读。它是构成网站的基本元素，是承载各种网站应用的平台。通俗的说， 一个网站就是由多个网页组成的。 苹果园网站首页 * ppt课件 北京首都机场首页 * ppt课件 二 、网页构成元素 　 网页构成元素主要包含导航栏、LOGO、Banner、按钮、 文字等. 文字，就是网页的内容。 图片，就是网页的美观。 除此之外，网页的元素还包括动画、音乐、程序等等。 * ppt课件 * ppt课件 LOGO（标志） 1、LOGO的位置通常在页面的左上角 2 、图形、符号既要简练、概括，又要讲究艺术性。 3 、色彩要单纯、强烈、醒目。 * ppt课件 * ppt课件 导航条 1、横排竖排,一排,两排,多排,都可 2 、图片式导航，很漂亮 3 、动态导航,体积小,变化效果丰富 * ppt课件 * ppt课件 Banner 1、468×60 为国际标准尺寸,但也可根据自己的画面定制大小. 2 、好的Banner要符合网站的风格 3 、 一个网页中若有多个Banner,要动静结合 4 、色彩不易多,图形要简洁明了,文字不易太长,一二句话即可 * ppt课件 * ppt课件 按钮 1、 也叫下压式按钮, 是一种能在被按下时产生事件的控件。 2 、每当按钮被按下时，就产生一个动作事件 3 、从某种意义上来说,只要通过点击能产生另一个动作的地方,都可以看作是一个按钮 4 、它的设计形式多样化,导航条也是一种特殊的按钮 * ppt课件 * ppt课件 文字 1、文字就是页面中的内容 2 、包括任何地方出现的文字 * ppt课件 * ppt课件 三 、网页构架设计 　 如果把网页比喻成人的话，先要有骨架，也就是网页的排版框架。 网页的分类主要有：分栏式结构，区块分布，平面图片设计，以及非规律的设计 。 * ppt课件 分栏式结构 1是二分栏 2是标准三分栏 3是四分栏 4～6是一些LOGO以及导航在下面的情况， 7～9则是一般的变化 * ppt课件 · 二分栏 * ppt课件 · 三分栏 * ppt课件 · 三分栏 * ppt课件 · 四分栏 * ppt课件 · 导航在下面 * ppt课件 · 导航在下面 * ppt课件 · 特殊效果的网页 * ppt课件 ·利用导航分栏 * ppt课件 区块分布 区块编排，是以颜色或线条，来划分一些区域的编排方式，其实也就是分栏结构的变异 。 区域编排的设计页面一般情况下不长，一屏或一屏半左右的长度，用于信息量少的企业站点，和专业型站点或个人主页 区域编排的设计页面不适合门户站点和信息量很大的站点。 区域的设置可大可小，但是依据内容编排。在分栏式结构里面也可以套设区域结构  * ppt课件 ·以颜色区分的 * ppt课件 ·以颜色区分的 * ppt课件 ·以线条区分的 * ppt课件 ·在分栏里套设区域结构的 * ppt课件