最近手上没啥正经项目,人有点空虚。我那堆C#代码看着就烦,跑得慢,动不动就报错,我寻思着,得找个东西练练手,把这股邪火给散了。
正那天又把《悲劇物語》翻出来看了一遍,脑袋里嗡的一下,为什么没有一个真正能把那股“味道”做出来的官网?都是些花里胡哨的粉丝站,或者干脆就是官方卖碟片的地方。我当时就拍了桌子,说干就干,自己搞一个。
实践的第一个坑:什么都要
我的习惯,一上来就是个大杂烩。我把能找到的素材,从战场原的钉书机到忍野忍的甜甜圈,一股脑全堆进去了。我幻想着一个动画特效满天飞,鼠标点一下能出语音,背景音乐自动循环的超级站点。
- 找了一堆
JavaScript
小编温馨提醒:本站只提供游戏介绍,下载游戏请前往89游戏主站,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
的特效库,想着怎么让文字像动画里那样,唰的一下闪出来。
- 颜色调色板我直接全用上了,八九寺的亮黄、神原的深蓝、千石的粉。结果?整个页面像个马戏团,眼花缭乱,根本看不清正文。
- 布局搞得一团糟。我想模仿那个标志性的“斜切”风格,但一到手机屏幕上看,整个画面就崩了,文字压着图片,图片又跑到边框外面去了。
搞了两天,越看越像十年前的那种个人主页,土得掉渣。我当时就放弃了,心里骂了一句,这TM不是我想要的“悲劇”风,这简直是“喜剧”风。
拨乱反正:还原极简主义
我马上就把硬盘里的东西全删了,重新开始。这回我强制自己只用两样东西:最原始的HTML和最基本的CSS。
我决定回归原点,就看小说封面。那感觉是就是黑、白、红,还有大片留白,文字是重点,人物只是点缀。我给自己立了三个规矩:
- 主体背景必须是纯黑,或者说,接近纯黑的木炭色。
- 字体必须是干净、锐利的衬线体。我甚至花了好大力气,找了个跟动画片里提示卡差不多的字体,通过CSS把它硬塞进了页面,保证所有人都能看到。
- 图片只用
Key Visual
,并且全部做成黑白灰调,除非是介绍特定人物,才放彩色的。
这个过程才是真的折磨人。为了让首页那几行关键信息对齐得像个艺术品,我光是
CSS Flexbox
那几个参数就来回磨蹭了四个多小时。有时候差一个像素,我就能感觉到强迫症在发作,得改回来。
为什么是《悲劇物語》?
你们可能觉得我神经病,搞个官网费这么大劲。这事儿得从我刚失业那会儿说起。
那时候我被原来那公司裁了,理由特奇葩,说我“工作态度消极”。我当时就懵了,天天加班到深夜,哪门子的消极?那段时间,整个人沉到谷底,不知道该干每天就在出租屋里呆坐着。我就是在那时候把《悲劇物語》从小说的第一本一直看到动画的一集。
我发现,这部作品牛逼就牛逼在,它讲的不是故事本身,它讲的是人是怎么跟自己的“怪异”和解的。它那些大量的对话和留白,给了我喘息的机会。我做这个官网,用这种极简、干净、甚至有点冰冷的风格,就是想还原那种感觉:世界很复杂很喧嚣,但我可以在这个网站里,找到一块安静、纯粹的地方。
现在这个成品,虽然代码粗糙,布局也可能还有小毛病,但我一打开它,那股熟悉的、孤独又清醒的“悲劇”味儿就出来了。它是我那段灰色日子的一个实践就是这样,不一定非要做出多牛逼的东西,重要的是,你从中找到了自己的出口。

