Photoshop进行网页设计的注意要点

网页设计，即用借助软件在电脑上设计出网页效果图。较早之前有部分设计师会用网页制作三剑客中的Fireworks来设计，但现在基本都使用Photoshop来制作网页效果图了，原因很简单：Photoshop功能更强大，能有更高品质的设计感。当然，这也与使用者的能力有关！

网页设计师也就是行外人常说的网页美工，可能对于设计师的我们来说，被称作网页美工会有不被尊重的感觉，但是大家不必在意，大多数情况是外行人员不懂，只把网页美工当作是网页设计师的别称罢了。我们只要不断提高自己的设计能力即可，用作品说话！

言归正传，我们在使用Photoshop设计网页效果图的时候，需要注意哪些方面呢？

总的来说只有两个方面：布局与配色。

布局就是如何把要产品要展现的内容模块在页面上合理分配地盘，包括每个模块的位置，大小，排列与对齐。

配色则是指网页设计过程中用到颜色搭配效果，包括主色与辅色的确定，以及具体在何处使用主色，何处使用辅色。

虽说网页设计只要把握好布局与配色，但真正想要做好这两点，是需要一定的时间与积累才能完成。只有在练习中不断超越自己，才能一步一步往前走。

大的思想不可一蹴而就，但一些实用的注意点还是可以现学现用。

网页设计注意点1：字体。

我们知道网页最终是在浏览器中显示的，而现在浏览器能显示的字体跟每个人的使用的电脑有关，电脑里有什么字体，它才能正确显示该字体。而作用为普通用户的电脑，基本上安装的是微软的Windows与苹果的Mac操作系统电脑，这些电脑都能正确显示中文字体（英文的就不说了）就是宋体、黑体、微软雅黑，所以为了能让我们设计出来网页效果与最终在浏览器上显示的成品尽可能的保持一致，在设计的时候就不要使用其他字体。（除非是用来制作图片使用）

另外，宋体不要消除锯齿（网页上显示的是没有消除锯齿的宋体），黑体尽量不用（显示不美观），微软雅黑是现在常用在网页设计上的字体（消除锯齿项可选锐利或犀利都可以）。字号上不消除锯齿的宋体宜使用12px或14px，大于14px在设计上就要消除锯齿，而微软雅黑则是可以多种字号都能较好显示。

网页设计注意点2：图片。

图片素材最重要的一点是清晰，不要使用图片质量差的，到处是马赛克斑点或是杂色严重的图片做素材，会拉低整个设计效果。另外一点就是图片素材的内容与色彩要与网页配色相搭。好的素材能让你的网页设计的更加协调，舒服。虽然不能保证网页做好后运营人员上传的图片，但至少做效果图的时候要做到最好。

网页设计注意点3：图标。

图标在网页中主要是起装饰作用，让网页更加有活力，但在设计时，切勿不要滥用，过多的图标元素会让网页的整体变得散乱，不利于重点内容的展现。其次，图标的大小要安排好，不可过大。最后是图标一定要清晰可辨，很多图标在缩小后都变的模糊不清，这时候就要更换图标或者重新绘制/修饰图标。

根据以上3点，看看你的网页设计作品有没有遇到这些问题呢