大家都知道,现在很多公司招聘网页设计师、前端工程师或者网站美工的时候,都要求应聘者熟练使用photoshop,甚至有些公司还要求应聘者精通Photoshop,这是为什么呢?
其实,市场上很多用人单位如此要求也不无道理,因为,photoshop在网页设计中实在太重要了,可以说,网页美工可以不懂HTML,但是不能不懂Photoshop!因为,美工在网页制作当中起着关键性作用!
那么我们本次就简单介绍一下Photoshop设计网页的核心功能,以便让大家知晓如何使用Photoshop设计网页。
使用photoshop设计网页和使用photoshop设计其他平面广告作品没有什么本质区别,两者都是作图、画图。区别是:photoshop设计网页时的画布有大小限制,至少有宽度限制,因为网页最终是显示在浏览器中,画布太大,不便于观看,除此之外,网页都有固定的栏目,比如logo、导航栏、栏目分类、友情链接、底部版权等。
所以当使用photoshop设计制作网页的时候,需要注意的地方并不多,最终结果是让做出来的效果图看起来像一个网页,而不是一个广告宣传展板。
当然还是有一些注意事项的:
1、新建画布的宽度不能太宽也不能太低,我们知道目前主流的电脑显示器分辨率有800*600、1024*768、1280*800、1368*768等,甚至有些宽屏显示器分辨率超过了1368*768,800*600分辨率的显示器目前已不多,但是还有少部分用户在使用,1024*768分辨率显示器目前的使用人数仍占一定规模,所以,我们为了尽可能的向下兼容,为了考虑大多数人的习惯,参考的主流显示器为1024*768分辨率的的显示器。所以我们新建画布的时候,宽度要保持在1024以内,由于浏览器垂直滚动条会占到20px的宽度,为了不让网页出现水平滚动条,所以,我们的网页效果图宽度也不应大于1004px!为了避免1像素的误差,所以,网页宽度设置为930至1003之间都是没有问题的。
2、网页效果图的配色和一般的广告展板有很大区别,网页配色不能太花俏,仔细观看会发现,网页都有一个主调色。
3、遵循网页的基本要求,网页基本元素要体现,至于网页是否美观,这关键看设计师本人的美工底蕴如何
4、保存效果图的时候,不是按ctrl+s,也不是按ctrl+shift+s,而是使用ctrl+alt+shift+s保存网页效果图,及使用“另存为web所用格式”
本文介绍到此结束,如有不明之处,请在线留言或着到QQ群里讨论。