网页设计切图有什么作用,提高用户体验

大 中 小  文章来源：万象互联 更新时间：2014-7-17 8:54:17
分享：

网站设计，一般我们从设计师那得到的都是psd文件，里面有几十或者上百个图层（一般会根据内容分好文件夹），有文字有图片，有的只在特殊情况下显示的（比如鼠标划过），这时候就需要根据自己的需要导出不同的图。


切 图的时候也会有许多考虑，比如把哪些内容压缩成一张图片，什么时候用透明背景（PNG），什么时候用CSS Sprite（把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保存为一张图，再用background position去提取。）文字是切成图片，还是复制到HTML里。（一般情况下都不会把文字切成图，除非用到比较特殊的字体或者变形。）等等吗。然后即 使是用photoshop保存为web格式导出的图，有时候尺寸也是很大的（特别是PNG），这时要使用一些专业压缩工具进行二次压缩。


当然有些有前端经验的设计师会把切好的图片发给你，这样就可以直接开始写HTML和CSS了，但是我建议还是尽量自己切，掌握熟练的切图技巧也是一个前端应该有的技能。

版权说明:本站原创文章,由万象互联SEO优化发表.
本文地址:https://www.hulian.top/zixun/post/6382.html
分享到：QQ空间新浪微博腾讯微博微信百度贴吧百度空间搜狐微博
在线咨询
  • 在线时间
  • 8:00-21:00