网页美术设计PPTnew

《网页美术设计PPTnew》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一章网页色彩设计一个网站，给观看者留下第一印象的不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩最具表现力和识别力，色调不同，色彩的搭配不同，给观看者的感觉也是不同的。好的色彩搭配能够在瞬间吸引浏览者的目光，给浏览者美感和愉悦感，轻松阅览网页。教学目的和任务：教学方法与教学要求：教学重点与难点：通过对色彩基础和网页配色两部分的学习，增强色彩设计理论和规律的认识。将所学知识运用到社会实践当中去，为网页美术设计打下良好的基础。设计出符合人们对网页色彩的审美需求。以理论讲授和图片展示相结合，针对网页色彩应用部分着重讲解。1、色彩的分类、三要素、性质及混合2、网页配色基础

2、及方法教学内容：第一节、色彩基础第二节、网页配色①、色彩：一切物体的颜色都是由于光线照射产生的。②、色彩的分类：色彩分类主要依据有彩色系和无彩色系两大颜色序列。③、色彩三要素：通过色相、明度、纯度三个方面分析颜色。④、色彩性质：色彩有鲜明性独特性合适性联想性等四种特性。第一节、色彩基础⑤、色彩混合：色混合是指某一色彩中混入另一种色彩。两种不同的色彩混合，可获得第三种色彩。⑥、色彩意象及传达：色彩在人们的生活中都是有丰富的感情和含义的。第一节、色彩基础①、网页配色基础：通过把两种或两种以上的颜色混合在一起，就可以得到一种特殊的颜色②、抽取对比:对比是在两种临近色间被认识到的不同色彩。③

3、、配色设计:单独的一种颜色我们不能说它漂亮与否，一种好的颜色效果是靠多方面因素共同决定的，比如周边颜色的的衬托或者观看者的观看角度等都对色彩的效果有决定性作用。④、配色方法：通过配色设计分类给大家提供几种不同视觉感观的配色方案。第二节、网页配色思考题：●色彩最基本的构成元素有哪些？●色彩混合的特性有哪些？●网页配色有哪几种方式？●色彩具有哪些功能●网站美术设计中，色彩搭配要注意哪些问题？第二章网页布局设计有些人认为，网页最主要是内容，不需要再搞些表面上的东西。可是，红花还不是需要绿叶陪衬啊？若只是单纯的文本，没有漂亮的布局，那么，它所吸引的观看者能有多少呢？初学者如果能够了解一些设计

4、上的东西，使自己的页面不会显得乱，自己看了也开心，别人看了也开心，何乐而不为呢？。教学目的和任务：教学方法与教学要求：教学重点与难点：通过对网页布局设计理论知识的学习，增强网页页面层次及效果。使之符合人们能够美观、快捷的浏览页面。以理论讲授和图片展示相结合，针对网页布局部分着重讲解。网页布局的基本理论教学内容：第一节、网页布局基础第二节、各网站布局特点分析网页布局基本理论：网页布局是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型。第一节、网页布局基础九宫格基本布局：九宫格是一种比较古老的设计，它最基本的表现其实就像是一个三行三列的表格。这种布局逐渐被一些网页设计

5、师运用在网页中去。黄金分割式基本理论：所谓黄金分割，是指把一根线段分为长短不等的a、b两段，使其中长线段a对原线段总长（即a+b）的比等于短线段b对长线段a的比，列式即为a：(a+b)=b：a。第一节、网页布局基础网页布局的类型：网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。资讯类网站：网站以发布信息为主要目的，其网站建设的主要目的是在互联网上宣传产品或发布新闻，不要求实现业务或工作逻辑。第二节、各网站布局特点分析特点：(1)页面信息量大，页面的高度一般比较长，重要信息一般放置在页面的顶部。(2)页面的内容以文字为

6、主，图像较少，需要敏感的新闻图片来吸引访问者的视线，起到画龙点晴的效果。(3)页面布局一般比较紧凑，多通过不同颜色加以区分。电子商务类网站：产品信息量大，在页面中包含产品分类栏目，并且提供搜索功能。第二节、各网站布局特点分析特点：(1)产品展示多以图像和文字结合的方式为主，这样比只有文字说明更具有说服力。(2)在页面中会有搜索、注册和登录等功能模块，其设计风格应该和整个网站统一，并且放置在网页最醒目的位置。(3)交易是一种让人心情愉快的过程，所以电子商务类网站多以轻松、活泼的颜色搭配为主。互动游戏类网站：一种网站多以宣传为主要目的同时提供一些点卡销售或者是游戏下载等会员服务。大部分的

7、游戏官方网站都属于这种类型；另一种网站是综合的网络休闲娱乐平台，以提供网络棋牌、对战、休闲等在线游戏为主要目的。第二节、各网站布局特点分析特点：(1)教育类网站和资讯类网站类似，内容较多，布局以分栏的方式为主。(2)本色多以绿色、蓝色为主，且明度较高，这样给人的感觉是轻松、活泼和大气。教育类网站：与资讯类网站相似，教育类网站也是以提供资讯为主。部分的教育类网站是以对学校本身的宣传为主。第二节、各网站布局特点分析特点：(1)教育类网站和资讯类网站类似，内容较