アプリゲームUIデザイン

プレイしたアプリゲームのUIデザインに関して、書き残しておこうと思います。毎日24時に更新!

UIアニメーション

「GOLF CRASH -ゴルフクラッシュ-」ストレスのかかる場面でこそ遊び心が大切。操作に合わせて鍵が動くアニメーションについて

こんにちは、ちょこです。 「GOLF CRASH -ゴルフクラッシュ-」にて鍵の表現が面白かったので紹介します。 こんな感じでプレーできないコースには鍵が掛けられているのですが… その鍵が操作に合わせて動くようになっています。 ▲動きます! 細かっ! どうして…

「GOLF CRASH -ゴルフクラッシュ-」お知らせ画面の挙動がシームレス。軽い操作感を実現されていました

こんにちは、ちょこです。 「GOLF CRASH -ゴルフクラッシュ-」のお知らせ画面が良い操作性でした。 どんなところかと言うと… ▲シームレスで開閉 ▲アニメーションするバナーもある これ、どういう運用と実装なのかな。多くのゲームはwebでの実装に見えるけど…

「Ink,Mountains and Mystery」筆文字の出方のアニメーションの紹介

こんにちは、ちょこです。 引き続き「Ink,Mountains and Mystery」ですが、タイトルの文字の出方がカッコいい! 動かすとこんな感じです。 かっこ良い…手法わかりませんが、簡単にやるならアルファ値を参照してアニメーションつけるとかかな…。 微妙に煙もあ…

「アークナイツ」その作り込みがゲームをもっと面白くする

こんにちは、ちょこです。 購買部のカテゴリのアイコンのアニメーションが素敵だったので紹介です。 こんな感じでタブを切り替えるんですが… アップ! 非アクティブだと28°くらい?傾いていて、アクティブになるとそれが正位置になるアニメーション。ついで…

「リボルバーズエイト」世界観を活かした上でビジュアル面で斬新なUIデザインの事例共有。例えサービス終了が案内されたとしても。

こんにちは、ちょこです。 リボルバーズエイトのUIは本をモチーフにしたデザインを中心に構成されています。 理由としてはおとぎ話、童話という世界観のため、親和性が高いためだと考えられます。 ポップアップのデザイン。オレンジのラインが本を開いたよう…

「妖怪ウォッチぷにぷに」お知らせバナーが動いてた。デザインのパターンの参考までに。

こんにちは、ちょこです。 「妖怪ウォッチぷにぷに」のお知らせ画面のバナーが動いてた! 動いてる グラクロ以外で初めて見たかも。 ある程度テンプレ化すれば基本的には素材の置き換えでいけると思うので、コストとしては静止画とそんなに変わらないかも? …

「妖怪ウォッチぷにぷに」テンポが良い、という事例紹介。演出を入れる情報と入れない情報を偏らせないことによってメリハリを付けている。

こんにちは、ちょこです。 「妖怪ウォッチぷにぷに」のリザルト画面は情報が多いのですが、順番に情報を表示させることにより、処理する情報が絞られ、画面で何が起きているのか理解しやすくなっています。 全体の情報量を見るとこんな感じでした。 多くのソ…

「妖怪ウォッチ ゲラポリズム」メニューの開閉アニメーションが凝っていて可愛かったので紹介します

こんにちは、ちょこきなこです。 「妖怪ウォッチ ゲラポリズム」のメニューの開閉演出が凝っていたので紹介させてください。 アニメーション全体としては、こんな感じで回転しながら表示されています。 かわいい。 演出の理由を考えた時に、メニュー項目のロ…

「妖怪三国志 国盗りウォーズ」画面が楽しく見えるので、細かい演出こそ大切にしたい

こんにちは、ちょこきなこです。 「妖怪三国志 国盗りウォーズ」のUIパーツに巻物や木簡があるのですが、それに丁寧なアニメーションが実装されていました。 巻物 巻物の部分が動いています。模様が入っており、アニメーションしていることが分かりやすい 木…