切图时应注意的问题

       网页设计师把一个整体的psd交给我们前段人员的时候一定不要急于的去切图，一定要想要先整体的浏览一下，做到心里有数，整体的把控是非常重要的事情，我们知道网页无非由一些基本模块组成，每一种基本模块在UI设计上，不同的应用实例是否元素一致，包括字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等。说来容易，执行的时候很多设计师会有一些随意的想法，可能某些想法是挺好的，但是我们必须执行统一的界面标准。设想windows里面，如果不同的窗口关闭按钮在不同的地方，并且颜色还不一样，这会是什么样混乱的状况。命名的准确性，也是前端人员应该注意的问题，切图后把个元素放到相应的文件夹后，图片等相关元素命名要符合div+css的命名规范，以备后边程序在后台看代码的时候有较高的效率，及代码的规范程度。

     颜色范围：如果一个区域中颜色范围不大，只有几种颜色，那么应该单独切出，如果只有一种颜色，就应该象剑气所说，切片后选择HTML类型，在DW中改背景颜色来达到目的；如果颜色数量比较多，渐变过渡多一些，应该把切片数量切的多一些，尽量把单个切片控制在一个颜色范围的轮廓内；

     切片大小：切片的目的主要是加快下载进度，让多个图片同时下载而不是只下载一个大图片，所以切片大小要根据需要来切，标志LOGO等主要部分尽量切在一个切片内，防止显示遇到特殊情况时显示一部分，圆角表格部分要根据显示区域的大小来切，控制好边缘和边角，有时候切出来的切片并不是直接插入到DW了事，而需要在DW中编辑，比如有的图片应该设置成背景图片；

     切片区域：保证完整的一部分在一个切片内，例如某区域的标题文字，以后修改时方便；

     导出类型：颜色单一过渡少的，应该导出为GIF，颜色过渡比较多，颜色丰富的应该导出为JPG，有动画的部分应该导出为GIF动画；

    源文件：即使页面作好了，也要保留带切片层的源文件，说不上哪天要改某一个部分，例如文字什么的，直接修改单独导出所用的切片就可以了。