网页美工实例教程

内容简介

《网页美工实例教程》是网站建设与管理专业系列教材，以Photoshop CS3和Dreamweaver CS3为平台，在讲解网页配色和风格创意设计的基础上，以丰富的实例引导读者全面地掌握Photoshop CS3网页元素设计与DreamweaverCS3网页布局美化，教会读者怎样组合Photoshop cs3和Dreamweaver CS3进行网页美工设计。《网页美工实例教程》详细阐述了网页美化所必须掌握的知识点，比如色彩知识，风格创意，网页布局，Logo、Banner、按钮和导航栏的设计，文字和图形处理，CSS，行为等内容，并在详细地讲解了网站页面的整体设计综合案例。
　　全书介绍大量综合上述软件各种功能设计的典型网站实例，涵盖网页美工设计的各个方面，为读者学习网页美工设计提供了不可多得的范例。

摘要与插图

1.理论方面
　　（1）色彩的相关概念
　　颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。从心理学和视觉的角度出发，彩色具有三个属性：色相、明度、纯度（彩度）。
　　色相（Hue）：指颜色的种类和名称，如红、黄、蓝、绿、紫等为不同的基本色相。色相是颜色的基本特征，是一种颜色区别于其他颜色的确的标准。色相与色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异。色相环如图1-17所示。
　　明度（Value）：也叫亮度，指颜色的深浅、明暗程度。颜色的明度差别包括两个方面：一是指某一色相的深浅变化，如粉红、大红、深红，都是红，但一种比一种深；二是指不同色相间存在的明度差别，如六标准色中黄，紫，橙和绿、红和蓝处于相近的明度之间。
　　纯度（Chroma）：也叫饱和度，指色彩的鲜艳程度。纯度取决于该色中含色成分和消色成分（灰色）的比例。含色成分越大，纯度越大；消色成分越大，纯度越小。原色，混合的颜色越多则纯度逐渐减低。
　　（2）色彩的对比
　　色相的对比：两种以上色彩组合后，由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面，其对比强弱程度取决于色相之间在色相环上的距离（角度），距离（角度）越小对比越弱，反之则对比越强。
　　①同一色相对比：所谓同一色相，是指两个颜色在色相环上位置十分相近，大约在15。左右。在对比关系上也就是一个色与相邻的另_个色的对比，因为两者相距近，故色中的同种因素多，产生的对比效果就弱，在色彩学中被称为同一色相对比，从视觉的角度讲也可以称为弱对比。