前几天刷帖子看到一堆抱怨游戏官网学习资料的，说要么老掉牙要么讲一半藏一半。我这暴脾气就上来了，直接撸袖子开干：
第一步：翻遍主流官网抄作业
把电脑手机全搬上床，开着三个浏览器分屏。先点开国内大厂那俩武侠游戏官网，好家伙加载完直接蹦出个全屏CG，风扇嗡嗡转得像要起飞。重点看它怎么藏下载按钮——结果人家把下载入口伪装成发光的宝剑图标，点三回才弹出安卓包！
转头研究海外3A大作官网，差点被满屏英文劝退。发现个骚操作：预告片播到高潮时突然弹出预约弹窗，关都关不掉！赶紧拿小本本记下来："视频35秒插导弹窗，用户此时肾上腺素飙升"。
第二步：熬夜画原型图
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
凌晨两点摸出数位板开整，先画个巨浮夸的登陆页：
- 顶部导航栏塞七个按钮
- 中间搞自动轮播英雄展示
- 最骚是底部加了个会吐金币的龙
重画到第五版终于开窍：把预约按钮做成血条样式，进度涨满自动跳下载页。朋友试玩时狂点血条说："这设计狗，但真香！"
第三步：掉进响应式天坑
在电脑上看排版美如画，传到手机直接变车祸现场。文字叠按钮像煎饼果子，角色立绘把菜单栏顶飞。最绝是平板竖屏显示时，预约按钮正好被摄像头挡住！气得我对着iPad吼："您搁这玩打地鼠？"
通宵改CSS时突然福至心灵：把横屏模式的炫酷特效全删了，竖屏模式核心就留三要素：
- 比脸大的开始按钮
- 滚两屏必出现的下载入口
- 永远悬浮的客服图标
血泪总结
现在看那些官网教学还藏着掖着就来气。最大的三个坑：
- 别学教科书搞对称布局，游戏官网就得歪七扭八才带感
- 特效越多加载越慢，玩家等十秒直接关网页
- 手机用户才是爹！PC版再炫移动端崩了全白搭
说句掏心窝的：官网设计本质是心理战。要让玩家从点开网页到下载游戏全程无脑操作，中间卡一下就可能跑去撸猫了！
