最近手上没啥正经项目,人有点空虚。我那堆C#代码看着就烦,跑得慢,动不动就报错,我寻思着,得找个东西练练手,把这股邪火给散了。

正那天又把《悲劇物語》翻出来看了一遍,脑袋里嗡的一下,为什么没有一个真正能把那股“味道”做出来的官网?都是些花里胡哨的粉丝站,或者干脆就是官方卖碟片的地方。我当时就拍了桌子,说干就干,自己搞一个。

实践的第一个坑:什么都要

我的习惯,一上来就是个大杂烩。我把能找到的素材,从战场原的钉书机到忍野忍的甜甜圈,一股脑全堆进去了。我幻想着一个动画特效满天飞,鼠标点一下能出语音,背景音乐自动循环的超级站点。

  • 找了一堆

    JavaScript

    小编温馨提醒:本站只提供游戏介绍,下载游戏请前往89游戏主站,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

    的特效库,想着怎么让文字像动画里那样,唰的一下闪出来。

  • 颜色调色板我直接全用上了,八九寺的亮黄、神原的深蓝、千石的粉。结果?整个页面像个马戏团,眼花缭乱,根本看不清正文。
  • 布局搞得一团糟。我想模仿那个标志性的“斜切”风格,但一到手机屏幕上看,整个画面就崩了,文字压着图片,图片又跑到边框外面去了。

搞了两天,越看越像十年前的那种个人主页,土得掉渣。我当时就放弃了,心里骂了一句,这TM不是我想要的“悲劇”风,这简直是“喜剧”风。

拨乱反正:还原极简主义

我马上就把硬盘里的东西全删了,重新开始。这回我强制自己只用两样东西:最原始的HTML和最基本的CSS。

我决定回归原点,就看小说封面。那感觉是就是黑、白、红,还有大片留白,文字是重点,人物只是点缀。我给自己立了三个规矩:

  • 主体背景必须是纯黑,或者说,接近纯黑的木炭色。
  • 字体必须是干净、锐利的衬线体。我甚至花了好大力气,找了个跟动画片里提示卡差不多的字体,通过CSS把它硬塞进了页面,保证所有人都能看到。
  • 图片只用

    Key Visual

    ,并且全部做成黑白灰调,除非是介绍特定人物,才放彩色的。

这个过程才是真的折磨人。为了让首页那几行关键信息对齐得像个艺术品,我光是

CSS Flexbox

那几个参数就来回磨蹭了四个多小时。有时候差一个像素,我就能感觉到强迫症在发作,得改回来。

为什么是《悲劇物語》?

你们可能觉得我神经病,搞个官网费这么大劲。这事儿得从我刚失业那会儿说起。

那时候我被原来那公司裁了,理由特奇葩,说我“工作态度消极”。我当时就懵了,天天加班到深夜,哪门子的消极?那段时间,整个人沉到谷底,不知道该干每天就在出租屋里呆坐着。我就是在那时候把《悲劇物語》从小说的第一本一直看到动画的一集。

我发现,这部作品牛逼就牛逼在,它讲的不是故事本身,它讲的是人是怎么跟自己的“怪异”和解的。它那些大量的对话和留白,给了我喘息的机会。我做这个官网,用这种极简、干净、甚至有点冰冷的风格,就是想还原那种感觉:世界很复杂很喧嚣,但我可以在这个网站里,找到一块安静、纯粹的地方。

现在这个成品,虽然代码粗糙,布局也可能还有小毛病,但我一打开它,那股熟悉的、孤独又清醒的“悲劇”味儿就出来了。它是我那段灰色日子的一个实践就是这样,不一定非要做出多牛逼的东西,重要的是,你从中找到了自己的出口。

免责声明:喜欢请购买正版授权并合法使用,此软件只适用于测试试用版本。来源于转载自各大媒体和网络。 此仅供爱好者测试及研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担!我方将不承担任何法律及连带责任。 对使用本测试版本后产生的任何不良影响,我方不承担任何法律及连带责任。 请自觉于下载后24小时内删除。如果喜欢本游戏,请购买正版授权并合法使用。 本站内容侵犯了原著者的合法权益,可联系我们进行处理。