决定要干这个事儿
我最近真是闲得发慌，总得找点事情给自己折腾折腾。前几天跟一个搞独立游戏的朋友聊天，他们那个叫《謎塔魔女》的小游戏快上线了，但官网就一个简陋的页面，丑得我看了直皱眉头。朋友说：“老哥你不是最爱瞎鼓捣这些东西吗？要不你帮我们搞个官网？”
我一听，来了兴趣。我这个人就这样，技术活不接，但这种需要自己从零开始设计，再一点点敲出来的“美术兼职”，我特别喜欢。说干就干，我立马就答应了。
我没用那些花里胡哨的框架，搞一个官网，用不着什么ReactVue，太重了。我的想法就是：纯粹的静态页面，越快越越稳越
第一步就是定基调。这游戏叫“謎塔魔女”，听名字就知道，得是那种黑乎乎、带着点神秘感的。我直接在网上扒拉了一堆参考图，找那种欧式古堡的感觉，主要配色定在了深紫、墨黑和一点点血红。这个阶段花了我差不多一个上午，主要是把我脑子里的感觉具象化，用笔随便画了几个草图。
搭建过程中的那些糟心事
定完草图，就开始动手。我这个人有个坏习惯，非得在不熟悉的环境里折腾。这回我决定用一个新的轻量级编辑器，结果这个破玩意儿的智能提示做得稀烂，我光是调个基本的CSS路径就反复报错。
我以前都是习惯用Dreamweaver那种所见即所得的工具，现在非要跟潮流，用纯代码写，搞得我脑子嗡嗡响。特别是我想做那个视差滚动效果（就是背景图动的比内容慢），找了半天的代码片段，结果复制粘贴过来，页面直接错位了。
我记得特别清楚，那天是周六，本来想赶紧弄完陪我儿子玩乐高，结果因为这个破视差效果，我从中午十二点一直搞到下午四点，一气之下，我把那个效果删了，决定用最简单的渐入渐出动画代替。有时候，简单粗暴才是王道，不要老想着炫技。
布局和内容，我可真费劲
接下来是痛苦的内容填充环节。我把官网分成了几个大区：
- 顶部导航区：放Logo，放那几个主要链接，必须用古老的哥特字体（虽然我用了一个看起来像哥特的免费字体）。
- 游戏简介区：一段故事背景，介绍魔女和高塔。
- 核心玩法展示：放几张截图，主要是介绍战斗和解谜。
- 预告片：一个巨大的播放器占位符，等朋友把视频给我。
- 新闻/更新日志。
朋友给我的那些游戏截图，光线太暗，而且尺寸五花八门。我得一张张用PS给它们统一裁剪，再加点老旧的纹理滤镜，让它们看起来像从一本古书里挖出来的一样。这个过程，那叫一个费眼睛。
最让人抓狂的是文字排版。我试着用了几种花哨的字体，结果中文显示出来要么很奇怪，要么就是用户电脑里根本没有这个字体，只能回退到黑体。我妥协了，所有正文内容都用了最朴素的微软雅黑，但是在标题那里，用了一个很重的宋体加粗，这才勉强有了那种“神秘”的味道。
最终搞定，感觉还行
大概花了四天晚上和两个白天，这个官网算是跑起来了。我没花钱买服务器，直接找了个免费的静态托管服务，把代码一扔，域名一指，完美。这个域名是我自己出钱买的，就当是送给朋友的贺礼了。
做完这个项目，我才发现自己已经好久没这么踏踏实实地从头到尾敲一遍代码了。现在工作上都是些管理和协调的事情，基本不碰具体业务了。
我为什么这么积极地帮朋友弄这个官网？说起来有点丢人，我前段时间在老家待着，因为家里亲戚开了个小餐馆，让我过去帮忙看账，结果我发现那账本乱得跟麻绳一样，各种漏洞。我帮着他把账目理清，顺便教他用简单的表格管理进出货。结果餐馆那边生意好了，亲戚就觉得我抢了他风头，天天给我脸色看，话里话外就是嫌我碍事。
我一气之下，卷铺盖回家了。回到家，看着电脑，心里堵得慌，正好朋友提了这事，我就一股脑扎进去了。做网站比看人脸色舒服多了。 至少代码不会骗我，我写错了它就报错，改对了它就运行，简单明了，哪像人际关系那么复杂。
现在这个官网放上去，虽然有些地方我看着还是有点糙，但是朋友那边满意得不得了，说完全是他们想要的那种感觉。他们还非要给我打钱，我没要，就说让他们请我喝几顿酒就行了。能把自己的想法变成一个能用的东西，对我来说，比那点钱值当多了。
下次我准备分享一下我是怎么用一个简单的表格系统，把那个餐馆的账目梳理得清清楚楚的，虽然被排挤了，但那套方法还是挺好用的。