今天跟大家伙儿聊聊我搞的这个《爱与诱惑》第一季EP5的游戏官网，纯纯个人实践，踩了不少坑，但也学到了不少东西，分享出来，希望能给有需要的朋友一点启发。
我就寻思着做一个能吸引眼球，又能体现游戏特色的官网。毕竟是“爱与诱惑”嘛得有点那味儿。我先上网搜罗了一堆素材，参考了各种风格的网站，包括一些情色网站、游戏网站、还有一些设计类的网站。
然后就开始上手，先搭了个框架。前端嘛用的 *，这玩意儿我比较熟，上手快。后端用的 *，数据库用的 MongoDB，主要是为了省事，快速搭建一个能跑起来的demo。
- 颜色搭配。颜色这玩意儿太主观了，一会儿觉得这个颜色好看，一会儿又觉得那个颜色更适合，搞得眼花缭乱。
- 然后，图片素材。网上找的素材要么质量太差，要么版权有问题，只能自己动手，用 PS 抠图，P图，累死个人。
- 排版布局。想把各种元素都塞进去，又不能显得太乱，真是个技术活。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我记得当时为了一个 banner 图，愣是折腾了一晚上，各种尝试不同的风格，不同的配色，才勉强满意。
交互这块儿也花了不少心思。
游戏官网嘛肯定要有一些互动元素才能吸引人。我就加了一些小动画，比如鼠标悬停的时候图片放大，点击按钮的时候有过渡效果等等。这些小细节虽然不起眼，但是能提升用户体验。
最核心的还是要把游戏内容展示出来。我把游戏的剧情介绍、角色介绍、游戏截图、游戏视频都放到了官网上，力求让玩家对游戏有一个全面的了解。为了增加趣味性，我还加了一个小小的互动环节，玩家可以在官网上玩一个小游戏，赢了可以获得一些虚拟奖励。
网站做好之后，我自己先体验了几遍，感觉还不错。然后又找了几个朋友测试，让他们提提意见。结果，问题还真不少。
- 加载速度慢。图片太多，优化不到位，导致网站加载速度很慢。
- 手机端适配有问题。在手机上浏览的时候，页面显示不全，或者排版错乱。
- 一些细节的 bug。比如按钮点击没反应，链接跳转错误等等。
接下来就是漫长的修改 bug 环节了。我把所有的问题都记录下来，然后一个个解决。优化图片，调整布局，修复 bug，整整花了一个星期的时间。期间，真是感觉自己头发都快掉光了。
网站终于上线了。虽然还有一些不尽如人意的地方，但是还是挺满意的。这回实践，让我对前端开发、后端开发、UI 设计都有了更深的了解。以后再做类似的项目，肯定能少走很多弯路。