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」
  • リデザインのレビューを集めたWebサービス「reDSGN」
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • 有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
RELATED POSTS
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • レスポンシブデザインでのロゴパターン「responsivelogos」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • Web制作に役立つChromeおすすめの拡張機能11選
  • SVGで作成されたローディングアイコンセット「SVG Loaders」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選