センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト

 
「えっ?何年デザイナーやってると思ってんだよ」なんて感じでやってみたら、案外むずかしい…。 気分転換にデザイナーとしての感覚を試してみるのもいいもんですよ。そんなゲーム感覚で楽しめるクイズ・ゲームサイトを10サイトご紹介。
1

Online Color Challenge | X-Rite

カラーピースを左右に移動して、きれいなグラデーションに並べ替える色彩感覚を試すゲーム。スコアは0点に近い方が高得点です。

2

Color — Method of Action

円の中心に出現するカラーを、制限時間内にカラーピッカーから同色を見つけ出すゲーム。ステージが進むごとに難易度が上がっていきます。

3

typewar

出題されるフォントのフォント名を2択から当てるフォントの知識を試すクイズ。iphoneアプリも有ります。

4

So you think you can tell Arial from Helvetica? Quiz

Helveticaのロゴと比較されやすいArialで作られたロゴで、Helvieticaを当てるマニアックなクイズ。

5

Kern Type, the kerning game

バランスよく文字間隔を調整するカーニングセンスを試すことができるゲーム。

6

Shape Type, the letter shaping game

ハンドルを引っ張って文字をバランス良く形成するパス操作のセンスを試すことができるゲーム。

7

The eyeballing game

角度を調整したり、図形の中心点はどこか当てたり、細かな感覚を試すことができる。スコアは0点に近い方が高得点です。

8

Pixactly

出題される横縦のピクセルサイズを、自分の感覚で出題されたサイズに合わせるように四角くドラッグで描画するピクセルの感覚を試すゲーム。

9

Dedesign the Web 2

ワイヤーフレームで表示されたレイアウトはどこのサイトかを当てるクイズ。…殆ど分からん。

10

Logo Quiz Game!

表示されるロゴの一部分をみて4択から当てるロゴのクイズ。



RELATED POSTS
  • 様々なスニペットがまとめられたサイト「LittleSnippets.net」
  • 様々なチャートを生成できるライブラリ「TOAST UI Chart」
  • 【JS】マウスの動きに合わせて影の角度が変化する「shine.js」
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
  • Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
  • CSSで作成する吹き出しとデザインのアイデア
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • CSSで作成する吹き出しとデザインのアイデア
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • Photoshopで画像を切り抜くテクニック【初心者向け】