网页美工的切图设计技巧

网页美工的切图设计技巧

在网页美工切图设计之前，我们先基于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个像素的差别，那说明你还不是很合格。

;

制作网页图标用什么软件啊

可以用一些在线的工具来制作比较方便快捷，比如这个在线的图标制作工具，就可以很轻松制作了，他可以选择不同的图标尺寸，以及不同用途的图标的类型，还能选择输出不同的图标格式，挺方便可以尝试。在线ICO图标制作生成,图片转换ICO图标

图片转换ICO图标Pro版步骤

一、点击或者拖拽到上传框中，即可上传你要转换的图片，直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式，如果上传图片并转换ico图标成功，则代表支持该格式。

二、此时预览框中会出现刚刚上传的图片，可以任意缩放拖拽裁剪框，选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中，左上方会有ico图标效果的实时预览。

三、选择需要生成的ico图标的尺寸，主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。

四、选择生成的ICO图标的类型，默认为普通网站ICO图标，也就是可以在web应用中使用的ICO图标；也可以选择Windows系统桌面标准格式ICO图标类型，这种类型的ICO图标可以作为Windows桌面图标等。

五、选择生成的ICO图标的编码格式，默认为不透明背景，适用于非镂空图片生成ico，这种格式的ICO文件最小；透明背景的ICO图标，指的是将原本存在透明背景的图片生成背景透明的ICO图标，文件较大。

六、选择转换生成的ico图标的文件格式，默认的格式是.ico，并且有.jpg和.png格式可以选择。需要注意的是，ico图标一般都是背景镂空透明的图形，只有.ico和.png格式支持透明背景的图片，而.jpg格式的图片本身是不支持的。

如何设置网页的小图标

网页中如何设置在网页地址栏中的小图标:

下面我们就讲讲：

link rel="SHORTCUT ICON" href="http://****/*****.ico"

link rel="BOOKMARK" href="http://*****/*****.ico"

这两个代码的作用。

在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置?

通常做法是:

要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。

在源文件“head/head”之间添加如下代码：

Link Rel=\"ICON NAME\" href=\"http://图片的地址（注意与刚才的目录对应）\"

收藏夹：

favicon.ico

你随便用一种画象素的工具，画一个图标，然后起成这个名字，上传到你所有网页文件的那个文件夹里就行了。

一般都会自动找这个favicon.ico的文件，只要有，就会显示。

并且是根目录下

地址栏的方法：

只是在网页中多加入下面一条代码就行了。

link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” /

如果手头没有合适的工具制作图片，也可以选择一个自己喜欢的图片，然后到这个网站去自动生成一个。

Favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。

您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单。

第一步，准备一个图标制作软件。

首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http: //，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步，确定“收藏夹”图标的规格。

“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。 (为了清晰)

第三步，设计一个属于您自己的图标。

您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico。

最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。

网页的图标自己设计麻烦吗

不麻烦有专用的图标设计软件。只需使用一个便携版的AniFXPortable软件，便可以更加快速地完成图标的制作和处理任务。

网页设计如何使用丰富图标?

应该具有吸引力和可读性

图标应该在视觉上吸引人。它们应该设计精美，且容易记住。

应该是普遍的

选择人们能够理解的图标。这些图标应该是众所周知的，以免造成混淆。因为你要处理的是图像及其解释，所以应该生成的图像应该是通用的。你至少要让每个人都知道你在说什么。让你的图标超自然!

体现出品牌风格

网站设计师使用的图标应该符合品牌风格。寻找与网站整体色调和信息相匹配的图标，这就意味着一个专业网站应该有一个相匹配的图标系列，以展示出一个相匹配的形象。

图标的使用尽量简单

网站的图标应该协助网站结构清晰的安排，将基本内容分割成块。不要超负荷地使用过多明亮的图标，强调几个漂亮的信息图标会更好。尽量做到简单，少即是多。简单的页面看起来并不沉闷，反而具体，明确。

关于网页设计如何使用丰富图标，环球青藤小编暂时和您分享到这里了。如若您对互联网营销有浓厚的兴趣，希望这篇文章可以对你的工作或者学习有所帮助。如果你还想了解更多关于文案优化、广告营销文案写作的方法及素材等内容，可以点击本站的其他文章进行学习。