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

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

Can’t Unsee

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

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


  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
  • データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
  • 配色に悩んだときに役立つカラーパレット15選
  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
RELATED POSTS
  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • CSSをショートハンドに書き換えてくれる「SHRTHND」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」