网页设计切图是怎样规范的(网页设计切图标注

【网页设计切图是怎样规范的(网页设计切图标注】
1.先布置工作区域,选择【窗口】-->【图层】、【信息】、【历史记录】等等,打几个勾,把工作区布置成下面这个样子就可以了 。

网页设计切图是怎样规范的(网页设计切图标注

文章插图
2.布置完之后保存工作区,选择【窗口】-->【工作区】-->【新建工作区】命名保存,这样下次打开的时候工作区域还是这样,就算不小心弄乱只需要打开【窗口】-->【工作区】选择之前保存过的工作区就可以 。
3.打开需要切片的图片,我直接使用qq空间的截图,打开【像素】选择实际像素 。
网页设计切图是怎样规范的(网页设计切图标注

文章插图
3.先用参考线选定想要切图区域,选择左侧工具栏的切片工具选定参考线选中区域
网页设计切图是怎样规范的(网页设计切图标注

文章插图
4.使用切片工具选中参考线中选定的部分 。双击选定的部分,给切图命名,单击确定,保存切图 。
网页设计切图是怎样规范的(网页设计切图标注

文章插图
5.保存切图
切片完成后,点击文件,点击存储为web所有格式
网页设计切图是怎样规范的(网页设计切图标注

文章插图
6.选择保存格式和图片大小,没有问题点击存储即可 。
网页设计切图是怎样规范的(网页设计切图标注

文章插图
7.选择保存路径,文件名,如果选择了多个切片的话,就要选择选中的切片了,不然会保存多个切片的 。
确定设置无误点击保存就可以了 。
网页设计切图是怎样规范的(网页设计切图标注

文章插图