在设计网页时，设计LOGO应该遵循访问者的认识规律，突出主题、引人注目。按照从上到下，从左到右，从小到大，从远到近的视觉习惯以及思维习惯、审美能力和审美心理等要求，力争使LOGO做到主题突出，引人注目。在实际的网页设计制作中，一般通过以下几个方面来把握：   

•在版式设计上，要保持视觉平衡、讲究线条的流畅，使得整体形状美观大方。   

•通过运用反差、对比或边框等，使要表达的主题得到突出。   

•选择恰当的字体，使字体在符合整体风格的基础上具有独特性。   

•版式的设计要注意留白，给访问者提供想象空间。

•在网站建设中，合理地运用色彩。因为访问者对色彩的反映比对形状的反映更为敏锐和直接，更能激发情感，在色彩选择方面，基色要相对稳定，要强调色彩的记忆感和感情规律，合理使用色彩的对比关系，因为色彩的对比能产生强烈的视觉效果，而色彩的调和则构成空间层次。

LOGO实例制作

为了便于网上信息传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。关于网站LOGO现在主要有3种规格。   

•88×31像素：这是目前最普遍的LOGO规格。   

•120×60像素：这种规格用于中型大小的LOGO。   

•120×90像素：这种规格用于大型LOGO。下面就以Disco Style为站名来设计LOGO。

【操作步骤】

第1步，启动Photoshop，新建文档，设置画布大小为88×31像素。为便于操作和观察效果，在制作时可以设置实际大小为500×300像素，当设计完成后再缩放或剪切。

第2步，新建图层，选择【渐变工具】，设置渐变类型为直线渐变，颜色为#6a0037和#3f000c，在编辑窗口中从上向下拖拉，应用渐变填充。

第3步，使用【直线套索工具】勾选一个选区，然后新建图层，使用白色填充选区。

第4步，选择【滤镜】|【模糊】|【高斯模糊】命令，设置模糊半径为6像素，应用高斯模糊。再选择【滤镜】|【模糊】|【动感模糊】命令，打开【动感模糊】对话框，设置角度为0，距离为559像素，确定应用动感模糊。

第5步，在【图层】面板中设置该图层的混合模式为“叠加”。

第6步，使用【文本工具】输入文字“Disc”，设置字体颜色为白色，字体类型为Lucida SansUnicode，字体大小为48点。

第7步，为该文字应用投影和渐变叠加样式。在【图层】面板底部单击【添加图层样式】按钮，然后分别选择【投影】和【渐变叠加】命令，设置投影距离为4像素，投影颜色为#60012d；渐变叠加的渐变色为#DF7E8F和#91003E。

第8步，新建一层，使用【椭圆选框工具】画一个椭圆，再选择【渐变工具】，设置渐变类型为直线渐变，渐变颜色为白色到透明，然后设计透明到白色的渐变填充。

第9步，按住Ctrl键，单击文字图层，调出文字选区，再按Shift+Ctrl+T组合键反选，切换到渐变填充图层，按Delete键删除多余的部分。

第10步，在【图层】面板中，设置该图层为柔光模式。

第11步，选择【文件】|【置入】命令，导入ball.png素材文件，按Ctrl+T快捷键调整大小和位置。

第12步，为导入的素材图像应用投影样式，角度为120°，距离为5像素，大小为5像素。

第13步，使用【椭圆选框工具】绘制一个小椭圆，然后新建图层，使用白色填充椭圆。

第14步，按Ctrl+J快捷键复制椭圆图层，按Ctrl+T快捷键调整大小，并拖移到不同位置。以同样的方式复制很多个小球，并有规律地排列在一起，注意大小渐变缩小，设计一种立体平面排列效果。

第15步，按Ctrl+E快捷键，逐一合并这些图层。在【图层】面板中设置该图层的混合模式为“叠加”。

第16步，放大图像，在工具箱中选择【套索工具】，按住Shift键，勾选部分小球。

第17步，按Shift+F6快捷键，打开【羽化选区】对话框，设置羽化半径为1像素，羽化选区。然后新建图层，使用颜色#ff768d进行填充。

第18步，使用【文本工具】输入字母：Style，大小为24点，颜色为#ff768d，字体类型为Britan-nic Bold，在【图层】面板中设置该字体图层的不透明度为50%，调整字体颜色深浅，效果如图所示。