要点
- Method of Actionの5つの無料ウェブゲーム、Kern Type、The Bézier Game、Shape Type、The Boolean Game、Colorは、制作技能を学ぶひとまとまりの選択肢として今も優れています。2026年10月21日時点で、すべてmethod.acで利用できました。
- Can't Unseeは、微妙に間違ったインターフェースを見つける判断を練習します。デザイナーが日常的に使いながら、ほとんど答え合わせしない技能です。
- 色については、X-Riteの無料色相テストが一度の識別能力を測り、ChromatchとDeltaEが認識と記憶をゲームにしています。
- 単発のゲームではなく毎日の計測として作られているのは、この中ではPercoreだけです。色、コントラスト、明るさ、形、距離、回転を、継続的にスコアで記録します。
- どれも、その課題が測る具体的な判断を練習します。それだけで優れたデザイナーになれるわけではなく、そう主張するものでもありません。
このリストの作り方
2026年10月21日に各ウェブゲームを開き、各アプリを公式ストア情報と照合しました。価格はその日に表示された米ドル額です。評価や人気順ではなく、文字の形、色、空間という判断の種類に沿って並べています。このサイトのアプリであるPercoreも、測る内容に応じて掲載していますが、その前にある制作技能のゲームの代わりとはしていません。
ゲームとアプリ
Kern Type
- 向いている用途
- 文字間隔：文字を打つことと組版の違いを生む判断
- プラットフォーム
- Web
- 価格
- 無料
Method of ActionのMark MacKayが作ったカーニングゲームです。多くのデザイナーが遊んだことがあり、再び遊ぶ価値も特に高いものです。文字間隔が乱れた単語を見て、均等に見えるまでドラッグします。タイポグラファーの配置と比べ、100点満点で採点されます。自分の配置と専門家の配置の差が、普段は確かめない判断への、正確ですぐ得られるフィードバックになります。
短く遊べ、2011年から公開されています。ひとつの判断に、測定したひとつの答えを返す。デザインを見る目のゲームがどうあるべきかを、今も明確に示しています。
制約. 単語は固定なので、2回目には最初の配置を覚えている効果も混ざります。
The Bézier Game
- 向いている用途
- ペンツールと、できるだけ少ない点で描く考え方
- プラットフォーム
- Web
- 価格
- 無料
ペンツールで輪郭をなぞり、きれいな形を少ないアンカーポイントで作れたかを評価します。ペンツールは、ドラッグより先に計画する必要があるため、ベクターソフトでも避けられがちな道具です。このゲームはその計画を教えます。道具の使い方と同時に、曲線の方向がどこで変わるかを見る練習です。
ベクターでアイコン、ロゴ、イラストを描く人なら、数ラウンド後には制作中の違いを感じるでしょう。
制約. 視覚判断より道具の技能を扱います。色、余白、比率の課題はありません。
Shape Type
- 向いている用途
- 文字の曲線：グリフのどこが不自然かを見る
- プラットフォーム
- Web
- 価格
- 無料
文字の曲線が1か所以上ゆがめられています。制御点をドラッグして正しく見える形に戻し、元の書体と比べて採点されます。書体デザイナーには見え、他の人には「何か変だ」としか感じられない、文字自体の形を見る目を練習します。
Kern Typeより難しく、気づきも多いゲームです。多くの人は、どう直せばよいかわかるよりずっと先に、曲線がおかしいこと自体は見えると知ります。
制約. 意図的に範囲を絞り、グリフの形だけを扱います。
The Boolean Game
- 向いている用途
- 和、差、共通部分で形を組み立てる
- プラットフォーム
- Web
- 価格
- 無料
目標の形を、結合、型抜き、交差、除外といったブール演算で単純な形を組み合わせ、できるだけ少ない手順で作ります。複雑な形をいくつかの重なった単純な形として見る、空間分解のパズルです。アイコンやロゴの実際の作り方でもあります。
Method of Actionの中でもゲーム性がもっとも高く、視覚そのものより空間的な判断を直接練習します。
制約. 知覚よりも組み立ての技能です。どれだけ正確に見えたかは測りません。
Color (Method of Action)
- 向いている用途
- 配色の調和：色相、彩度、補色、トライアド
- プラットフォーム
- Web
- 価格
- 無料
色相環を使った段階的なゲームです。時間内に色相を合わせ、次に彩度、補色、トライアドを合わせます。このセットで唯一、色をピクセルではなく、色相、彩度、色相環上の関係というデザイナーのモデルで扱います。理論のページだけでは得にくい、補色やトライアドの関係を操作で理解できます。
制限時間にも意味があります。配色の調和は、素早く判断できるようにしたいものだからです。
制約. 合わせる間も目標が見えているので、色の記憶ではなく関係を練習します。
Can't Unsee
- 向いている用途
- 微妙に間違ったインターフェースを見つける
- プラットフォーム
- Web
- 価格
- 無料
ほとんど同じ2つのiOS画面のうち、一方だけ余白、整列、大きさ、色、線の太さ、階層のどこかが少し違います。正しいほうを選び、3段階で難しくなり、反応時間も採点に入ります。エンジニアのAlex KotliarskyiとプロダクトデザイナーのAmanda Humが制作しました。作る判断ではなくレビューの判断を測ります。多くのデザイナーが一日中使いながら、ほぼ答え合わせしない判断です。
3段階目には、多くの人が自信を見直します。それが得られる情報です。
制約. 画面は固定で、iOS風のUIに限られます。一度遊ぶと答えを覚えます。
X-Rite Online Colour Challenge
- 向いている用途
- 色相の識別を、一度しっかり測る
- プラットフォーム
- Web
- 価格
- 無料
色の正確さが必要な職種の評価にも使われるFarnsworth-Munsell 100 Hue Testの簡易版です。両端が固定された4列の色票を、色相順にドラッグします。0が完全正解で、円形のグラフが識別の弱い色域を示します。X-Riteは、診断ツールではなく、モニター、照明、疲労、年齢で結果が変わることを明記しています。
薄暗い部屋の校正した画面で一度受け、結果を残しましょう。無料で受けられるものでは、デザイナーにとって専門的な色の評価にもっとも近いものです。
制約. 練習ではなく検査です。繰り返すと色票を覚えます。
Chromatch and DeltaE
- 向いている用途
- 色の認識と記憶をゲームとして練習する
- プラットフォーム
- iPhone and iPad
- 価格
- どちらも無料。2026年10月21日のストア表示で確認
スマートフォンに入れる価値のある2つの色ゲームです。Chromatchは目標と6つの候補を表示し、約1秒後に目標を隠して選ばせ、Delta Eで差を採点します。日替わり課題、段階、対戦もあります。DeltaEは色を見せて隠し、色相、彩度、明度のスライダーで再現させ、標準的な色差式CIEDE2000で採点します。前者は認識、後者はより難しく実用的な再現を練習します。
両方とも色の感覚を調べるテスト一覧で詳しく紹介しています。
制約. どちらも何週間もの履歴を残さないため、上達しているかを示せません。
Percore
- 向いている用途
- 色、コントラスト、明るさ、空間の判断を毎日測って追う
- プラットフォーム
- iPhone
- 価格
- 毎日の練習は無料。Proは年額US$39.99、または週額US$4.99
ここまでのゲームは、一度か、ときどき遊ぶものです。Percoreは毎日行う計測です。無料の練習には4つのセッションがあります。画面いっぱいの色が消え、色相、彩度、明度で再現する課題。音程、長さ、そして消えた三角形を位置、回転、大きさで戻す課題です。式を公開した0〜100の採点で、毎日新しい目標が全員に同じように出ます。各セッションは感覚ごとの計測に加わり、自分の最近数週間と比べられます。
デザイナーに関連するのはカラーとシェイプ、さらにProのコントラスト（細かな差を見分ける）、明るさ（光の強さを目で合わせる）、距離（2点間の実際の距離を判断する）、回転（角度を読み取り正確に合わせる）です。デザインそのものを良くするとは主張せず、その土台にある判断が磨かれているかを率直に伝えます。
制約. 文字組み、レイアウト、道具の技能は扱いません。デザインではなく知覚を測ります。
どの判断に、どのゲームか
| 練習する判断 | 使うゲーム |
|---|---|
| 文字間隔 | Kern Type |
| 文字の曲線 | Shape Type |
| ペンツールときれいな曲線 | The Bézier Game |
| 複雑な形を単純な形に分解する | The Boolean Game |
| 色相環上の配色の調和 | Color (Method of Action) |
| 不自然なUIを見つける | Can't Unsee |
| 色相の識別を一度測る | X-Rite hue test |
| 色の認識と記憶をゲームで練習する | Chromatch, DeltaE |
| 色、コントラスト、明るさ、空間の判断を毎日測る | Percore |
どれにもできないこと
どれも、課題で測る判断を練習します。知覚学習の研究でも、向上は課題の近くに留まるという結果が一貫しています。Kern Typeでカーニングは上達しますが、タイポグラファーになれるわけではありません。色を鋭く見分ける目が、パレットを選ぶわけでもありません。これらを遊ぶ価値があるのは、実在しながら普段確かめられない判断を扱うからです。美的センスへの近道ではありません。センスは今も、多くの優れた作品を見て、自分で多くの失敗作を作るという遅い道で育ちます。このゲームは、その間、自分の目が正確に伝えているかを確かめるものです。
デザインを支える目を、測ってみましょう。
App Storeからダウンロードよくある質問
Method of Actionのゲームは今も使えますか？
はい。2026年10月21日時点で、Kern Type、The Bézier Game、Shape Type、The Boolean Game、Colorはすべてmethod.acで無料公開されていました。無料のベクターエディターMethod Drawも利用できました。
初心者はどれから始めるべきですか？
Kern Typeです。短く、フィードバックが正確で、ほとんどの人が均等な間隔への感覚を思ったほど信頼できないと気づきます。次にはCan't Unseeが適しています。
このゲームでデザイナーとして上達しますか？
各ゲームが測る具体的な判断はより正確になります。主張するのはそれだけです。デザインの技能は、多くの優れた作品を見て、自分でも多く作ることで育ちます。このゲームは、その間に自分の目の正確さを確かめるものです。
毎日練習する形のものはありますか？
Percoreがそう作られています。色、コントラスト、明るさ、形、距離、回転を、日々新しい目標の採点付きセッションで練習し、何週間もの記録を残します。文字組みや道具の使い方は扱いません。
実際にゲームを確認していますか？
2026年10月21日に各ウェブゲームを開き、各アプリを公式ストア情報と照合しました。説明は確認できた範囲に限定しています。価格はその日の表示です。無料ウェブゲームは公開を終了することがあるので、リンクが開かない場合は移転した可能性もあります。