浅谈PhotoShop在网页设计中的应用

浅谈PhotoShop在网页设计中的应用

作者：陈海波

来源：《神州》2012年第22期

随着网络的快速发展，一个新兴的专业——网页设计诞生了。网页已经成为网络信息的表现和思想传播的主要形式。网页设计是随着网络的产生而形成的艺术设计新课题，是网页设计者以个人长期积累的技术和艺术经验为基础，依照设计目的和要求对网页的构成元素进行艺术规划的创造性思维活动，更重要的是网页版式编排的过程中PhotoShop的应用。

一、PhotoShop平面设计软件设计页面的优点

网页制作的工具很多，但是使用PhotoShop(以下简称：PS)平面设计软件设计网页是当前网页设计的主流方法，是一个功能强大的图像处理软件。按照预想的整个页面布局的思路在PS中分层摆放元素，并利用自己掌握的图像处理的技巧适当地进行图像处理，使层与层之间过渡自然，元素与整个网页的主题相一致，整个页面成为一个协调的整体。

1.灵活性：PS的灵魂是图层，一个完整的网页设计作品往往有许多元素组成，层的功能就是能够对这些元素单独进行修改和编辑，而不影响其他元素；可以给图层添加样式、蒙版、改变叠放的顺序；可以对每个图层进行图像设置，如图像色阶、饱和度、亮度、大小等单独调整。图层之间是单独存在的，但又是相互连接的，每个图层上的图像位置可以随意挪动而不影响其他图层的图像位置。如此灵活的功能，完全可以让设计者发挥创意、灵活运用。

2.加快浏览速度，互联网有一项著名的8秒原则：即客户在访问网站时，如果页面打开的速度超过8秒，那么访问者就会感到不耐烦，甚至极有可能直接关闭该网页。PS能对网页大小及网页元素大小进行适当的调整。用PS设计的网页经过裁切后体积相对要小得多，相同的元素因为其格式变化也会大大提高下载速度，因此PS就成了提高页面下载速度的有效工具。

二、PhotoShop在设计网页布局中应该把握的几个要点

1.网页文档尺寸与分辨率。最常用的浏览器页面是1024*768像素，但浏览器本身还要让出一定空间，才不会出现水平滚动条和垂直滚动条，所以网页设为1001*600像素，分辨率为72像素较为合适，当然这个可以看情况调整，太高的分辨率并不能增强效果，反而会降低下载速度。

2.页面设计前的元素准备。考虑页面的整体风格，思考页面的区域划分。一般情况下网页为以下几个部分：背景、header部分、body部分、footer部分。

3.分层的重要性。网页中有很多元素，很多层，像Banner、文本、LOGO、渐变等，尽量把这些元素独立的放在不同的层上，以便日后修改

第1页下一页