最近不是闲下来了嘛就又把那个SOA,就是《亚洲之子》这游戏翻出来耍了耍。玩着玩着我就在想,这游戏要是出个续集,那官网不得搞得像模像样的?正好手痒,就想着自己动手,丰衣足食,也算是个实践练习了。
一开始我先没急着动手,脑子里先过了几遍。一个游戏官网嘛基本那几个模块是少不了的。首页肯定得有个酷炫的入口,放点游戏的大背景介绍啥的。然后得有新闻动态,放点“续作开发进度”、“新角色爆料”之类的假消息,嘿游戏特色也得吹一吹,比如续集里会有啥新玩法,新剧情走向。角色介绍这块儿,老的角色肯定要回顾一下,新的角色也得留点悬念。再来个媒体中心,放点假想的截图、壁纸、宣传片啥的。么,整个“社区互动”或者“预购”的按钮,虽然都是假的,但样子得做足嘛
想好大概要放啥了,我就开始扒拉素材。这SOA续集毕竟是我想象的,所以很多东西都得自己造。我先是把原版游戏里的截图、一些官方宣传图都收集了一下。然后,就去网上找了些感觉比较符合SOA风格的图片,比如一些都市夜景,或者是一些动漫风格的人物素材,想着能不能P图合成点新东西出来。这一步挺费神的,因为要找那种既符合原版调调,又能体现出“续集”新感觉的素材,不容易。
素材准备得七七八八了,我就开始动手搭网站的架子了。我没从头开始写代码,那太费劲了。我就直接找了个以前存的单页网站的HTML模板,那种结构比较清晰,改起来也方便。主要就是HTML和CSS那套东西。先把大概的区块用`
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
框架搭好了,就开始往里面塞具体内容了。这部分就是细活儿了。
比如“新闻动态”,我就自己编了几条:
“游戏特色”那块儿,我就吹呗,什么“更深度的剧情抉择”、“全新的城市区域探索”、“更多可攻略角色”等等。角色介绍嘛就把原版几个主要角色的图片和简介放上去,然后留几个“???”的新角色位置,放点神秘的剪影图。
媒体中心就简单了,放几张原版游戏的截图,再自己P几张“续作概念图”,假装是泄露出来的。我还特意把图片的色调调得比较统一,让整个网站看起来风格一致。
样式的调整主要就是用CSS了。字体选了个看着比较舒服的,颜色搭配也尽量参考了一些大厂游戏官网的风格,不能太花里胡哨,也不能太沉闷。按钮的悬停效果,图片的排版,都细细调整了一下。尤其是图片的响应式处理,让它在不同大小的屏幕上都能看,这个捣鼓了半天。
所有内容都填得差不多了,样式也调得自己比较满意了,我就整体预览了一下。从头到尾点点看,检查有没有啥链接错了,图片没显示出来,或者排版乱掉的地方。虽然知道这只是个自己练手的玩意儿,但还是想尽量做得像那么回事。
搞完,看着自己弄出来的这个“SOA续集游戏官网”,虽然简陋,但五脏俱全,还真有点小小的成就感。整个过程下来,对网站搭建的流程又熟悉了一遍,也算是没白折腾。主要就是图一乐,顺便练练手嘛嘿