网页美工实例教程
2010-7
高等教育出版社
郑耀涛 编
266
无
“网页美工”课程是学习网站设计的一门专业基础课程,网页是宣传网站的窗口,色彩搭配完美、布局合理、流行抢眼和内容丰富的网页会吸引越来越多的浏览者访问,《网站建设与管理专业系列教材:网页美工实例教程》从网页应用的角度出发,通过大量的设计实例,让学生学习Photosllop CS3和Dreamweaver CS3在网页美工设计中的综合应用。 《网站建设与管理专业系列教材:网页美工实例教程》在内容处理及编写上,注重体现从表到里、从外到内、从浅到深的认识规律,采用实践一理论一再实践一提高的编写思路,分清主次,突出重点,通过对实例分析讲解,明确学习目标,进而带动知识点学习和技能操作,同时引入了相应的扩展知识和练习,以巩固所学知识和操作技能,扩展学生的思路,达到举一反三的效果。 《网站建设与管理专业系列教材:网页美工实例教程》的主要内容包括:网页色彩规划,网页版式规划,Logo设计,Barlner设计,导航栏设计,主题按钮设计,栏目框架设计,配图设计,Dreamweaver网页版面设计,Dreamweaver、页面美化与效果添加,网站页面的整体设计共11章。每章后面都附有习题。 《网站建设与管理专业系列教材:网页美工实例教程》共有25个实例,内容涵盖各种网页美工的技术和技巧。每个实例都分“实例分析”、“实施步骤”、“相关知识”3个部分进行分析讲解,通过实用性的实例让学生掌握网页美工技术,培养学生的动手能力和实际操作能力。
《网页美工实例教程》是网站建设与管理专业系列教材,以Photoshop CS3和Dreamweaver CS3为平台,在讲解网页配色和风格创意设计的基础上,以丰富的实例引导读者全面地掌握Photoshop CS3网页元素设计与DreamweaverCS3网页布局美化,教会读者怎样完美组合Photoshop cs3和Dreamweaver CS3进行网页美工设计。《网页美工实例教程》详细阐述了网页美化所必须掌握的知识点,比如色彩知识,风格创意,网页布局,Logo、Banner、按钮和导航栏的设计,文字和图形处理,CSS,行为等内容,并在最后详细地讲解了网站页面的整体设计综合案例。 全书介绍大量综合上述软件各种功能设计的典型网站实例,涵盖网页美工设计的各个方面,为读者学习网页美工设计提供了不可多得的范例。
第1章 网页色彩规划实例1.1 激情活力的强对比色方案实例1.2 严谨高雅的中对比色方案实例1.3 休闲舒适的弱对比色方案本章小结本章习题拓展知识第2章 网页版式规划实例2.1 企业常规信息展示型的版式实例2.2 信息密集型的版式实例2.3 艺术表现型的版式本章小结本章习题拓展知识第3章 Logo设计实例3.1 理性规则型实例3.2 感性自由型本章小结本章习题拓展知识第4章 Banner设计实例4.1 时尚图片灵活引用的方案实例4.2 企业Logo延伸引用的方案本章小结本章习题拓展知识第5章 导航栏设计实例5.i快捷简练的色块方案实例5.2 Window7风格方案本章小结本章习题拓展知识第6章 主题按钮设计实例6.1 水晶效果方案实例6.2 特殊材质灵活引用方案本章小结本章习题拓展知识第7章 栏目框架设计实例7.1 主题图案灵活引用方案实例7.2 生动的出框效果方案本章小结本章习题拓展知识第8章 配图设计实例8.1 蒙太奇方案实例8.2 位图搭配矢量图案的方案实例8.3 配图全屏背景化使用方案本章小结本章习题拓展知识第9章 Dreamweaver网页版面设计实例9.1 用表格布局规划企业产品展示页面实例9.2 使用DIV+CSS进行网页布局本章小结 本章习题拓展知识第10章 Dreamweaver页面美化与效果添加实例10.1 CSS样式表美化页面实例10.2 层和动作综合应用添加效果本章小结本章习题拓展知识第11章 网站页面的整体设计实例11.1 “启程创意中心”网站首页效果图设计实例11.2 “启程创意中心”网站首页制作本章小结本章习题拓展知识
1.理论方面 (1)色彩的相关概念 颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。从心理学和视觉的角度出发,彩色具有三个属性:色相、明度、纯度(彩度)。 色相(Hue):指颜色的种类和名称,如红、黄、蓝、绿、紫等为不同的基本色相。色相是颜色的基本特征,是一种颜色区别于其他颜色的最准确的标准。色相与色彩的强弱及明暗没有关系,只是纯粹表示色彩相貌的差异。色相环如图1-17所示。 明度(Value):也叫亮度,指颜色的深浅、明暗程度。颜色的明度差别包括两个方面:一是指某一色相的深浅变化,如粉红、大红、深红,都是红,但一种比一种深;二是指不同色相间存在的明度差别,如六标准色中黄最浅,紫最深,橙和绿、红和蓝处于相近的明度之间。 纯度(Chroma):也叫饱和度,指色彩的鲜艳程度。纯度取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大,纯度越大;消色成分越大,纯度越小。原色最纯,混合的颜色越多则纯度逐渐减低。 (2)色彩的对比 色相的对比:两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面,其对比强弱程度取决于色相之间在色相环上的距离(角度),距离(角度)越小对比越弱,反之则对比越强。 ①同一色相对比:所谓同一色相,是指两个颜色在色相环上位置十分相近,大约在15。左右。在对比关系上也就是一个色与相邻的另_个色的对比,因为两者相距非常近,故色中的同种因素多,产生的对比效果就弱,在色彩学中被称为同一色相对比,从视觉的角度讲也可以称为弱对比。
无