网页设计切图有什么作用

网站建设知识 phpacg 2年前 (2018-04-24) 122次浏览 0个评论

普通我们从设计师那失掉的都是psd文件,外面有几十或许上百个图层(普通会依据内容分好文件夹),有文字有图片,有的只在特殊状况下显示的(比如鼠标划过),这时分就需求依据自己的需求导出不同的图。

切图的时分也会有许多思索,比如把哪些内容紧缩成一张图片,什么时分用透明背景(PNG),什么时分用CSS Sprite(把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保管为一张图,再用background position去提取。)文字是切成图片,还是复制到HTML里。(普通状况下都不会把文字切成图,除非用到比拟特殊的字体或许变形。)等等吗。然后即使是用photoshop保管为web格式导出的图,有时分尺寸也是很大的(特别是PNG),这时要运用一些专业紧缩工具停止二次紧缩。

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

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址