网站建设之建站切图应注意哪些?

2016-11-30 10:10:00 3520 1 编辑:网站美术设计杨莹 来源:网站设计书籍

不同的切图方式会影响网站整体的视觉效果,不能因为是一个小细节,就能忽略。那么建站切图应该注意哪些问题呢?做网站多少钱

深正互联为您分析:

首先,一定不要急于的去切图,一定要先整体的浏览一下,做到心里有数。整体的把控是非常重要的事情。网页无非由一些基本模块组成,每一种基本模块在UI设计上,不同的应用实例是否元素一致,包括字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等。必须执行统一的界面标准。设想windows里面,如果不同的窗口关闭按钮在不同的地方,并且颜色还不一样,这会是什么样混乱的状况。

命名的准确性,也是应该注意的问题,切图后把个元素放到相应的文件夹后,图片等相关元素命名要符合div+css的命名规范,以备后边程序在后台看代码的时候有较高的效率,及代码的规范程度。

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

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

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

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

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

网站切图

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通