UI演出 移動と拡大のやり方
移動＋拡大の動きについて、直線的な動きをするのか、曲線的な動きをするのかを考えていこうと思います。※上のアニメーションでは全てが正しいアニメーションではなく、よくない動きも入っています。NG例も含めて解説していきます。 今回は正方形から長方...
記事
UI演出 
演出 演出の流れはこう作る
演出で少し派手にしたいとき、特別印象付けたい時に自分のよくやるやり方を紹介しようと思います。まずは流れですが、流れは4つの工程を踏むことが多いです。 導入→破裂→収束→確定 派手目な演出を作る時はエフェクトを弾けさせて終わるのではなく、流れ...
UI演出 平面に奥行きを入れる考え
最近は3Dがメインコンテンツになっているゲームが非常に多くなってきました。UI自体は平面が多く3Dを入れている立体的なUIはなかなか少ないかと思います。今回はUIパーツを3Dにしたら…と言う話しではなく、フラットなUIにも奥行きを意識して作...
UI演出 アニメーションの最適な時間
アニメーションを行う時に何秒ほどかけるのを最適とするか考えた時に、ユーザーはアニメーションなんていらない、すぐに次の画面に行って欲しいと願うと思います。 しかし、アニメーションは必ず必要で、アニメーションのない遷移はユーザーへストレスを与え...
UI演出 UIの細かい動きについて
UIアニメーションに細かい動きの調整をしていく中でイージングというものがあります。イージングは動きに緩急をつけ、目立たせたい動きや自然な動きを作り出すことができます。このイージングはUIアニメーション以外にもキャラクターモーション、エフェク...
演出 ガチャ演出のスキップは不要
演出スキップは色々なところで発生します。・レベルアップ・覚醒・クエスト開始・リザルト・ログインボーナス・カットイン・ボス出現・タイトル・イベント などなどある中でガチャ演出が最も長いかと思います。今回はガチャ演出にスキップは必要派、不要派分...
UI演出 長押しにも演出を
ボタンを押下する時は押せば次のアクションに入りますが、長押しの場合はそもそも次の画面に遷移するのかどうなのかは長押ししてみないとわからないです。そこにちょっとしたアニメーションを入れることで長押し押下のフィードバックを返すことができます。 ...
UI演出 ダウンロード中のゲージ表示はこれ一択
ダウンロード中のゲージ表示は２種類の表示方法があります。分割型か、一括型か。
UI演出 ボタンアニメーションは凹むだけではない
ボタンアニメーションはどんなものがあるのか、簡単にまとめてみました。
演出 足し算で簡単に演出を作る
四角だけを使って単純な動きの組み合わせで演出を作りました。
UI演出 リストアニメーションの種類
リストアニメーションは種類が多く悩みますね。リストのレイアウト次第でアニメーションを変える必要があるので、リストにどんな種類があるのかを一部まとめつつ、アニメーションについて書きました。 リストの種類によってアニメーションは変わる コンテン...
UI演出 ダイアログの見せ方_背面の種類
ダイアログはボタン押下時、別画面へ遷移はせずに別ウインドウが飛び出す演出で、ソーシャルゲームではよく使われます。webのダイアログでは広告が主流で嫌われているみたいですが、ゲームではお知らせや注意させる動きで使われることが多いです。 ゲーム...