我决定搞这个吸血鬼大厦官网，纯属是闲得蛋疼找事干。前阵子看了一部老电影，里面那个古堡老得掉渣，但看着特别有感觉，我就突然琢磨，要是这古堡真搞个官方网站，它能长啥样？总不能是那种五颜六色的Bootstrap模板？那不成了鬼城卖房了。
确定基调与配色
我立马就着手干了。定了个调子：要黑，要压抑，但不能是那种廉价的黑。背景必须是纯的#000000，连一丝灰色都不要。然后字体和装饰线，我选的是深酒红和一种接近白骨的灰白，得把那种古老和死亡的气息搞出来。
第一步我就遇到了麻烦，配色是定下来了，但我对前端的CSS一直没啥好感，总觉得它跟我作对。我想要那种对称、庄重的布局，就像哥特式建筑的窗户一样，结果我用Flexbox怎么调，它就是不正，总是偏那么一两个像素，看得我眼睛都花了。
实现过程中的烦躁与回想
我脾气本来就不搞了半小时没搞定，差点把键盘给砸了。这让我瞬间回想起了我那段在小公司做项目经理的狗屁日子。
那时候公司接了个巨复杂的内部管理系统，客户要求用一种八百年前的框架。我跟团队硬着头皮写了半年，改了无数次需求。代码写得那叫一个烂，Bug像地里的韭菜一样割了一茬又长一茬。最要命的是，我们老大根本不懂技术，整天就知道催，开会就是“进度，进度，进度”。
结果项目快上线了，客户突然说，他们高层换人了，新的高层觉得我们做的东西“不够未来”，直接把项目给停了，我们半年的努力全泡汤了。我们团队里一个刚毕业的小伙子，气得当场就说要辞职。
那个事儿让我明白了，有时候你花多大劲去“完善”一个东西，可能还不如一开始就把它定死，定成你心里最舒服的样子。管他客户怎么看，管他潮流怎么走。
回归实践与最终定型
这回的“吸血鬼大厦官网”，我就决定一撸到底，完全按我的想法来，不去管什么响应式设计，不去管什么用户体验，就是要那个味儿。
我直接放弃了那些复杂框架，纯手写。
- 用了最简单的HMTL结构，像目录一样清晰。
- 所有的图片都做了旧化处理，带着点噪点和血迹。
- 字体选了衬线体，显得尖锐而古典。
- 没用任何复杂的JS动画，最多就是鼠标悬停时，字体颜色会从深红变成亮红，做出那么一点点“苏醒”的感觉。
我甚至专门找了一张特别阴沉的夜空图，裁切成了最上面Banner的背景，然后用CSS的filter功能，把它又压暗了百分之五十。部署上去后，我用手机看了一眼，虽然布局很原始，功能更是几乎没有，但那种阴森、肃穆的感觉是真出来了。
整个过程，从拍脑袋到实现，前前后后花了大概五个小时。过程虽然磕磕绊绊，各种排版问题看得人脑仁疼，但最终看到那个纯粹的暗黑页面静静地挂在那里，心里还是挺踏实的。毕竟这回是为了自己爽。