从零开始捣鼓网站设计

前阵子老板突然甩过来个活儿，让我负责给新项目弄个官网。我心想不就整个网页嘛随便搞搞得了。结果打开设计软件就懵了——这玩意儿从哪儿下手？查了一堆资料发现全是虚的，硬着头皮按自己憋出来的五个步骤开搞。

第一步：先想明白说人话

老板丢给我就一句“要高大上”，气得我午饭都没吃下午直接拽着他问：

• 到底想让谁来看？ 老板掰着手指头说学生、家长、投资人…
• 看完了想让他们干 他总算憋出句“报课或者打电话”
• 最该显摆啥内容？ 拍板说是师资和价格表

拿小本本全记下来才感觉有点底了，这步没整明白后面全白干。

第二步：破纸比电脑管用

抄起打印纸就开始瞎画，管他啥透视比例：

• 先把手机版画出来 屏幕就那么点大，标题下面塞价格表，最底下怼个报名按钮
• 电脑版加戏份 右边空地方塞老师照片，左边补段吹牛文案
• 用箭头瞎连 画个箭头从价格表戳到报名按钮，省得用户找不着北

画废七张纸终于能看懂了，这破草稿后来救了命——电脑死机三次图都没丢！

第三步：颜色差点把我整瞎

配色这事儿是真要命：

• 偷看同行被亮瞎眼 满屏荧光黄配亮蓝，看得我眼睛疼
• 自己折腾更惨 试过紫色配橘红，同事说像茄子和西红柿打架
• 怂了用工具 找了个在线配色器锁定蓝灰色，加个亮橙当按钮

老板看到橙按钮直叫唤“不够骚”，被我怼回去：你行你上！

第四步：素材凑得想吐血

这步最坑爹：

• 拍老师照全员面瘫 摄影师喊“笑一个”，结果拍出来跟集体讨债似的
• 图标找得眼冒金星 下三十个图标包才凑出能用的铅笔和电话
• 文案改到想撞墙 老板非要加“赋能”“生态”这种鬼词，全让我偷偷删了

最绝是找主图，翻到半夜三点发现免费图库里有张小孩托着纸飞机的，赶紧截下来用。

第五步：上线前乱成一锅粥

扔给开发那边立刻炸锅：

• 手机版出幺蛾子 按钮在苹果机跑到屏幕外，安卓直接消失
• 加载慢得能煮面 老板的大头照没压缩，3M的图愣是传上去了
• 跟程序员吵三回 他说特效实现不了，我拍桌子喊“那就换别的！”

砍掉动态背景才勉强上线，测试时发现报名表忘了加联系方式栏位…连夜打补丁。

搞完才懂的事

现在看成品也就及格水平，但摸爬滚打总结出几条：先问清目标再动手，草图画明白省一半事，配色别硬刚用工具，素材提前屯别临时抓瞎，测试往死里测。对，还有最重要一条——千万别让老板自己选颜色！这破网站刚上线两周，老板看着人家动画特效又馋了，说想改版...我赶紧把第一次画的草稿拍他桌上：要不咱重头再来？