网页美术设计
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
④、配色方法： 通过配色设计分类给大家提供几种不同视觉感观的配色方案。
思考题：
● 色彩最基本的构成元素有哪些？ ● 色彩混合的特性有哪些？ ● 网页配色有哪几种方式？ ● 色彩具有哪些功能 ● 网站美术设计中，色彩搭配要注意哪些问题？
第二章 网页布局设计
有些人认为，网页最主要是内容，不需要再搞些表面上的东 西。可是，红花还不是需要绿叶陪衬啊？若只是单纯的文本，没 有漂亮的布局， 那么，它所吸引的观看者能有多少呢？初学者如 果能够了解一些设计上的东西，使自己的页面不会显得乱，自己 看了也开心，别人看了也开心，何乐而不为呢？。
教学目的和任务：
通过对网页布局设计理论知识的学习，增强网页页面层次及效果。 使之符合人们能够美观、快捷的浏览页面。
教学方法与教学要求：
以理论讲授和图片展示相结合，针对网页布局部分着重讲解。
教学重点与难点：
网页布局的基本理论
教学内容：
第一节、网页布局基础 第二节、各网站布局特点分析
第一节、网页布局基础
为主要目的，其网站 建设的主要目的是在 互联网上宣传产品或 发布新闻，不要求实 现业务或工作逻辑。
特点： (1) 页面信息量大，页面的高度一般比较长，重要信息一般放置在
页面的顶部。 (2) 页面的内容以文字为主，图像较少，需要敏感的新闻图片来吸
引访问者的视线，起到画龙点晴的效果。 (3) 页面布局一般比较紧凑，多通过不同颜色加以区分。
主。 (2)本色多以绿色、蓝色为主，且明度较高，这样给人的感觉是轻松、
活泼大和大气。
第二节、各网站布局特点分析
功能型网站： 网站主要的功能是提供
互联网网址导航。
特点： (1)网页搜索框和按钮占
据页面绝对重要的位置； (2)网页注重用户感受，
文字得体、下载快速、功能 实用、信息更新及时、布局 条理清晰；
(3)交易是一种让人心情愉快的过 程，所以电子商务类网站多以轻松、 活泼的颜色搭配为主。
第二节、各网站布局特点分析
互动游戏类网站： 一种网站多以宣传为主要目的同时提供
一些点卡销售或者是游戏下载等会员服务。 大部分的游戏官方网站都属于这种类型；另 一种网站是综合的网络休闲娱乐平台，以提 供网络棋牌、对战、休闲等在线游戏为主要 目的。
教学方法与教学要求：
以理论讲授和图片展示相结合，针对网页色彩应用部分着重讲解。
教学重点与难点：
1、色彩的分类、三要素、性质及混合 2、网页配色基础及方法
教学内容：
第一节、色彩基础 第二节、网页ຫໍສະໝຸດ Baidu色
第一节、色彩基础
①、色彩： 一切物体的颜色都是由于光线照射产生的。
②、色彩的分类： 色彩分类主要依据有彩色系和无彩色系两大颜色序列。
③、色彩三要素： 通过色相、明度、纯度三个方面分析颜色。
④、色彩性质： 色彩有鲜明性 独特性 合适性 联想性等四种特性。
第一节、色彩基础
⑤、色彩混合： 色混合是指某一色彩中混入另一种色彩。两种不同的色彩混合，可获
得第三种色彩。
⑥、色彩意象及传达： 色彩在人们的生活中都是有丰富的感情和含义的。
第二节、网页配色
分为长短不等的a、b两段，使其中长 线段a对原线段总长（即a+b）的比等 于短线段b对长线段a的比，列式即为a： (a+b)=b：a。
网页布局的类型： 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架
型、上下框架型、综合框架型、封面型、Flash型、变化型。
第二节、各网站布局特点分析
资讯类网站： 网站以发布信息
第二节、各网站布局特点分析
电子商务类网站： 产品信息量大，在页面中包含产
品分类栏目，并且提供搜索功能。
特点： (1)产品展示多以图像和文字结合
的方式为主，这样比只有文字说明更 具有说服力。
(2)在页面中会有搜索、注册和登 录等功能模块，其设计风格应该和整 个网站统一，并且放置在网页最醒目 的位置。
特点： (1)教育类网站和资讯类网站类似，内
容较多，布局以分栏的方式为主。 (2)本色多以绿色、蓝色为主，且明度
较高，这样给人的感觉是轻松、活泼和大气。
第二节、各网站布局特点分析
教育类网站： 与资讯类网站相似，
教育类网站也是以提供 资讯为主。部分的教育 类网站是以对学校本身 的宣传为主。
特点： (1)教育类网站和资讯类网站类似，内容较多，布局以分栏的方式为
(3)从视觉设计中提高用 户对网站的感情和黏和度。
第二节、各网站布局特点分析
综合类网站： 提供两种以上典型的服务，可
以把这类网站看成一个网站服务的 大卖场，不同的服务由不同的服务 商提供。
特点： (1)综合类网站的信息量巨大； (2)清晰合理的页面布局； (3)栏目风格协调统一。
思考题：
网页布局的基本理念是什么？有哪些特征？ 网页布局有哪几种类型？ 网页框架设计为区域划分时分为哪几个部分？分别有什么作用？ 分析不同类型网站的布局原则及特点 如果将静态页面设计成不规则框架结构，可以应用到哪几种方法？
网页布局基本理论： 网页布局是将造型按视觉效应、视觉力学和精神力学等原则组成的，
具备美好形态的造型。
九宫格基本布局： 九宫格是一种比较古老的设计，
它最基本的表现其实 就像是一个三行 三列的表格。这种布局逐渐被一些网 页设计师运用在网页中去。
第一节、网页布局基础
黄金分割式基本理论： 所谓黄金分割，是指把一根线段
①、网页配色基础： 通过把两种或两种以上的颜色混合在一起，就可以得到一种特殊的
颜色
②、抽取对比: 对比是在两种临近色间被认识到的不同色彩。
③、配色设计: 单独的一种颜色我们不能说它漂亮与否，一种好的颜色效果是靠多
方面因素共同决定的，比如周边颜色的的衬托或者观看者的观看角度等 都对色彩的效果有决定性作用。
第一章 网页色彩设计
一个网站，给观看者留下第一印象的不是网站丰富的内容， 也不是网站合理的版面布局，而是网站的色彩。色彩最具表现力 和识别力，色调不同，色彩的搭配不同，给观看者的感觉也是不 同的。好的色彩搭配能够在瞬间吸引浏览者的目光，给浏览者美 感和愉悦感，轻松阅览网页。
教学目的和任务：
通过对色彩基础和网页配色两部分的学习，增强色彩设计理论和 规律的认识。将所学知识运用到社会实践当中去，为网页美术设计打 下良好的基础。设计出符合人们对网页色彩的审美需求。
思考题：
● 色彩最基本的构成元素有哪些？ ● 色彩混合的特性有哪些？ ● 网页配色有哪几种方式？ ● 色彩具有哪些功能 ● 网站美术设计中，色彩搭配要注意哪些问题？
第二章 网页布局设计
有些人认为，网页最主要是内容，不需要再搞些表面上的东 西。可是，红花还不是需要绿叶陪衬啊？若只是单纯的文本，没 有漂亮的布局， 那么，它所吸引的观看者能有多少呢？初学者如 果能够了解一些设计上的东西，使自己的页面不会显得乱，自己 看了也开心，别人看了也开心，何乐而不为呢？。
教学目的和任务：
通过对网页布局设计理论知识的学习，增强网页页面层次及效果。 使之符合人们能够美观、快捷的浏览页面。
教学方法与教学要求：
以理论讲授和图片展示相结合，针对网页布局部分着重讲解。
教学重点与难点：
网页布局的基本理论
教学内容：
第一节、网页布局基础 第二节、各网站布局特点分析
第一节、网页布局基础
为主要目的，其网站 建设的主要目的是在 互联网上宣传产品或 发布新闻，不要求实 现业务或工作逻辑。
特点： (1) 页面信息量大，页面的高度一般比较长，重要信息一般放置在
页面的顶部。 (2) 页面的内容以文字为主，图像较少，需要敏感的新闻图片来吸
引访问者的视线，起到画龙点晴的效果。 (3) 页面布局一般比较紧凑，多通过不同颜色加以区分。
主。 (2)本色多以绿色、蓝色为主，且明度较高，这样给人的感觉是轻松、
活泼大和大气。
第二节、各网站布局特点分析
功能型网站： 网站主要的功能是提供
互联网网址导航。
特点： (1)网页搜索框和按钮占
据页面绝对重要的位置； (2)网页注重用户感受，
文字得体、下载快速、功能 实用、信息更新及时、布局 条理清晰；
(3)交易是一种让人心情愉快的过 程，所以电子商务类网站多以轻松、 活泼的颜色搭配为主。
第二节、各网站布局特点分析
互动游戏类网站： 一种网站多以宣传为主要目的同时提供
一些点卡销售或者是游戏下载等会员服务。 大部分的游戏官方网站都属于这种类型；另 一种网站是综合的网络休闲娱乐平台，以提 供网络棋牌、对战、休闲等在线游戏为主要 目的。
教学方法与教学要求：
以理论讲授和图片展示相结合，针对网页色彩应用部分着重讲解。
教学重点与难点：
1、色彩的分类、三要素、性质及混合 2、网页配色基础及方法
教学内容：
第一节、色彩基础 第二节、网页ຫໍສະໝຸດ Baidu色
第一节、色彩基础
①、色彩： 一切物体的颜色都是由于光线照射产生的。
②、色彩的分类： 色彩分类主要依据有彩色系和无彩色系两大颜色序列。
③、色彩三要素： 通过色相、明度、纯度三个方面分析颜色。
④、色彩性质： 色彩有鲜明性 独特性 合适性 联想性等四种特性。
第一节、色彩基础
⑤、色彩混合： 色混合是指某一色彩中混入另一种色彩。两种不同的色彩混合，可获
得第三种色彩。
⑥、色彩意象及传达： 色彩在人们的生活中都是有丰富的感情和含义的。
第二节、网页配色
分为长短不等的a、b两段，使其中长 线段a对原线段总长（即a+b）的比等 于短线段b对长线段a的比，列式即为a： (a+b)=b：a。
网页布局的类型： 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架
型、上下框架型、综合框架型、封面型、Flash型、变化型。
第二节、各网站布局特点分析
资讯类网站： 网站以发布信息
第二节、各网站布局特点分析
电子商务类网站： 产品信息量大，在页面中包含产
品分类栏目，并且提供搜索功能。
特点： (1)产品展示多以图像和文字结合
的方式为主，这样比只有文字说明更 具有说服力。
(2)在页面中会有搜索、注册和登 录等功能模块，其设计风格应该和整 个网站统一，并且放置在网页最醒目 的位置。
特点： (1)教育类网站和资讯类网站类似，内
容较多，布局以分栏的方式为主。 (2)本色多以绿色、蓝色为主，且明度
较高，这样给人的感觉是轻松、活泼和大气。
第二节、各网站布局特点分析
教育类网站： 与资讯类网站相似，
教育类网站也是以提供 资讯为主。部分的教育 类网站是以对学校本身 的宣传为主。
特点： (1)教育类网站和资讯类网站类似，内容较多，布局以分栏的方式为
(3)从视觉设计中提高用 户对网站的感情和黏和度。
第二节、各网站布局特点分析
综合类网站： 提供两种以上典型的服务，可
以把这类网站看成一个网站服务的 大卖场，不同的服务由不同的服务 商提供。
特点： (1)综合类网站的信息量巨大； (2)清晰合理的页面布局； (3)栏目风格协调统一。
思考题：
网页布局的基本理念是什么？有哪些特征？ 网页布局有哪几种类型？ 网页框架设计为区域划分时分为哪几个部分？分别有什么作用？ 分析不同类型网站的布局原则及特点 如果将静态页面设计成不规则框架结构，可以应用到哪几种方法？
网页布局基本理论： 网页布局是将造型按视觉效应、视觉力学和精神力学等原则组成的，
具备美好形态的造型。
九宫格基本布局： 九宫格是一种比较古老的设计，
它最基本的表现其实 就像是一个三行 三列的表格。这种布局逐渐被一些网 页设计师运用在网页中去。
第一节、网页布局基础
黄金分割式基本理论： 所谓黄金分割，是指把一根线段
①、网页配色基础： 通过把两种或两种以上的颜色混合在一起，就可以得到一种特殊的
颜色
②、抽取对比: 对比是在两种临近色间被认识到的不同色彩。
③、配色设计: 单独的一种颜色我们不能说它漂亮与否，一种好的颜色效果是靠多
方面因素共同决定的，比如周边颜色的的衬托或者观看者的观看角度等 都对色彩的效果有决定性作用。
第一章 网页色彩设计
一个网站，给观看者留下第一印象的不是网站丰富的内容， 也不是网站合理的版面布局，而是网站的色彩。色彩最具表现力 和识别力，色调不同，色彩的搭配不同，给观看者的感觉也是不 同的。好的色彩搭配能够在瞬间吸引浏览者的目光，给浏览者美 感和愉悦感，轻松阅览网页。
教学目的和任务：
通过对色彩基础和网页配色两部分的学习，增强色彩设计理论和 规律的认识。将所学知识运用到社会实践当中去，为网页美术设计打 下良好的基础。设计出符合人们对网页色彩的审美需求。