センスが磨ける?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択から当てるロゴのクイズ。



PICK UP
RELATED POSTS
  • HTMLメールをブラウザ上で作成できるWEBサービス「Topol.io」
  • PNG・GIF・SVGなどの画像フォーマットからjpegに変換してくれる「jpeg.io」
  • 有名ミュージシャンを絵文字化したギャラリー「Music Emojis」
  • iOSアプリのUIデザインギャラリーサイト「UI Sources」
  • スクリーンショットにブラウザ枠をつけてくれるWebツール「Screely」
  • 【フリー素材】フリー写真素材サイト「Unsplash」のクオリティーがすごい。
POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
RECENT POSTS
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年8月版】
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォントまとめ
  • Photoshopで簡単に背景を伸ばすテクニック
  • CSSで作成する吹き出しとデザインのアイデア