Method

这个网站非常适合没有做过 UI 设计的新手来玩一下，如果你想学 UI 设计，可以玩一下，最基础的贝塞尔曲线的用法，布尔运算，颜色，字体，形状。这些都是最通用的设计基础能力，所有的界面设计软件都是这样做的。非常好的一个小游戏。玩一遍基本上就设计入门了。

访问网站

Method是什么

Method of Action 是一套设计基础训练工具，用游戏的方式帮你掌握设计基本功。不用看教程，直接上手玩，玩几遍就能理解贝塞尔曲线、布尔运算、字间距这些核心概念。创始人 Mark MacKay 还做了个免费的在线矢量编辑器 Method Draw，不用注册就能用。

如何使用Method

从游戏开始：首页有 5 个小游戏，建议按顺序玩。KernType 练字间距，Bézier Game 练钢笔工具，Color 练配色，ShapeType 练字体造型，Boolean Game 练布尔运算。每个游戏都有即时反馈，错了会告诉你哪里不对。

反复练习：这些游戏可以反复玩，每次题目都不一样。玩到能稳定拿高分，基本就掌握了。

用 Method Draw 实践：学会基础后，用 Method Draw 做点小练习，把游戏里学的技能用在实际操作中。

Method 的特色

5 个核心训练游戏

字间距、钢笔工具、配色、字体造型、布尔运算，覆盖设计最基础的操作

即时反馈

做错了马上告诉你哪里不对，不用等结果，边玩边学

免费矢量编辑器

Method Draw 可以直接在浏览器里用，不用下载不用注册，学会基础就能上手

开源项目

Method Draw 的代码在 GitHub 上，想研究或者自己改都可以

Method 的使用场景

设计入门训练

完全没接触过设计的人，玩一遍这些游戏就能理解设计软件的基本操作逻辑

技能查漏补缺

有经验的设计师也可以用这些游戏检查自己基础是否扎实，特别是字间距和钢笔工具

教学工具

教别人设计时，用这些游戏比讲理论更直观，学生上手更快

快速原型

需要做简单矢量图时，Method Draw 比打开大型软件更快，浏览器就能搞定

Method 优缺点

优点

游戏化学习，比看教程有趣多了

完全免费，没有广告

反馈及时，做错马上知道

可以反复练习，题目会变化

Method Draw 不用注册就能用

开源透明，代码可查

缺点

游戏比较简单，适合入门不适合进阶

Method Draw 功能比较基础，复杂项目还是需要专业软件

只有英文界面

没有移动端版本

Method 常见问题

Q1: 需要注册账号吗？

不需要。所有游戏和 Method Draw 都可以直接使用，不用注册不用登录。

Q2: 这些游戏适合什么水平的人？

主要适合完全没接触过设计的新手，或者想巩固基础的设计师。有经验的设计师可能会觉得太简单。

Q3: Method Draw 能替代 Illustrator 或 Figma 吗？

不能。Method Draw 功能比较基础，适合做简单图形或快速原型。复杂项目还是需要专业软件。

Q4: 游戏可以离线玩吗？

不行，需要联网。但加载一次后，大部分内容可以缓存，网络要求不高。

Q5: 有中文版本吗？

目前只有英文。但游戏操作很简单，即使英文不好也能玩明白。