今天跟大家唠唠我做《高塔之城的莉兹》游戏官网这事儿，纯属个人摸索，大神勿喷哈！
一开始接到这个活儿，有点懵。游戏官网，以前没咋碰过。但是！咱也不能怂，硬着头皮上！
分析需求。甲方爸爸（游戏公司）要他们想让玩家在官网看到游戏特色、剧情介绍、角色展示、下载链接、最新活动…… 捋了一遍，心里大概有数了。
然后，找参考。去各大游戏网站溜达了一圈，看看人家是怎么做的。特别是类似风格的游戏官网，重点研究了下。学到了不少，比如：
- 色彩搭配要符合游戏风格
- 排版要简洁明了，突出重点
- 多用游戏素材，增强代入感
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
选技术。前端这块，我比较熟练的是HTML、CSS、JavaScript。框架嘛*用得比较多。这回也打算用*来搭建。后端嘛暂时没啥需求，静态页面就够了。
OK，万事俱备，开始动手！
1. 搭框架。用Vue CLI快速生成项目框架，省时省力。基本的目录结构、Webpack配置都搞定了。
2. 写页面。首页是重头戏，花了最多时间。banner图、游戏介绍、角色展示、下载链接…… 一块一块地往上堆。CSS样式慢慢调，力求美观大方。
3. 加特效。光有静态页面可不行，得有点动效才吸引人。用CSS3写了一些简单的动画，比如：鼠标悬停时的放大效果、图片轮播等等。
4. 做适配。移动端用户也不少，所以响应式布局是必须的。用Media Queries针对不同屏幕尺寸做了适配，保证在手机和平板上也能正常浏览。
5. 测Bug。自己测，同事测，找朋友测…… 各种姿势的测试。发现了不少问题，及时修复。比如：图片加载慢、页面错位等等。
6. 抠细节。像素级调整，力求完美。字体大小、行间距、颜色…… 一点一点地抠。甲方爸爸提的意见，也认真修改。
上线！把代码部署到服务器上，域名解析一下，OK，搞定！
总结一下
这回做《高塔之城的莉兹》游戏官网，虽然累，但是学到了很多。特别是对游戏官网的设计和开发流程，有了更深入的了解。也体会到了像素级调整的痛苦和快乐。以后再接到类似的需求，心里就有底了。
这个官网还有很多可以改进的地方。比如：可以加入用户评论功能、增加更多互动元素等等。以后有机会再慢慢完善！
