今天我就说说自己搞的这个电商网站首页设计，整个过程可真是费劲。我闲着没事刷抖音，看着一堆购物APP，心想“咱们也试试自己设计一个”，反正闲着也是闲着。

第一步：琢磨想咋整

我先蹲在电脑前，打开浏览器乱翻一堆电商网站，看人家咋排的图片和字儿。看完就傻眼了，啥大图小图混在一块，看得眼花缭乱。然后我掏出本子随便画草图，左边整块大图放商品，右边塞点小按钮啥的。画半天也没满意，干脆跑去厨房泡杯茶喘口气。回来再接着想，觉得得简单点，别整太花里胡哨，就一个主题图放顶上，底下搞几排推荐。

第二步：动手画样子

接着我就开了那破烂电脑软件，点来点去拖图块儿。一上来卡壳了，布局总歪歪扭扭，左边空了一块右边挤爆了。气死我了，跑去翻微信找朋友问，人家说“你试试先分区域，别一股脑全塞”。回头我就学乖了，拆成三块：头部顶图、中间分类区、底下商品列表。每块用色块分开，慢慢调大小调位置。中间折腾了快俩小时，手指头都敲麻了，总算凑合像个样子。

• 搞顶图：拖个大图放最上面，加几个字说卖点
• 弄分类：用格子排四五个按钮，标的衣服鞋子啥的
• 列商品：底下堆三排小图配价格，点开能看详情

第三步：修修补补弄细节

画完图没完，我赶紧敲代码往里塞东西。一运行又出毛病，手机上看图太小字糊了，气得我想砸鼠标。找原因才发现电脑尺寸太大，手机缩水太厉害。于是又折腾响应式，把页面改成不同屏幕都能铺满。这步最烦人，蹲在桌前改代码调参数，反复试了几十次。结果还是丑，图片颜色太刺眼，我又去抠图软件调淡点，颜色舒服多了。临睡前我点了发布按钮，结果系统崩了半秒，幸好重启完恢复正常。

搞定了

忙活了一整天，总算鼓捣出来了。打开页面一看，商品排得整整齐齐，点啥都能跳转。我就琢磨着为啥费这么大劲——还不是上周剁手买了个二手投影仪，结果快递慢了几天。那会儿闲着无聊才折腾这个，纯属发泄。电商首页这玩意儿就是图个顺眼好用，别整太复杂。坐那儿喝茶时，老婆走过来笑我说“你捣鼓半天不挣钱还亏电费”，我就乐了。以后再也不瞎折腾了，老老实实刷购物APP省心。