appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-プロジェクトセカイ カラフルステージ！ feat.初音ミク 040_心理学 040_心理学-段階的開示 情報設計-視線誘導 こんにちは！ちょこです！ 「プロジェクトセカイ カラフルステージ！ feat.初音ミク」のUIアニメーションで上手く視線誘導している箇所がありました！ 情報量の多い画面のデザインをする際の参考になれば幸いです。 該当画面はこちらのホーム画面の初心者ミッションの通知バーです。 左上にあるこちらの情報です。 こちらの通知バーです。アニメーションによって時間差で画面に表示されています。 アニメーションはこちらです！ 一連のアニメーションを細かく分けると以下のようになっています。 カメラがキャラクターに寄る カメラが静止 ミッションの通知バーが画面外からスライドイン キャラクターのセリフ(吹き出し)が… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F11%2F02%2F235000" title=" 「プロジェクトセカイ カラフルステージ！ feat.初音ミク」アニメーションを利用することにより、段階的開示を取り入れている - ゲームアプリの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/20201101/20201101203148.png Hatena Blog https://hatena.blog 2020-11-02 23:50:00 rich https://appgameui.hatenablog.com/entry/2020/11/02/235000 1.0 100%