あなたは何点!? デザイン知識・スキルを『ゲーム』で知れる・学べる面白ゲーム7選
皆さんは、Webデザインに関する知識・スキルを、どのようにして学んでいますか?
Web関連のスクール・アカデミーに通ったり、本を読んだり、セミナーに参加したり……など、Webデザインを学ぶにはパッと思いつくだけでも様々な方法があります。
新しい知識を付けることは、自らの業務の幅を広げることにもなりますし、過去に味わったことのない達成感を味わえる可能性をもたらしてくれるはずです。
身に着けた知識・スキルは、自分のデザインに即座に反映させることが可能です。
しかも、それを身に付ける上で楽しみながら習得できるとしたら、どうでしょうか。きっとそんな勉強方法があれば知りたいと思われる方もきっといるはずです。
そこで今回は、ぜひとも皆さんにオススメしたい勉強方法をご紹介します。
それが「ゲーム」です。
Webデザインの知識・スキルレベルをゲームを通じて、測定しながら学ぶことができます。
ゲーム感覚で測定して学んでいくことで、思わずそのゲームにのめり込んでしまいます。気が付けば圧倒的な技術が身についていた、ということもあるかもしれません。
気になった方は、ぜひ一度トライしてみてください。思わずはまってしまうかもしれないので注意が必要です。
Webデザインの実力を測るおもしろゲーム7選
1. 16進数言い当てクイズ
Webデザイナーは、必ずと言っていいほど毎日色を表す*「16進数」*と向き合います。
慣れてくると、値を見るだけでR(赤)・G(緑)・B(青)からどんな色になるのかがわかってくるのではないでしょうか。
そこで挑戦してみてほしいのが、「What the Hex?」という16進数の言い当てクイズです。
登場する16進数のカラーコードを見て、5つの選択肢の中から該当する色を当てていきます。
ちなみに、16進数ではなく「RGB」で色を推測するゲームもあります。
こちらのほうが簡単……と思いきや、レベルが上がるごとに際どい選択肢が多くなってきて大変です。まずはぜひ挑戦してみてください。
2. ピクセル測定ゲーム
Webデザイナーは、ピクセル単位でボタンやボックス領域を表示するのも日常茶飯事です。
ピクセルに自身がある方は、「Pixact.ly」というピクセル測定ゲームで自分のピクセルに対する感覚を試してみてください。
Width(横幅)とHeight(縦幅)が表示されるので、その大きさの選択範囲を作成していきます。
できるだけ誤差を少なくして、得点を稼いでみてください。
3. ベジェ曲線ゲーム
Illustratorを業務で使用している方にとって、ベジェ曲線は必ずといっていいほど使用します。
こちらのベジェ曲線ゲームでは、指定された枠の中で如何にベジェ曲線を上手に引くか、にトライします。
また、こちらのゲーム(上)は、赤い点をドラッグしながら曲線のハンドルを操作して、指定されたフォントの元の形に戻していくゲームです。
4. フォント言い当てクイズ
http://ilovetypography.com/ifontgame/
こちらは、表示されている欧米フォントのフォント名を4択で選択していくゲームです。
日本人にとって馴染みのないフォントもいくつか登場するので、完答はかなり難易度が高いです。
また、日本語フォントに特化した言い当てゲーム*「フォント検定」*もあります。
ゴシック系はわかりやすいですが、明朝系は際どいものが多く、ぜひ目を見張って挑戦してみてください。
5. カーニング調整ゲーム
Webデザイナーとして、空間や余白には敏感になっておきたいものです。
こちらの「Kerntype」というゲームでは、カーニング調整に挑戦します。
こちらのゲームで難しいのは、1文字だけではなく、複数の文字を少しずつズラして、正確なカーニングにするという点です。
カーニング調整を行って「Compare」(比較)をクリックすることで、実際の正確なカーニングとの差異を測って、スコアを計算します。
継続的に90点以上が出せればカーニング調整のセンスがあると言えそうです。果たして何点取れるでしょうか。
6. ロゴ当てクイズ
http://www.jpink.co.uk/logo_quiz/
ロゴデザインを行う際、すでにデザインされたロゴから学ぶことも多いかと思います。
ここでご紹介する「LOGO DESIGN QUIZ」は、アメリカのテック企業を中心にロゴを推測していくゲームです。
それぞれのロゴの先頭部分が切り取られ、ABC順に並べられています。
その中には日本人に馴染みのないものもありますが、ほとんどは知っている企業のロゴでしょう。
完全正解できるか、ぜひ挑戦してみてください。
7. 明るさクイズ
最後に紹介するのが、「ColorRun」と呼ばれる明るさクイズです。
このゲームでは、ひたすらに左右のどちらのパネルのほうが明るいかを瞬時にクリックして当てていくゲームです。
連続正解することで制限時間が伸びますが、1回でも間違えたら失格という厳しいルールになっています。
まとめ
今回は、Webデザイナーの遊び心をくすぐる面白いゲームを7個紹介しました。
一人で実力試しに挑戦してみるのもいいですし、複数人で楽しみながら挑戦するのも面白いかもしれません。
その中には1回では到底クリアできない難しいゲームもあるので、ぜひ何度も挑戦しながら実力をつけていきましょう。
- セミナー
- セミナーとは、少人数を対象とする講習会のことです。講師からの一方的な説明だけで終わるのではなく、質疑応答が行われるなど講師と受講者のやり取りがある場合が多いようです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング