本文目录一览：
UI中的“切图”是什么意思?为什么要切图?
网页设计好后的切图是将设计稿切成便于制作成页面的图片，并完成html css布局的静态页面，有利于交互，形成良好的视觉感。
切图就是把用设计软件设置好的图片切成相应的大小，切图后再把图片上传就可以可以加快显示速度，不用等整个图片都下载以后显示。PS切图步骤：打开PS，然后点击切片工具。点击切片工具后，就可以把图片切成需要的大小。
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。
为了适配iphone 6plus、iphone 7plus单独切一套比原有44*44px切图大5倍的切图，即66*66px大小的切图。
UI中的切图是指将UI设计师所设计的页面或元素进行分割，切分成对应大小和格式的图片，以便在前端编码实现时调用。
网页设计-我的网页用PS设计号后,怎么做切片才合适?
1、打开PS，点击切片工具，如下图所示。点击切片工具，可以将图片切割成所需的大小，如下图所示。剪切图片后，点击导出特殊网页使用的格式，如下图所示。输入属导出web的格式页面，并按住shift键选择所有部分。
2、使用切片工具 切片工具是PS中专门用于切割图像的工具。通过选择切片工具，然后在设计文件中拖动鼠标，可以创建矩形、圆形、多边形等形状的切片。切片创建完成后，可以对每个切片进行进一步的调整和导出。
3、打开要进行切片的图像。选择工具箱中的切片工具。在图像上拖动鼠标，画出要进行切片的区域。可以按住鼠标左键并拖动，画出多个切片区域。在选项栏中，可以设置切片的大小、形状和类型。
4、将准备好的详情页置入PS画布中(或随意一张图片置入画布中)。选择工具栏中的切片工具”,然后鼠标移动到画布中的时候,就会显示一个刀片的形状,而且会有数字显示切片个数。
5、网页设计的方法有很多，比如直接写代码、可视化软件设计(如DreamWeaver)、用中间软件进行格式转换(如Word生成HTML代码)、网页的PS设计等。我们收集整理了关于Photoshop的网页，供大家参考。
firework中切片工具如何使用
1、找到“切片工具”（如果左侧工具栏没显示，就要在裁剪处，按住左键不放就会出现很多在此的工具命令，并点选“切片工具”）。
2、用切片工具，选取热点区域，然后点击右键导出图片，在导出图片前选择图像预览，选择图片清晰度和图片格式，然后导出图片即可。
3、在Fireworks CS3中打开制作好的网页效果图，如图所示。
4、(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。) 切图的目的就是更加精确的进行网页布局。 photoshop、fireworks等软件都带有切片工具。 问题二:页面设计页面制作这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。
5、打开Dreamweaver插入任意图。选择中图片点击属性面板中的Fireworks图标即可。Fireworks是网页制作三剑客另外一款软件，通过Dreamweaver中切片必须安装Fireworks，否则将无法启动。
