刚入行那会儿，我也傻乎乎地觉得，既然要响应式，那尺寸随便定呗，反正代码能自适应。结果呢？切图切到手软，前端骂娘，老板说布局歪了。现在回头看，那时候真是被“万能尺寸”给忽悠瘸了。咱们干设计的，别整那些虚头巴脑的理论，直接上干货。
很多人问，ps中网站页面做多大的？其实这个问题没有标准答案，但有“黄金区间”。以前PC端流行1024x768，后来1366x768成了主流，现在呢？1920x1080甚至更宽的大屏越来越多。但咱们做设计稿，千万别为了迁就那些极少数的4K屏，把画布拉得巨大无比，那样你累得半死，用户看着也累。
我的建议是，以1920像素宽为基准线，但内容区控制在1200像素以内。为啥？因为现在主流笔记本和显示器，虽然分辨率高了，但浏览器窗口很少全屏跑满。你搞个1920宽的内容，两边留白太多，反而显得页面空洞，用户视线还得左右扫视，体验极差。把核心内容收在1200左右，既保证了视觉冲击力，又让信息聚焦。
高度呢？别死磕像素。网页是流式的，没有固定的“一页”概念。但在ps里做稿子时，你得有个大概的预估。一般首屏（Hero Section）高度控制在800到1000像素之间比较舒服。太低了，气势不够；太高了，用户得拼命往下滑才能看到关键信息，转化率绝对掉渣。记住，首屏定生死，别在那儿纠结那几十像素的差距。
还有个坑，很多人忽略像素比。现在都是Retina屏或者高清屏，你在ps里画1像素的线，导出来可能糊成渣。所以，画布分辨率得设成72，但尺寸要是1x的，然后切图或者导出时，让前端用@2x或者@3x的图。或者你直接在ps里把画布尺寸放大两倍，比如宽3840，内容区2400，这样细节更清晰，但操作起来确实费机器，看个人电脑配置吧。
别信什么“必须1440”或者“必须1920”的死规矩。你要看你的目标用户是谁。如果是做B端后台，可能1366就够了，毕竟那是办公场景，窗口不会拉太大。如果是做C端营销页，那必须得大气，1920宽的背景图配上1200宽的内容容器，这才是现在的标配。
另外，栅格系统一定要建好。在ps里，视图-新建参考线版面，设置12列或者16列，边距留足。这样不管屏幕怎么变，你的元素都能对齐。很多新手设计丑，不是因为审美差，是因为对齐没做好，看起来乱糟糟的。
最后说点实在的，别光盯着ps里的画布大小。做完设计，一定要去真机或者不同分辨率的浏览器里看看。有时候在ps里看着完美的间距，放到手机上可能就挤成一团。响应式设计不是靠ps里拉个宽画布就能搞定的，那是前端的事，但作为设计者，你得懂这个逻辑，不然做出来的图根本没法落地。
总之，ps中网站页面做多大的，核心就一句话：内容区1200宽，背景或视觉元素铺满1920宽，高度随内容走，首屏别超过1000。别纠结，先动起来，改比想重要。
本文关键词：ps中网站页面做多大的
