网页设计师切图

1、UI 中网页设计切图怎么切

PxCook，目前我还没用上Mac，所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手，虽然它还附带切图功能，但是比较鸡肋，不推荐用它切图。
切图工具：
Cutterman 一款PS的插件，切图非常方便，但不支持绿色免安装版本PS，而且对PS版本要求比较高，针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc，然后自行破解。官网上有安装使用教程，自己研究下吧，因为我也是最近才开始接触这款插件。
Part 2 Photoshop
现在常用的几种设计尺寸
1. 640*960 4时代的尺寸，刚接触APP设计用的是这个尺寸，拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧)；
2. 640*1136 5/5S/5C，IPhone更新，咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸)，进入扁平的时代了；
3. 750*1334 6 目前我做设计稿的设计尺寸，IPhone6的尺寸，向下可以适配4，5，向上可以适配6 plus；我记得IP6推出后，我问总监应该用什么尺寸设计，他说用IP6的吧，好适配，切出来就是@2x了，改一改上下都能照顾到。

2、网页美工是怎样进行图片切图的

步骤如下：
1.首先我们需要用到的文件就是psd的文件了，一般都是由设计师来完成的，我们切图也就是切psd文件，因为psd文件是分层的，所以想切哪里切哪里。
2.之后用Photoshop软件打开psd文件，这里小鱼用CC版本演示，其他版本大同小异。我们打开之后可以双击左侧的放大镜工具，将图片缩放到原图大小。
3.我们要切图，当然用到的就是“切片”工具了，可以点击左边的切片工具，也可以右击这个图标选择更多的相关工具。切图都是用切片工具。
4.选择好切片工具之后，想要切哪里就直接拖动鼠标就可以了，然后会出现切线，在切线框内右击还可以弹出菜单。
5.点击菜单的编辑切片选项还可以对切片进行编辑，可以编辑大小等项目。
6.但是如果我们只想要字怎么办，不要底层背景，那么可以用“移动”工具。选择移动工具，在不要的背景上单击，这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。
7.把选中的不需要的背景前面的小眼睛去掉，最后只剩我们想要的部分。
8.然后点击左上角菜单栏的“文件”，选择“存储为web所用格式”选项。
9.如果要透明的，那么一般选择png格式，如果要非透明的，那么哪个格式存储的文件小就选择哪个，这样能保证网页加载速度快。然后点击下面的“存储”按钮。
10.然后给图片命名，选择一个保存地址，最后选择“选中的切片”，不然好多没用的图片都会保存下来。
11.最后找到保存好的图片打开，已经是一个我们想要的图片了。

3、关于网页制作的，什么是切图，切图要达到什么目的，用什么工具来切

制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。

4、网页设计怎么切图

直接用 photoshop 切片工具就可以OK了 保存的时候记得是web格式的

不会photoshop的话 就找个切图软件吧 网上很多的

5、网页美工切图设计有哪些要点

如何做好网页美工设计，对于新手而言，这还有些小小的难度，尤其是当网页美工设计由几个人接手的时候。不过，其实只要掌握好几点，网页美工设计其实也不是十分困难的一件事。

在网页美工切图设计之前，我们先基于ps进行新建文件设置，在设置的时候需要注意以下几点：

1.一定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。

2.作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。

3.有特效地方，有必要设计出特效样式，以便DIV CSS制作的时候切图使用。

4.在做成网页后可改变的文字，需要使用宋体、黑体无需修饰

5.细节一定要对齐

美工图设计好后要注意的两点：

1.导出JPGGIFPNG等格式观察效果。

2.不要合层，尽量保持每个文字图标图片都有独立图层，这样在DIV CSS切图时方便隐藏显示切图。

在新建设置之后，就要开始进行网页美工设计了，在网页美工设计的过程中要注意：

1. 注意页面的分块，着手设计一个页面的时候，你必须根据所掌握的内容，以及其风格，对页面的整体进行分块。分块是一个非常必要且难以掌握的技巧。对于一般杂志来说，它们是有边的，这意味着杂志美工设计师有边可循，依靠边来形成立体感，依靠边来产生未尽的意韵;但是对于web页面，边的概念被淡化了，屏幕可以上下左右的拖动。所以此时分块显得非常必要，目的也就是产生的效果。

分块可以用不同着色的色块、框、细线、排列整齐的英文等等，还可以混合使用，但是注意不要过于醒目，因为页面的重点在内容，而不在其他。

2、色彩的平衡与呼应。

1)色彩的平衡。色彩在页面中可以形成很多的效果，通过强烈的对比，可以突出页面的重点。还可以通过色彩调配，达到页面稳重度的改变。一般的情况下，页面上方的颜色总是很重，这样才能压住下面的颜色，如果不采取这种办法，整个页面将显得很不稳重，底下的文字图片，有飘出的意味。因此，要使整个页面显得很平衡，必须要有能镇住其他颜色的色彩。

2)色彩的呼应。一种比较突出的色彩，如果很突兀地放在页面中，无论你是突出重点也好，还是logo图标，都给整个页面带来了副作用。为此，你必须在相对称的位置加上该色系(对于页面并不醒目)的色彩以呼应，这样可以弱化这种视觉的冲击。

3、精确到1个像素

如果你是一个成功的页面设计者，你至少会在做出页面前已经把整个页面构思好了;如果你很宽容地对待图片中1个像素的差别，那说明你还不是很合格。

6、网页切图怎么做? 网页设计切图

网页切图怎么做，网页设计切图的方法。

如下参考：

1.打开PS，点击切片工具，如下图所示。

2.点击切片工具，可以将图片切割成所需的大小，如下图所示。

3.剪切图片后，点击导出特殊网页使用的格式，如下图所示。

4.输入属导出web的格式页面，并按住shift键选择所有部分。

5.导出格式设置为JPEG，如下所示。

6.最后，单击save存储，如下图所示。

7、做网站切图是个什么意思？具体是怎么做的啊？

首先你说的做网站包括网站前台与后台，前台就是我们能看到的，后台是网站管理员能看到的。前台包括网站页面设计，网站静态页制作，添加动态效果等。 切片属于网站页面设计后，把一张效果图切成一块一块的，再用div+css布局组回效果图那个布局。 切片的目的一个是为了减少网站打开时的加载时间，另一个是为了网站静态页制作。 你可以看到你提问的这个页面是由一个一个的小图片和文字，链接组成的。原先设计的时候是一张图片，就是用切片切成这样的。切片一般我们用PS切的。

8、怎么进行网页设计(从切图到网页生成)

这个我这里有几个不错的资料:
Fireworks网页设计综合实例1
http://webdesign.chinaitlab.com/fwsl/386043.html

Fireworks网页设计综合实例2
http://webdesign.chinaitlab.com/fwsl/386042.html

Fireworks网页设计综合实例3
http://webdesign.chinaitlab.com/fwsl/386054.html

http://webdesign.chinaitlab.com/fwsl/386053.html
http://webdesign.chinaitlab.com/fwsl/386051.html
http://webdesign.chinaitlab.com/fwsl/386050.html
http://webdesign.chinaitlab.com/fwsl/386047.html

上面总共7个资料,它们实际上只是一个实例的讲解,希望对你有用

9、网页美工切图需要会什么

你div和css学一些常用的基础就可以了，还要会JavaScript，但是最主要还是要学会怎么使用工具，切图片的话用Photoshop就行，要熟悉里面的切片工具，还要会Dreamweaver，可以用来调整页面，要做动画的话可以用flash，呵呵，做一个好的美工可不容易，主要是对美和颜色搭配有一种非常敏感的感觉，美工做好一个页面90%的时间花在设计图片上了，10%用工具软件切好。

10、谁教我网页设计 切图？高分重赏

http://iamjulia2.blog.sohu.com/39856525.html