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

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

Can’t Unsee

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

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


  • 10年前の有名サイトを振り返ることができる「Ten Years Ago」
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
RELATED POSTS
  • CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
  • 【Webデザイン】魅力的な動きをするレスポンシブメニュー
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【jQuery】要素を3D回転させるプラグインTURNBOX.js
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選