デザイナー必見！文字詰め（カーニング）を学べるゲーム「Kerntype」他

デザイナー初学者なら覚えておきたいデザインのいろは。
デザインの基本をゲーム感覚で楽しみながら練習できるサイトをご紹介。

Kerntype

ゲーム感覚で文字詰め（カーニング）ができる Kerntype 。
カーニングするとお手本と照らし合わせて点数をつけてくれるというもの。

操作はドラッグ＆ドロップ（スマホならフリック操作）で簡単に文字詰めができます。
最初の画面がチュートリアルになっていますが、実際どのような感じなのかムービーで撮ってみたのがこちら。

数pxのズレがあってもOK判定(笑) 100スコアとなるようです。
また、英語のサービスなので日本語のカーニングは対応していません。

個人的に嬉しいのが、フォント名・デザイナー名・リリース年が表示されているところ。知ってるフォントでもデザイナーやリリース年を知らなかった！とかザラなので少し賢くなった気になります。

コーディングしかやっていないと文字詰めの意識が低くなりがち。デザイナーから突っ込まれることも多いので、これを機に練習してみるといいことあるかも。

Kerntypeと同じ操作感でベジエ曲線を練習できる「SHAPETYPE」。

「S」の文字の欠けているところをベジエ曲線で直していくわけですが、使用フォントを知っていたほうがより楽しめるかも。

これもKerntypeと同じくフォント名、デザイナー名、リリース年が表示されます。

ベジエ曲線の上級版向けといっても過言ではない、The Bezier Game 。ハートとかそうやって描くんだ！！みたいな知見を得ました。

「(n) Nodes remaining」と表示されているのがわかるでしょうか。ベジエ曲線を使ってトレースするのに回数制限が設けられているのです。激むず。