Photoshop网页设计说明书.ppt

* 按网页的结构和图片的特点进行切片 (一)根据颜色范围来切：如果一个区域中颜色对比的范围不是很大的，就只有几种颜色，这样的话就应该单独的把他切出来，如果一个区域中就一种颜色,写代码的时候就可以直接用背景色来表示。颜色过多的话也没有关系，很多时候都要用到渐变的效果，应该把切片数量切的多一些尽量把单个切片控制在一个颜色范围的轮廓内。 其次网页切片要点 (二)切片大小：把网页的切片切的越小越好，这是有道理的。切片越小的话可以加快网页下载图片的速度，让多个图片同时下载而不是只下载一个大图片，所以切片大小要根据需要来切，标志LOGO等主要部分尽量切在一个切片内，防止显示遇到特殊情况时显示一部分，圆角表格部分要根据显示区域的大小来切，控制好边缘和边，有时候切出来的切片并不是直接插入到DW了事，而需要在DW中编辑，比如有的图片应该设置成背景图片 网页切片要点 (三)切片区域无整性：保证完整的一部分在一个切片内，例如某区域的标题文字，以后修改时方便 网页切片要点 (四)导出类型:颜色单一过渡少的，应该导出为GIF，颜色过渡比较多，颜色丰富的应该导出为JPG，有动画的部分应该导出为GIF动画。 网页切片要点 (五)保留源文件：即使页面作好了，也要保留带切片层的源文件，说不上哪天要改某一个部分，例如文字什么的，直接修改单独导出所用的切片就可以了 切图技巧主要有几下几点属性均匀的区域适合分为一个切片，均匀主要是指颜色和形状都没有变化，或者在X或在Y方向上没有变化。属性渐变的区域适合分为一个切片，渐变有两种表现形式颜色渐变形状渐变根据原图的内容布局，确定整体的切分策略，即切分要有分块的思想，要在想象中将整个布局看成是一个两个table，然后在具体到每个table，去考虑里面应该如何切。 1、切片是生成表格的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分。 2、 对于渐变的效果或圆角等图片特殊效果，需要在页面中表现出来的，要单独切出来 3、 在DW中进行编辑时，少用图片，如果能用背景颜色代替的就使用背景颜色， 能使用图案的也尽可能使用图案平铺来形成背景 4、图片应该是平均切，而不是大一块，小一块的，以免图片出现速度不平衡，切图切的好不好，在我们打开这个站点时候看到图片出来的先后顺序和速度是可以发觉的。 * 网页元素是否齐全，放置位置是否合理 网页颜色的配置是否协调 导航条是否齐全以及与网页是否协调 弄清楚是模仿设计还是创意设计 切片划分是否合理 * * * * * * * * * * * 颜色可以分为非彩色和彩色两大类。 非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。 从心理学和视觉的角度出发，彩色具有三个属性：色相、明度、纯度（彩度） 　　色相：色彩的色相是色彩的最大特征，是指能够比较确切地表示某种颜色色别的名称。色彩的成分越多，色彩的色相越不鲜明。 　　纯度：色彩的彩度表示彩色相对与非彩色差别的程度。是描述色彩离开相同明度中性灰色的程度的色彩感觉属性，是主观心理量。一般是直接用色彩中纯色成分的主观观察量表示。如蒙塞尔系统中的2、4、6等。若彩度也用百分数表示时，其含义是“含彩量”或“含灰量”。 彩度越高，颜色越艳，彩度越低，颜色越涩 　　明度：色彩的明度是指色彩的明亮程度。各种有色物体由于它们反射光量的区别就产生颜色的明暗强弱。色彩的明度有两种情况：一是同一色相不同明度；二是各种颜色的不同明度。 * 色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。 事实上任何黑白灰以外的颜色都有色相的属性，而色相也就是由原色、间色和复色来构成的。 色相，色彩可呈现出来的质的面貌。 自然界中各各不同的色相是无限丰富的，如紫红、银灰、橙黄等。色相即各类色彩的相貌称谓 色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色，就可以得到一个色彩环。色环通常包括12种不同的颜色。 * 光的三原色和颜料的三原色 原色：　　也叫三原色。即红、黄、蓝三种基本颜色。自然界中的色彩种类繁多，变化丰富，但这三种颜色却是最基本的原色，原色是其他颜色调配不出来的。除白色外，把三原色相互混合，可以调和出其他种颜色。　　根据三原色的特性做出相应的色彩搭配，有最迅速最有力最强烈的传达视觉信息效果。 * 对比色是人的视觉感官所产生的一种生理现象，是视网膜对色彩的平衡作用。指在24色相环上相距120度到180 度之间的两种颜色，称为对比色。 　　在色相环中每一个颜色对面(180度对角)的颜色,称为对比色(互补色).把对比色放在一起,会给人强烈的排斥感.若混合在一起,会调出浑浊的颜色 .如:红与绿,蓝与橙,黄与紫互为对比色。