自分のデザインのスキルがチェックでき、勉強にもなるクリエイティブなゲームのまとめ

カラーの見極め、文字の美しい字詰め、図形の認識など、デザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックのゲームをまとめたサイトを紹介します。

サイトのキャプチャ

Creative games for creative designers

数多く掲載されている中から、特にWebやUXに関係のあるゲームをピックアップしてみました。

サイトのキャプチャ

The Bézier Game

さまざまな形やイラストをベジェ曲線で描く、イラレ力を確認できるサイト。

サイトのキャプチャ

Shape Type

形がおかしくなってしまった文字をベジェ曲線で直す、美的センスを確認できるサイト。

サイトのキャプチャ

Kern Type

文字をドラッグして美しくカーニングを施す、詰め力を確認できるサイト。

サイトのキャプチャ

Type Connection

見出しと文章など、フォントの組み合わせのセオリーを学べるゲーム。

サイトのキャプチャ

Pixactly

指定された高さと幅のピクセルで矩形を描く、空間認識能力を確認できるサイト。

サイトのキャプチャ

Color

表示されたカラーを色相環から選ぶ、色を見極める力を確認できるサイト。

サイトのキャプチャ

RGB Challenge

表記されたRGB値と同じカラーを3つの中から選ぶ、RGB力を確認できるサイト。

サイトのキャプチャ

The Color!

複数のパネルから最も明るいパネルを選ぶ、明度力を確認できるサイト。

サイトのキャプチャ

Color Run

表示された左右のカラーから明るい方を選ぶ、明度力を確認できるサイト。

サイトのキャプチャ

Online Color Challenge

各列のカラーをグラデーション順に並べ替える、色相力を確認できるサイト。

サイトのキャプチャ

Hex Invaders

表示されたコードのインベーダーを撃ち落とすゲーム。

サイトのキャプチャ

Playdots

同じカラーのドットをどれだけ多く垂直・水平に結べるか、戦略的なスマホゲーム。

サイトのキャプチャ

Code:deck

HTML, CSS, JavaScript, PHP, C++など、プログラミング言語でデザインされたトランプ。
参考:ウェブ制作者のためにデザインされたトランプがかっこいい! -code:deck

sponsors

top of page

©2018 coliss