HTML+CSS网页设计与制作_网站设计时ps尺寸

关于PS网页设计尺寸，页设以下是计制计综合整理的标准尺寸及注意事项：

一、主流网页尺寸标准

基础尺寸

宽度：1920px（17英寸显示器标准）

高度：根据内容决定，作网站设常见为600-1080px

分辨率：72像素/英寸（屏幕显示标准）

常见区域划分

顶部导航栏：80-100px

Banner区：500-600px（电商或重点展示区域）

内容区：950-1080px（网页主体）

底部：200-300px（版权信息或导航链接）

二、尺寸特殊场景尺寸

小屏适配

768×612px（15英寸显示器全屏）

800×600下宽度≤778px可避免水平滚动条

多设备兼容

使用响应式设计，页设通过CSS媒体查询调整布局

例如：手机端宽度可设置为750px，计制计平板端1000px

三、作网站设PS操作建议

新建文档

使用“网页”预设（Ctrl+N），尺寸宽度设为1920px，页设分辨率72像素/英寸

通过Ctrl+R显示标尺，计制计按住Shift拖动创建水平/垂直参考线

布局技巧

采用九宫格布局划分区域，作网站设提升视觉美感

使用矩形工具画出区块后，尺寸通过分组和命名管理不同部分

四、页设注意事项

颜色模式

保存为Web所用格式（如JPEG、计制计PNG），作网站设颜色模式设为RGB

文件大小优化

非首页图片建议≤60K，Banner≤14K，避免加载缓慢

浏览器兼容性

测试不同浏览器（如IE6/7、Firefox、Chrome）下的显示效果，调整代码适配

通过以上尺寸规范和操作技巧，可高效完成PS网页设计。