AB模板王专注于织梦源码分享、织梦模板、discuz模板、wordpress主题等网站模板,为广大站长提供网站模板以及Discuz插件等素材。
用户名:
密码:
注册

织梦源码,模板王

VIP

进行网页切图时需要注意的细节

www.adminbuy.cn / 2015-12-31
切图就是把一张完整的图片中需要用到的部分进行切剪,然后再应用到网页中,它的作用是使页面布局更优化、更精准。切图这一步骤看似简单,其实还是有很多细节需要注意的,否则会影响页面的整体设计效果。下面就为大家总结一下,切图时需要注意哪些细节。
 
1、一个完美的网站在任何细节上都容不得半点马虎,虽说切图工具能很好的将网页效果图切成咱们想要的份额,但在切的过程中执撑者还是操作人员,手感的好坏显得相当重要。为了尽可能的避免瑕疵,建议大家合理的利用参考线,因为参考线具有吸附功能,在鼠标靠近的时候,可以帮助咱们更加精准的切好图片,不容易出错。
 
2、做网站切图不是随随便乱切的,在动手之前,咱们需要仔细的观察效果图,在心里有个大致的框架,因为切图这一步与后序的代码编写有着非常紧密的联系。如果等到代码写到某个步骤时,才发现图切的不对劲,那么就需夫重新写代码,如此以来就浪费了许多时间和精力。除此之外,为了提高代码编写的效率和规范程度,切图命名必须要符合div+css的命名规范。
 
3、切图之后要记得将图片存储为WEB和设备所用格式。一般的图片保存我们都会选择jpg格式,但是jpg格式的图片如果被放大就会不清晰,放小又会模糊,并且在网络加载的过程中也会非常慢,影响整个网站的视觉效果,所以在保存的时候要使用html格式,品质一般设置为60。
 
4、即使在完成页面制作后,带有切片层的源文件也应好好的保存,因为以后如果有需要改动的部分的话,咱们可以直接修改单独导出所用的切片。
 
以上只是切图时需要注意的细节的一小部分,我们应该在每个细节都尽善尽美,追求一个高品质的网站。
本文由AB模版王整理发布,转载请说明出处:http://www.adminbuy.cn
收缩