转赞：用移动端基础路线，看出手游哪些地方没适配好

一、一个移动端学习路线

在 前端 Wiki 的学习路线里，移动端是从 HTML → CSS → JS → HTML5 → CSS3 → JS 进阶逐层递进的。

这条线放到“看懂手游页面与 App”上，很实用。

二、为什么看这个对玩家有用

因为它能回答三个日常问题：

1. 为什么这个按钮这么难点？

1. 为什么横屏后布局会乱？

1. 为什么有的页面加载特别慢？

答案往往在 CSS 与渲染，不在“手机不行”。

三、三个可以自己验证的点

一、按钮尺寸。

好的移动设计，按钮至少 44×44 像素。小于这个，就要用指尖去猜。

二、安全区域。

带刘海或圆角的屏幕，内容要避开边。没避开的，就是没适配。

三、列表长度。

一屏超过七个选项，注意力就散了。

四、一个简单的判断

你在一个游戏菜单里找设置，能找到吗？

找不到，往往不是你没耐心，是它没按移动端的习惯排。

五、对做内容的人的启发

写手游体验分析时，可以从界面入手。

因为界面问题是可以被所有人验证的，不靠“我感觉”。

六、扩展阅读

想系统学这条路线，可以从基础开始。

它的站内把 HTML、CSS、JS 到进阶拆成 17 个学科，并提供 563 个词条，遇到不懂的词可以直接查。