今天跟大伙聊聊我做UI网页设计的那点事儿。说起来挺逗的，上周接了个小公司的单子，老板开口就要"高端大气上档次"的官网，结果预算就够吃三顿火锅的钱。
一、准备工作
我照例先开纸笔瞎划拉。先想清楚几个事:这家公司干嘛的(卖有机肥料的)，用户是谁(种菜大爷和大妈)，老板最想突出啥(肥料不长虫)。结果老板微信发来20多个竞品网站，个个花里胡哨跟夜店似的。
主要工具用的就三样:
- 画线框用铅笔草稿纸
- 配色直接偷大自然照片
- 电脑上装了个破解版设计软件
二、踩坑全记录
刚开始脑子抽风，整了个深蓝配亮橙的首页。发给种地的王大爷看，人家回语音:"闺女，这颜色刺得我老花眼疼"。
导航栏设计更要命:
- 第一版按老板要求堆了8个菜单
- 第二版参考大厂缩成5个
- 定稿就3个：肥料介绍/购买/联系方式
最搞笑是产品展示页。本来想学苹果官网搞极简风，结果老板说："空这么大块地不如放张我戴草帽施肥的艺术照"。
三、动手实操
真正动手分了三步走：
1.画框架 跟搭积木似的，拿灰方块代表图片，黑条当文字区。重点把"立即购买"按钮挪了七八回，粘在屏幕右下角——王大爷说这样他右手拿鼠标刚好够得着。
2.填颜色 跑到菜市场偷拍二十张蔬菜照片，用吸管工具扒拉出泥土褐、菜叶绿、番茄红当主色调。字全部用炭黑色，省得大爷大妈眯着眼瞅。
3.调细节 字体放大到老板直喊"太浪费版面"，按钮做成圆角带阴影，鼠标移上去还会鼓起来。最费劲的是产品图裁剪，硬把老板啤酒肚P成了腹肌轮廓。
四、交作业现场
演示时电脑突然蓝屏，急得我满头汗。举着手机给老板看截图，他盯着自己P过的腹肌照直乐呵："这是我二十年前的身材？"
改到第八稿才过关，主要变动是：把英文slogan换成"肥料实在 种菜不赖"八个大字，客服窗口加了抖动特效——老板说这样像"活人在招手"。
折腾完最大的感悟：做网页设计就像炒菜，用户说咸你说淡，端上桌的永远是妥协版。下回再接单得先问清楚，到底伺候的是甲方还是王大爷。
