切图就是把一张完整的图片中需要用到的部分进行切剪,然后再应用到网页中,它的作用是使页面布局更优化、更精准。切图这一步骤看似简单,其实还是有很多细节需要注意的,否则会影响页面的整体设计效果。下面就为大家总结一下,切图时需要注意哪些细节。
1、一个完美的网站在任何细节上都容不得半点马虎,虽说切图工具能很好的将网页效果图切成咱们想要的份额,但在切的过程中执撑者还是操作人员,手感的好坏显得相当重要。为了尽可能的避免瑕疵,建议大家合理的利用参考线,因为参考线具有吸附功能,在鼠标靠近的时候,可以帮助咱们更加精准的切好图片,不容易出错。
2、做网站切图不是随随便乱切的,在动手之前,咱们需要仔细的观察效果图,在心里有个大致的框架,因为切图这一步与后序的代码编写有着非常紧密的联系。如果等到代码写到某个步骤时,才发现图切的不对劲,那么就需夫重新写代码,如此以来就浪费了许多时间和精力。除此之外,为了提高代码编写的效率和规范程度,切图命名必须要符合div+css的命名规范。
3、切图之后要记得将图片存储为WEB和设备所用格式。一般的图片保存我们都会选择jpg格式,但是jpg格式的图片如果被放大就会不清晰,放小又会模糊,并且在网络加载的过程中也会非常慢,影响整个网站的视觉效果,所以在保存的时候要使用html格式,品质一般设置为60。
4、即使在完成页面制作后,带有切片层的源文件也应好好的保存,因为以后如果有需要改动的部分的话,咱们可以直接修改单独导出所用的切片。
以上只是切图时需要注意的细节的一小部分,我们应该在每个细节都尽善尽美,追求一个高品质的网站。
进行网页切图时需要注意的细节
分享到:
-
50194
网站
- 11172
小程序
-
11825
文章
-
1
会员
热门网站
- 52PCGame论坛 bbs.52pcgame.net
- 飞华两性频道 sex.fh21.com.cn
- 69乐园 69leyuan.lofter.com
- 玛雅(MAYA)官方网站 maya.com.cn
- 阿里钱盾 qd.alibaba.com
- 云南省国家税务局网上办税服务厅 etax.yunnan.chinatax.gov.cn/zjgfdzswj/main/
- 上海贵族宝贝论坛 guizubibi.com
- 三众能源 sanzenenergy.com
- 读秀网 duxiu.com
- 9877小游戏 099y.com
最新入驻小程序
热门文章
- 如何解除百度提醒网站存在安全风险方法 07-26
- 百度产品运营到底要做什么 07-26
- 关于域名历史的查询和处理 07-26
- 农林副产品要如何进行网络营销销售 07-26
- Google网站管理员工具 07-26
- 网络产品和传统产品的区别 07-26
- 医院该如何打造品牌服务策略 07-26
- 阿里巴巴关键词排名优化最常见最有效的几种方法 07-26
- 百度竞价推广计划及思路 07-26
- 关于网络营销的五大阶段介绍 07-26