appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-アークナイツ 011_画面別 011_画面別-ガチャ画面 050_演出 050_演出-パララックス こんにちは、ちょこです。 「アークナイツ」のガチャ画面で左右にスワイプする時の挙動が気持ち良かったです。 斬新ですが、パララックス表現として認識すると理解しやすいかもです。 ▲こんな感じで多層に作られています。パララ。 ▲ページャー(？)の表現も細かい…！ やー、手が込んでる。 運営するにつれ、結果的にいくつかのテンプレが出来て、それを差し替える形式なのかな…。 見た感じ階層は以下の6つの階層に分かれています。 手前に散っているエフェクト ボタンUIやキャラクターのレアリティ、SDキャラ 左下にある提供割合の情報 ピックアップキャラ近景 ピックアップキャラ中景 ピックアップキャラ遠景、背景 細… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F02%2F04%2F000000" title="「アークナイツ」ガチャ画面が6つの多層構造になっている。パララックスみたいな感じか…？ - ゲームアプリの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/20200119/20200119200352.png Hatena Blog https://hatena.blog 2020-02-04 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/02/04/000000 1.0 100%