UI演出– category –
-
UI演出
奥行きのあるUI演出
奥行きのある演出は、平面にしているものに奥行きある演出を入れることで、広がりある見せ方を出すことができます。また、遷移時の見せ方にもバリエーションを持たせることができ、戻る時と進む時の遷移を想像しやすくなります。 前回の平面に奥行きを入れ... -
UI演出
移動と拡大のやり方
移動+拡大の動きについて、直線的な動きをするのか、曲線的な動きをするのかを考えていこうと思います。※上のアニメーションでは全てが正しいアニメーションではなく、よくない動きも入っています。NG例も含めて解説していきます。 今回は正方形から長方... -
UI演出
平面に奥行きを入れる考え
最近は3Dがメインコンテンツになっているゲームが非常に多くなってきました。UI自体は平面が多く3Dを入れている立体的なUIはなかなか少ないかと思います。今回はUIパーツを3Dにしたら…と言う話しではなく、フラットなUIにも奥行きを意識して作ると表現のバ... -
UI演出
アニメーションの最適な時間
アニメーションを行う時に何秒ほどかけるのを最適とするか考えた時に、ユーザーはアニメーションなんていらない、すぐに次の画面に行って欲しいと願うと思います。 しかし、アニメーションは必ず必要で、アニメーションのない遷移はユーザーへストレスを与... -
UI演出
UIの細かい動きについて
UIアニメーションに細かい動きの調整をしていく中でイージングというものがあります。イージングは動きに緩急をつけ、目立たせたい動きや自然な動きを作り出すことができます。このイージングはUIアニメーション以外にもキャラクターモーション、エフェク... -
UI演出
長押しにも演出を
ボタンを押下する時は押せば次のアクションに入りますが、長押しの場合はそもそも次の画面に遷移するのかどうなのかは長押ししてみないとわからないです。そこにちょっとしたアニメーションを入れることで長押し押下のフィードバックを返すことができます... -
UI演出
ダウンロード中のゲージ表示はこれ一択
ゲーム初回起動でよくあるダウンロードですが、各アプリ色々な工夫を凝らしてユーザーの初回起動時の離脱防止のために努力されているかと思います。 そんなゲージのアニメーションは主に2つあり、どちらの見せ方もよくあるアニメーションとなっております... -
UI演出
ボタンアニメーションは凹むだけではない
ボタン押下はユーザーが一番多く行う行動の一つで、ボタンという小さい領域の中にもアニメーションはたくさん存在します。その押下時のアクションは凹ますだけでなく、他にも色々な種類があります。 ボタン押下時のアニメーションの種類 縮小アニメーショ... -
UI演出
リストアニメーションの種類
リストアニメーションは種類が多く悩みますね。リストのレイアウト次第でアニメーションを変える必要があるので、リストにどんな種類があるのかを一部まとめつつ、アニメーションについて書きました。 リストの種類によってアニメーションは変わる コンテ... -
UI演出
ダイアログの見せ方_背面の種類
ダイアログはボタン押下時、別画面へ遷移はせずに別ウインドウが飛び出す演出で、ソーシャルゲームではよく使われます。webのダイアログでは広告が主流で嫌われているみたいですが、ゲームではお知らせや注意させる動きで使われることが多いです。 ゲーム... -
UI演出
ローディングを無くす
よく見るアプリゲームのロードですが、実は気にしてみるとロードが長いものから短いもの、はたまたロード画面が存在しない(ように見える)ものもあります。 このロード、タイトルでは無くすと書きましたが、無くなりません・・・! どうしても必要な処理... -
UI演出
遷移アニメーションの重要性
遷移アニメーションはゲームアプリで必ず発生し、そのゲームの個性を表してもいます。この遷移アニメーションは時に長いと感じることもあるかもしれませんが、遷移アニメーションを排除すると実は見辛かったり、ストレスを感じることになります。 遷移アニ...
