UI演出– category –

奥行きのある演出は、平面にしているものに奥行きある演出を入れることで、広がりある見せ方を出すことができます。また、遷移時の見せ方にもバリエーションを持たせることができ、戻る時と進む時の遷移を想像しやすくなります。 前回の平面に奥行きを入れ...

移動＋拡大の動きについて、直線的な動きをするのか、曲線的な動きをするのかを考えていこうと思います。※上のアニメーションでは全てが正しいアニメーションではなく、よくない動きも入っています。NG例も含めて解説していきます。 今回は正方形から長方...

最近は3Dがメインコンテンツになっているゲームが非常に多くなってきました。UI自体は平面が多く3Dを入れている立体的なUIはなかなか少ないかと思います。今回はUIパーツを3Dにしたら…と言う話しではなく、フラットなUIにも奥行きを意識して作ると表現のバ...

アニメーションを行う時に何秒ほどかけるのを最適とするか考えた時に、ユーザーはアニメーションなんていらない、すぐに次の画面に行って欲しいと願うと思います。 しかし、アニメーションは必ず必要で、アニメーションのない遷移はユーザーへストレスを与...

UIアニメーションに細かい動きの調整をしていく中でイージングというものがあります。イージングは動きに緩急をつけ、目立たせたい動きや自然な動きを作り出すことができます。このイージングはUIアニメーション以外にもキャラクターモーション、エフェク...

ボタンを押下する時は押せば次のアクションに入りますが、長押しの場合はそもそも次の画面に遷移するのかどうなのかは長押ししてみないとわからないです。そこにちょっとしたアニメーションを入れることで長押し押下のフィードバックを返すことができます...

ゲーム初回起動でよくあるダウンロードですが、各アプリ色々な工夫を凝らしてユーザーの初回起動時の離脱防止のために努力されているかと思います。 そんなゲージのアニメーションは主に2つあり、どちらの見せ方もよくあるアニメーションとなっております...

ボタン押下はユーザーが一番多く行う行動の一つで、ボタンという小さい領域の中にもアニメーションはたくさん存在します。その押下時のアクションは凹ますだけでなく、他にも色々な種類があります。 ボタン押下時のアニメーションの種類 縮小アニメーショ...

リストアニメーションは種類が多く悩みますね。リストのレイアウト次第でアニメーションを変える必要があるので、リストにどんな種類があるのかを一部まとめつつ、アニメーションについて書きました。 リストの種類によってアニメーションは変わる コンテ...

ダイアログはボタン押下時、別画面へ遷移はせずに別ウインドウが飛び出す演出で、ソーシャルゲームではよく使われます。webのダイアログでは広告が主流で嫌われているみたいですが、ゲームではお知らせや注意させる動きで使われることが多いです。 ゲーム...

よく見るアプリゲームのロードですが、実は気にしてみるとロードが長いものから短いもの、はたまたロード画面が存在しない（ように見える）ものもあります。 このロード、タイトルでは無くすと書きましたが、無くなりません・・・！ どうしても必要な処理...

遷移アニメーションはゲームアプリで必ず発生し、そのゲームの個性を表してもいます。この遷移アニメーションは時に長いと感じることもあるかもしれませんが、遷移アニメーションを排除すると実は見辛かったり、ストレスを感じることになります。 遷移アニ...