作为一名资深段子手，啊不，是一名专业小编，今天就用通俗易懂的语言，给大家唠唠 PS 网站设计画布尺寸和分辨率的选取秘笈，保证让你在设计界横着走！

新建网站画布，到底多大才合适？

了解设备多样性

现在的人机不分离，各种手机、平板、电脑，屏幕尺寸五花八门，要满足不同设备的显示效果，画布大小就得先过关。

然后，像素大战

像素就像画布上的小方格，越多越精细，但文件也会变大，所以要平衡细节和文件大小。一般情况下，72ppi（像素/英寸）就够用了，错，不是 1080p！

你的尺寸要这样选

1. 手机网站：一般是 320-640 像素宽

2. 平板网站：通常在 768-1536 像素宽

3. 电脑网站：视具体情况而定，1200-1920 像素宽比较常见

分辨率 72 or 300？傻傻分不清楚

解惑 72ppi

这个分辨率是针对屏幕显示的，因为屏幕上的像素点会被自动填充，72ppi 就足够清晰。

解惑 300ppi

300ppi 是针对印刷品的，因为纸张上没有屏幕填充效果，高分辨率可以保证打印清晰度。

所以

做网站 √ 选择 72ppi

做印刷品 √ 选 300ppi

分辨率不同，尺寸该怎么换算？

神奇公式

（新宽度 / 新高度）=（旧宽度 / 旧高度）/ （新分辨率 / 旧分辨率）

比如，原本画布是 1024768，分辨率是 72ppi，现在要换成 300ppi，新画布尺寸为：

（1024 / 768）/（300 / 72）= 512384

想要画质好，RGB or CMYK？

RGB：屏幕专属

RGB 是红、绿、蓝三原色的组合，主要用于屏幕显示，色彩范围广，适合网页设计。

CMYK：印刷标配

CMYK 是青、品、黄、黑四种油墨的叠加，专门针对印刷品，色彩范围小，还原性好。

所以

做网站 √ 用 RGB

做印刷品 √ 用 CMYK

做网站也有规范？

把握黄金比例

网页设计也有黄金分割比例，一般遵循 1:1.618 的比例，这样出来的网页布局更协调美观。

留白有妙用

留白不是浪费，而是为了突出重点，增强设计的视觉空间感。就像写书法一样，字与字之间要有疏密对比。

统一中求变化

网页中的字体、颜色、排版要统一，但又不失变化，保持视觉上的平衡与层次感。

总结

选对画布尺寸和分辨率，是网站设计的第一步。牢记这些技巧，你的 PS 网站设计之路将更加顺畅！

互动环节：

1. 你在 PS 网站设计过程中遇到过哪些选取画布尺寸和分辨率的困扰？

2. 对文章中的内容有什么补充或不同的看法？欢迎在评论区交流分享~