2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」

2択のUIデザインから正しいデザインを選択する、ゲーム感覚でデザインを学べる「Can’t Unsee」が話題になっていたので忘備録。 デザインバランスや、アイコンの配置位置・可読性・カーニングなど、パッと見てどちらが正しいデザインか選択していきます。ユーザー登録など必要なく無料でできるので、興味のある方は試してみてください。

Can’t Unsee

まずはTutorialからはじめ、Easy・Medium・Hardと徐々に難易度が上がっていきます。正解するとコインが溜まっていきます。

難易度がHardともなると、もう間違い探しのレベルに…
Webデザインを制作する上で、ちょっとした問題点を見つける感覚を養うにはよいかも知れません。 以上、デザイン感覚を養える正しいUIを選ぶゲーム「Can’t Unsee」の紹介でした。



PICK UP
RELATED POSTS
  • 【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
  • 【JS】物理法則に基づいたアニメーションライブラリ「Dynamics.js」
  • レスポンシブデザインのパターン集「Responsive Patterns」
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
POPULAR POSTS
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • フォントを調べる時に役に立つサービス・サイトまとめ
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年9月版】
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
RECENT POSTS
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年9月版】
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォントまとめ
  • Photoshopで簡単に背景を伸ばすテクニック
  • CSSで作成する吹き出しとデザインのアイデア