做网站的一般尺寸
我在这行摸爬滚打十五年了，见过太多老板一上来就问：“给我做个网站，要多大？”这问题问得挺逗，就像去裁缝店做衣服，不说身材，先问布要买几米。其实啊，做网站的一般尺寸早就不是当年那种死板的像素规定了。
回想2010年前后，那时候显示器普遍还是1024x768，我们做设计得小心翼翼，生怕内容溢出。现在呢？手机屏幕五花八门，从4寸小屏到6.7寸大屏，还有各种比例的笔记本。如果你还拿着尺子去量像素，那只能说明你还停留在上个世纪。
我有个老客户，做传统机械加工的。去年找我改版，坚持要做一个宽屏的首页，觉得那样显得大气。结果上线后，后台数据显示，移动端跳出率高达85%。为啥？因为他在电脑上看着爽，但在手机上，用户得左右滑动才能看完一个产品，谁有那耐心？后来我给他改了方案，采用响应式设计，核心内容区控制在1200像素以内，两边留白。改完后，移动端停留时间增加了30%，询盘量反而涨了。
这就是教训。做网站的一般尺寸，核心不在于“宽”，而在于“适配”。
现在主流的桌面端视口宽度，通常建议内容区在1200px到1400px之间。为什么是这个数？因为大多数人的笔记本屏幕有效宽度也就这个范围，再宽了，两边全是空白，显得内容稀疏，用户看着累。当然，如果你做的是那种视觉冲击力极强的品牌官网，全屏大图是可以的，但文字内容一定要能自动换行，不能固定死宽度。
再说移动端。千万别再搞什么“手机版”和“电脑版”两个独立域名了，那是老黄历了。现在的标准做法是响应式布局。手机端的内容宽度，基本就是屏幕宽度的100%。但要注意，字体不能太小，按钮不能太密。我测试过，如果按钮高度小于44px，手指粗点的用户很容易误触，体验极差。
很多新人设计师喜欢追求极致的对称，左边导航右边内容，中间留白。但在实际业务中，这种布局往往效率低下。根据我经手的几百个企业站数据，用户浏览网页的路径通常是“F型”或“Z型”。首屏最关键的信息，比如你的核心业务、联系电话、案例展示，必须放在用户第一眼能扫到的地方，也就是屏幕上方三分之一处。至于侧边栏，除非你是新闻门户，否则企业站真的不需要。它只会分散用户的注意力，增加加载时间。
还有一点容易被忽视，就是图片尺寸。很多客户喜欢直接上传原图，觉得清晰度高好。大错特错！一张未经压缩的4K图片，加载速度可能要好几秒。在4G甚至5G时代，用户耐心只有3秒。如果网站加载超过3秒，一半的用户就跑了。所以，做网站的一般尺寸，也包括图片的优化尺寸。建议WebP格式，宽度控制在1920px以内，大小压缩到200KB以下。
我也遇到过那种非要搞“自适应”却搞成“自残”的。比如把导航栏做得特别长，滚动起来没完没了。记住，导航是辅助，不是主角。一般企业站，主导航5-7个栏目足够了，再多就是冗余。
总结一下，别纠结于具体的像素值。你要关注的是内容在不同设备上的可读性和易用性。桌面端内容区1200px左右，移动端全屏适配，图片压缩到位，加载速度快。这才是正经事。
我见过太多网站，设计得花里胡哨，结果老板自己用手机打开都看不清字。这种网站，除了好看，一无是处。做网站的一般尺寸，最终服务于你的业务目标。如果你的目标是获客，那就把转化按钮做大、做显眼；如果你的目标是品牌展示，那就把视觉重心放在核心海报上。
别被那些标准化的模板骗了。每个行业、每个公司的需求都不一样。多看看后台数据，多听听用户的反馈，比死磕像素点有用得多。毕竟，网站是给人看的，不是给机器跑的。希望这些大实话，能帮你少走点弯路。
