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

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

Can’t Unsee

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

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


  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」
  • ロゴを様々な角度からテストできるツール「Logo Lab」
  • 【Webデザイン】Webサイト制作に役立つブックマークレット
  • ワールドカップのユニフォームのパターンをまとめた「World Cup in Pattern」
RELATED POSTS
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • マルチボックスのフルスクリーンメニュー「Multibox Menu」
  • 【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
  • アイコンフォント「FontAwesome」の使い方
  • 魅力的なテキストエフェクトを実装できる「Blotter.js」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
  • やわらかいタッチのイラストをダウンロードできる「Open Doodles」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」