前几天接手个活儿，帮楼下王哥的土特产店搞首页设计。老哥甩给我一句“要喜庆热闹”，就啥也不管了，留我对着空白的PS文档干瞪眼。琢磨半天，干脆把这回折腾过程记下来，指不定谁用得上。
一、打开PS第一步先干定调子！
王哥说了喜庆，那总不能整个黑白灰？我寻思土特产嘛得有点烟火气。直接开了个1920x900的画布——这是大部分电脑屏幕能显示完的大小。
翻出手机里拍的酸菜缸、腊肉架照片，吸管工具咔咔一顿吸：酸菜坛子的红布盖子色值#c12c2f，腊肉油光色值#e8b05d。好家伙，这俩颜色放一起差点晃瞎眼！干脆拿官方配色工具拉了个邻近色，主色调压成枣红色#a82828，再配上米白#fff9e5打底，总算顺眼多了。
二、第二招：拼积木式布局
这时候对着空画布还是发怵！想起之前存过个笨办法：用矩形工具当积木块，先大概拼个结构：
- 顶上横着拉一条120px高的红条——导航栏位置
- 中间咔地切出个760px高的大矩形——海报轮播区
- 下边左右各画两个方框——左边480px宽放爆款产品，右边390px塞活动通知
- 底下再铺一排矮方框——放顾客评价截图
挪矩形块的时候按住Alt键复制，跟玩俄罗斯方块似的调了半小时间距。重点是把二维码和电话塞进导航栏右端——王哥说了，打电话下单的顾客占七成。
三、第三招：土味素材大乱炖
最头疼的来了！王哥发来的产品图全是背景杂乱的手机直拍。心一横，直接上“简单粗暴三件套”：
- 产品图统一加白底：钢笔工具抠图？不存在的！用魔术橡皮擦点掉杂背景，边缘毛刺干脆不管，大小缩到200x200px堆一起
- 文字噱头要够大：导航栏菜单用24号微软雅黑加粗，轮播海报标题直接上72号华康俪金黑！红底黄字够醒目？结果被王嫂吐槽像菜市场促销牌
- 装饰元素全靠手画：用椭圆工具画几个黄色圆形当价格标签，用直线工具画五毛特效的分隔线
把王哥的微信收款码怼在右下角——随时要扫码付钱才是正经事！
结果比预想还魔幻
交稿那天王哥瞅着PS里红黄交织的首页直咧嘴：“这...是不是太花了？”谁知挂上网第三天，他打电话来说微信消息爆了，十几个大妈问酸菜坛子买三送一是不是真的。果然接地气的设计才最抓眼球！要是谁正在弄店铺首页，记住这三步：定颜色、搭架子、塞内容，别管好不好看，先让人看得清重点！
