ps做网页效果图

做这行十五年了，见过太多老板拿着手机里的截图，非要让设计师做成那种高大上的网页效果图。说真的，看着都累。今天不整那些虚头巴脑的理论，就聊聊怎么用最土的办法，搞定最实在的需求。这篇文就是专门给那些想自己弄个样子出来给客户看，或者想省点设计费的老板们看的。

首先得泼盆冷水。别指望PS能直接变出个能用的网站。PS做网页效果图，它就是个“画饼”的过程。你画得再美，代码写不出来，那也就是张JPG图片。很多新人容易犯个错，非要在PS里把按钮做成能点击的样子，或者把排版做得跟真网站一模一样。别折腾了，客户看不懂那些图层，他们只关心“这玩意儿长啥样”。

我有个客户，去年找我做官网。他之前找了个刚毕业的设计师，花了三千块做了一堆效果图。结果呢？开发一看，这间距没法写CSS，那个阴影效果浏览器兼容性还得专门调。最后开发骂骂咧咧，说这图没法还原。这就是典型的不懂行。PS做网页效果图的核心目的，是沟通，不是开发。你要让非技术人员看懂你的意图，这就够了。

具体怎么弄？别一上来就搞什么复杂的渐变、投影。先用大色块把布局定下来。首页分几块，Banner放哪，导航栏多宽，这些骨架先搭好。这时候千万别纠结像素级的对齐，人眼都看不出来的误差，没必要死磕。我一般建议用网格系统，但别太死板。比如一个标准的1920宽的设计稿，你可以把它分成12列，这样后面切图或者开发的时候，心里有个底。

再说说素材。别去网上随便下那种高清大图，虽然好看，但加载速度慢得感人。PS里做效果图的时候，记得给图片打个马赛克或者用色块代替，并在旁边标注“此处替换为高清实拍图”。这点很重要，不然开发真给你放个5M的图进去，服务器都得卡死。还有字体，别用那些生僻的艺术字，除非你是做艺术网站的。用系统自带的黑体、宋体就行，显得干净利落。

这里有个坑，很多老板喜欢让设计师把每个页面的状态都做出来，比如登录前、登录后、报错页面。听我一句劝，除非你是做交互演示，否则没必要。大部分时候，做个首页加两个内页的效果图就足够了。PS做网页效果图，效率第一。你花三天时间磨一个按钮的圆角，客户可能根本注意不到，反而觉得你进度慢。

再讲讲价格。现在市面上，找个靠谱的人做个简单的PS效果图，大概也就几百到一千多块。你要是找大公司，那得按版面收费，一个版面几百上千。别被那些报价吓住，也别贪便宜找几十块钱的。太便宜的做出来的东西，要么是模板套的，要么就是随便画画，根本没法参考。我见过最离谱的，是个老板拿着淘宝9.9元做的图去跟开发对线，结果开发说这根本没法写代码，因为图层太乱了。

最后，交付的时候，记得把PSD源文件给客户。别只给张JPG。万一以后要改个颜色、换个标题，源文件能省不少事。而且，源文件里的图层命名要清楚，别全是“图层1”、“图层2”。虽然客户不一定看，但这是职业素养。

总之，PS做网页效果图，别把它想得太神圣。它就是个沟通工具。你画得清楚，别人看得明白，这钱就花得值。别为了追求所谓的“完美视觉效果”，忽略了实际落地的可行性。毕竟，网站是用来用的，不是用来供着的。

本文关键词：ps做网页效果图