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

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

Can’t Unsee

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

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



  • SVGで背景パターンを作成できる「Hero Patterns」
  • Google Mapのスタイルテンプレート「Snazzy Maps」
  • PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • Webサイト・アプリなどUIの配色を試せる「Pandacolors」
RELATED POSTS
  • 【jQuery】要素を3D回転させるプラグインTURNBOX.js
  • 【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 無料で使用できる海外のフリー写真素材サイトまとめ