ゲーム感覚で自分のWebデザインのスキルがどのくらいなのかが分かるスキルチェックサイトのまとめ

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

ちょっとした暇つぶしにチェックするだけでなく、定期的にやるとスキルがアップしてるのを実感したり、今日は体調悪いなという目安にもなりますね。

サイトのキャプチャ

Pixactly

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

サイトのキャプチャ

Whatpx

黒いバーの幅が何ピクセルかあてる、幅が正確に分かるようになると女子に避けられます。

サイトのキャプチャ

RGB Challenge

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

サイトのキャプチャ

ColorRun

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

サイトのキャプチャ

The Color!

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

サイトのキャプチャ

Color IQ

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

サイトのキャプチャ

Color -Method of Action

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

サイトのキャプチャ

Arial from Helvetica?

Helveticaを使ったロゴがArialに置き換えられていて、どちらか正しいか選ぶ、Helveticaへの愛が確認できるサイト。

サイトのキャプチャ

フォント検定

表示された文字に使用されている日本語フォント名を選ぶ、新ゴだけじゃないよを確認できるサイト。

サイトのキャプチャ

Kern Type

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

サイトのキャプチャ

Shape Type

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

サイトのキャプチャ

Bezier Game

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

サイトのキャプチャ

Dedesign the Web 2

ワイヤーフレームから有名Webサービスを判断する、コンテンツを見る力を確認できるサイト。

サイトのキャプチャ

フィッシングフィル

フィッシング詐欺に使われるURLを見極める、もう騙されないようにするサイト。

sponsors

top of page

©2018 coliss