一旦心里装了事儿,就得立马把它倒腾出来。这个《白色女神与亡者之都》的官网,就是我那段时间在家闲得发慌,又跟前同事较劲的产物。
那孙子总说我只会搞那些老掉牙的静态页,说现在不玩框架做不出好东西。我一听就火了,老子偏不用!就用最原始的招式,给他砸一个出来看看。
下定决心,抄起家伙
说动手就动手。我翻箱倒柜,把我十年前存着的那个HTML模板给拽了出来。那模板,骨架还在,但上面全是灰。我花了整整一个下午,才把那些乱七八糟的CSS样式给清理干净,连带着把老旧的兼容性问题给扒了一层皮。
我抓耳挠腮,不知道从哪儿下手毕竟“白色女神”和“亡者之都”这俩概念,光听着就一个天上一个地下,颜色风格完全拧巴。要怎么把纯洁的白和死寂的黑给揉一块儿,不让它看着像个灵堂或者婚庆公司,这着实费了我不少脑筋。
- 我跑去扒拉了一堆参考图,锁定了几个带点灰调子的主色,确保不会太刺眼。
- 我把所有图片素材都拖进了PS里,疯狂地做了黑白和高对比度处理,只保留了少量的冷色调蓝光或紫光,用来勾勒出“神性”与“死亡”的边界。
- 然后,我动手开始写最基础的布局文件,这回我只用了Flexbox,没用Grid,主要是图个简单粗暴,快速撑起整个框架。
小编温馨提醒:本站只提供游戏介绍,下载游戏请前往89游戏主站,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
跟样式代码死磕到底
那几天,我基本上就是跟CSS耗着了。布局倒是快,但细节上简直是魔鬼。特别是那个导航栏,我想要它在鼠标滑过去的时候,能有那种从白色过渡到深灰的微弱荧光感。我试了不下十种颜色渐变,改来改去,改得我眼都快花了。家里那口子看我对着屏幕抓狂,直接把零食袋子塞我手里,让我先歇会儿。
我把文本全部都处理成了细长且禁欲系的衬线字体,模仿那些古老的碑文。每个 section 之间的间隔,我刻意拉得很开,留出大片的空白,让整个页面显得空旷而肃穆,一下子就有了那股子“亡者之都”的清冷味儿。
3捣鼓出来,我自己都觉得挺像回事儿。页面跑得飞快,纯净又简洁。我截图,大大方方地发给了那个前同事。他回了句:“老家伙,你还真能折腾。”
你看,我费劲巴拉地弄了这么个网站,不是为了证明哪个技术更牛,就是为了出一口气,证明我这老胳膊老腿还能折腾,不用什么花架子,照样能把活儿干漂亮。这网站我给自己留着,时不时地打开瞅瞅,就是我那段跟自己较劲日子的一个记录,挺值的。

