appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ゴルフクラッシュ 019_アニメーション 019_アニメーション-UIアニメーション こんにちは、ちょこです。 「GOLF CRASH -ゴルフクラッシュ-」にて鍵の表現が面白かったので紹介します。 こんな感じでプレーできないコースには鍵が掛けられているのですが… その鍵が操作に合わせて動くようになっています。 ▲動きます！ 細かっ！ どうしてここにアニメーションを実装したのか意図を推測してみます。 この画面の要件 まず、この画面の要件は、条件に達していない場合はボタンが押せないようにする、というのが最低限の要件です。 この画面の期待結果は「コースが選択できる」というものです。つまり、コースが選択出来ない状態は期待結果ではありません。 期待結果でない状態ということはユーザーにと… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F04%2F08%2F000000" title="「GOLF CRASH -ゴルフクラッシュ-」ストレスのかかる場面でこそ遊び心が大切。操作に合わせて鍵が動くアニメーションについて - ゲームアプリの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/20200329/20200329223908.png Hatena Blog https://hatena.blog 2020-04-08 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/04/08/000000 1.0 100%