本文关键词：现在ps做网站的尺寸
干了十五年建站，我见过太多新手设计师或者刚入行的客户，拿着PS就开始画页面，结果导出来要么变形，要么手机上看全乱了。今天不扯那些虚头巴脑的理论，就聊聊现在ps做网站的尺寸到底该怎么搞，全是真金白银砸出来的教训。
首先得纠正一个误区，很多人觉得PS里建个1920宽度的画布就完事了。这要是放在五年前可能还行，但现在响应式网页设计（Responsive Web Design）是主流，你固定死宽度，用户在手机上打开，字小得像蚂蚁，还得左右滑动才能看完，这体验简直灾难。所以，现在ps做网站的尺寸，核心不在于“固定”，而在于“基准”。
我通常建议，桌面端的设计稿宽度定在1440px或者1920px都可以，但一定要标注好安全区域。比如1440px的稿子，内容主要放在中间1200px以内，两边留白给背景或者装饰。别把重要的按钮或者文字放到最边缘，因为很多笔记本屏幕其实也没那么宽，或者浏览器窗口没最大化，边缘内容直接就被切掉了。
再说说高度。这个最坑人。很多新人习惯性地画个2000px高，觉得内容多显得大气。大错特错！网页是流式的，高度是不固定的。你PS里画了2000px，前端写代码时如果没处理好，可能会导致页面加载极慢，或者出现奇怪的滚动条。现在ps做网站的尺寸，高度只要画出一屏多一点，或者根据内容模块分段画就行。比如头部导航、Banner、产品展示、关于我们，每个模块单独切图或者分层，这样前端组装起来也灵活。
还有一个关于分辨率的问题。PS默认是72ppi，这在屏幕显示上没问题。但有些客户非要打印或者做高清屏适配，可能会改成144ppi甚至更高。记住，只要像素尺寸（Pixel Dimensions）不变，分辨率数值改了不影响网页显示效果，只会让PS文件变大，打开变慢。别为了追求那个数字去改，除非你要导出给印刷用的物料。
说到价格，市面上有些外包公司报价极低，比如500块做一个企业官网。你猜怎么着？他们根本不用PS精细设计，直接套模板，甚至用AI生成个图糊弄你。这种网站不仅难看，后期维护更是噩梦。正经的设计，现在ps做网站的尺寸规划、交互逻辑、视觉层级，至少得花半天时间打磨。合理的价格应该在3000到8000之间，具体看复杂程度。别贪便宜，网页是你公司的脸面，丑得掉渣，客户看一眼就跑了，你省的那点设计费，全在流失的客户里了。
再提个避坑点：字体。PS里用的字体，如果前端没嵌入或者用户电脑没装，就会变成系统默认字体，排版全乱。现在ps做网站的尺寸定好了，字体也得考虑兼容性。尽量用Web Safe Font，或者提前告诉前端设计师你要用的特殊字体，让他们做字体文件加载。别等到上线了才发现标题变成了宋体，那尴尬劲儿，谁懂啊。
最后，手机端的尺寸。别以为画完PC端就完事了。现在ps做网站的尺寸，必须包含移动端适配方案。你可以单独建一个375px或750px宽度的PS文件，专门画手机端。或者在PC端稿子里，用参考线标出断点（Breakpoints），比如768px以下怎么变。这样前端开发时才有依据。
总之，建站不是画画，是搭建一个交互空间。尺寸只是基础，逻辑和体验才是关键。别纠结于PS里那几像素的偏差，多想想用户怎么看、怎么点。希望这些经验能帮你少走弯路，别再把时间浪费在无效的排版上了。
