エンジニア・デザイナー向け「視力(?)テスト」

ピクセルのズレや微妙な色の違いを見抜けるか?プロの直感を試すクイズ型ゲーム。あなたの「眼」の鋭さを診断します。

プロフェッショナルな視覚的能力を試す全3ラウンドのテストです。
ピクセル、カラー、フォントのズレを見抜いてください。

エンジニア・デザイナー向け視力テストとは?

このツールは、Web制作の現場で求められる「1pxの差」や「微妙な色の違い」「フォントの形状」を見抜く能力を測定するためのエンタメ型診断ツールです。 機械的な視力検査ではなく、デザインの整合性やタイポグラフィに対する感度を「視力」として定義しています。

💡 診断される3つの能力

  • ピクセル・アイ: レイアウトのわずかなズレを瞬時に察知する能力。
  • カラー・センス: 背景色やアクセントカラーの微妙な濃淡の違いを見抜く能力。
  • フォント・マスター: 似たようなフォントの中から、特定のグリフ(文字の形)の違いを判別する能力。

🚀 称号(ランク)一覧

  • 伝説のデザイナー / シニアエンジニア: すべてを完璧に見抜く、神の眼の持ち主。
  • プロフェッショナル: 現場で信頼される確かな眼力。
  • ジュニア級: これからの成長が期待されるフレッシュな眼。
  • 一般人: 画面のズレがあまり気にならない、ある意味幸せな眼。

このツールの使い方・詳細

🛠 使い方

表示されるクイズに対し、正しいと思う選択肢をクリックしてください。全3ラウンド(ピクセル、カラー、フォント)の正解数と回答速度に基づいて、あなたのランクを判定します。

💡 活用シーン・ユースケース

  • デザイナーやフロントエンドエンジニアの「眼」のトレーニングに
  • チーム内でのちょっとしたレクリエーションや実力試しに
  • 自分の色彩感覚やレイアウト感覚が衰えていないか、定期的なチェックに