appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-仮面ライダー シティウォーズ 011_画面別 011_画面別-ホーム/マイページ画面 018_UIパーツ 018_UIパーツ-ドロワー 020_アンチパターン 020_アンチパターン-アフォーダンスの欠如 こんにちは、ちょこです。 「仮面ライダー シティウォーズ」のホーム画面にある、メニューボタンのデザインと挙動が気になりました。 注意したいこととしては 挙動が(ある程度)推測できる見た目にする です。以下、詳細と解決案の提案を書いてみます。 どんなデザインだったのか まず、どのようなデザインなのかを紹介します。ホーム画面全体は以下のようになっていました。 メニューボタンは左上のこちらのデザインです。 ▲グラフィックにも「MENU」って書いてあるのか… 挙動としては、以下のようにな挙動でした。画面端から開閉するUIです。 ボタン…というかアイコンをタップすると画面端からメニューが表示されます。い… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F01%2F10%2F000000" title="「仮面ライダー シティウォーズ」ドロワーのUIを採用する時に注意したいこと - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20191230/20191230170133.png Hatena Blog https://hatena.blog 2020-01-10 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/01/10/000000 1.0 100%