今天正好给客户改版官网，顺手把PS优化页面的土方法捋一遍。咱不整虚的，就从新建画布开始唠。

第一步：先当裁缝分布料

刚打开PS那会儿我也犯蠢，直接怼着导航栏画图标。现在学精了：把大白画布当块布，咔嚓几刀先分区域。

• 抄起矩形工具拉个顶天通栏当导航区，填个浅灰打底
• banner区域直接用参考线定死宽1200像素，左右留白
• 内容区划成三块豆腐干，按住Alt键拖动复制，间距统一定60像素

分完发现整个页面骨架跟搭积木似的，后面塞图片文字再也不跑偏了。

第二步：治治强迫症的配色

以前做图跟开染坊似的，现在严格执行“三色原则”：

• 主色挑了个藏青（#1A365D），用在导航和按钮上
• 辅色是奶白色（#F8F9FA）铺底，眼睛不累
• 点缀色用警告红（#D63230）突出折扣标签

吸管工具焊死在手边，看到字色不统一就吸主色。重点来了！把这三个色存成“色板组合”，后面做详情页直接调用，客户夸我风格统一。

第三步：给图层上户口本

吃过最惨的亏是改版时找不到按钮图层。现在新建组就跟开档案柜似的：

• 建个“头部”文件夹，把导航Logo、菜单按钮全塞进去
• banner图底下藏个文字组，智能对象转成模板（右键点图层选“转智能对象”）
• 产品展示区每组设父子级，图标带文字的分组打包

切图时笑出声：导出素材直接选组，自动生成“头部_菜单.png”这种规整名字，前端小哥终于没拎刀找我。

看成果页：加载快了两秒（客户原话是“不卡了”），关键信息一眼逮住。要我说优化本质就仨字——别瞎忙！先规划再动手，比事后返工强十倍。