appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ドラゴンクエストライバルズ エース 011_画面別 011_画面別-ヘルプ画面 こんにちは、ちょこです！ 「ドラゴンクエストライバルズ エース」のヘルプのデザインがちょっと新しいアプローチであったので、事例として紹介してみます。 横画面のヘルプだと凡そ左側に目次、右側にプレビューであるデザインが主流です。 「ドラゴンクエストライバルズ エース」も同じようなデザインかな、と思っていたのですがよく見るとちょっと違う部分があります。 スクロールすると次の項目が表示されるデザインです。 こんな感じでスクロールしていくと次の項目が表示されるデザインです。 左側はページ内リンクの扱いですね。 目次としては大項目だけになっており、下位階層のリストは一覧表示されません。 ヘルプで大切なこ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F08%2F23%2F083000" title=" 「ドラゴンクエストライバルズ エース」ヘルプデザインの事例紹介。一覧性は低いがスクロールでヘルプの中身が横断できるデザイン - ゲームアプリの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/20200819/20200819093756.png Hatena Blog https://hatena.blog 2020-08-23 08:30:00 rich https://appgameui.hatenablog.com/entry/2020/08/23/083000 1.0 100%