今天跟大家伙儿唠唠我捣鼓的这个“美人鱼之谜官网”的那些事儿。一开始接到这活儿,我心里也是有点犯嘀咕,这玩意儿听着就玄乎,但没办法,甲方爸爸的要求,咱得硬着头皮上!
先是疯狂的网上冲浪,各种搜“美人鱼之谜”,想看看有没有啥能借鉴的。结果,搜出来的不是手游下载,就是啥儿童小游戏,要么就是一些奇奇怪怪的科普视频,感觉没啥直接能用的。不过也算有点收获,起码知道这玩意儿得往神秘、奇幻那个方向靠。
接下来就是定主题色和风格。我寻思着,既然是美人鱼,那肯定得是蓝色、绿色这种海洋的颜色,再加上点blingbling的元素,显得神秘一点。风格方面,我琢磨着要那种有点复古,又有点现代的感觉,毕竟“美人鱼之谜”嘛得有点历史感。
然后就开始吭哧吭哧的做页面。这部分是最费劲的,因为我得把脑子里那些乱七八糟的想法变成实实在在的页面。先是用photoshop切图,然后用html和css把页面结构搭起来。我css水平也就那样,很多效果都是靠百度和google硬凑出来的。
页面搭好之后,就开始往里面填充内容。这部分的内容是甲方爸爸提供的,主要是关于“美人鱼之谜”的一些背景故事、角色介绍、还有一些游戏相关的资料。我做的就是把这些内容排版放到合适的位置。
这中间,我还加了一些小动画和特效,让页面看起来更生动一点。比如说,鼠标滑过某个区域的时候,会有一个水波纹的效果,或者是有一些小星星在闪烁。这些小细节虽然不起眼,但是能让用户觉得更有趣。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
还有就是响应式布局。现在手机用户这么多,网站不做成响应式的,那肯定不行。所以我花了不少时间,把网站做成了能在各种设备上都能正常浏览的样子。
就是测试和优化。我自己仔仔细细的把网站测了好几遍,又找了几个朋友帮忙测试,看看有没有啥bug或者体验不好的地方。然后根据测试结果,又对网站进行了一些优化,比如说,压缩图片大小,优化代码结构,提高加载速度等等。
这个“美人鱼之谜官网”从开始做到上线,真的是费了不少心思。虽然做的过程中遇到了很多问题,但是也学到了很多东西。最重要的是,看到网站上线,用户反馈还不错,心里还是挺有成就感的。