ゲームUI 作り方講座 Photoshop＆After Effectsで学ぶ、UIデザインとアニメーションの基本

※この商品は固定レイアウトで作成されており，タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また，文字列のハイライトや検索，辞書の参照，引用などの機能が使用できません。
※PDF版をご希望の方は Gihyo Digital Publishing（https://gihyo.jp/mk/dp/ebook/2025/978-4-297-14819-5）も合わせてご覧ください。
UIデザイン＋UIアニメーション
ゲームUIの考え方と作り方がこれ1冊でわかる！
ゲーム制作にあたって，UIのデザインはとても重要です。スマホの画面で操作しやすいUI，見やすいUI，魅力的なUIを制作する必要があります。本書は，ゲームUIをデザインしたい
・新人ゲームデザイナー
・インディーゲームの制作者
・ゲームの仕事につきたい学生
を対象に，ゲームUIをデザインするための基本的な考え方から，実際のUIパーツ，アニメーションの作り方までをやさしく解説した書籍です。前半のUIデザイン編では，Photoshopを使ってダイアログとホーム画面のUIパーツをデザイン。後半のUIアニメーション編では，デザイン編で制作したUIパーツに動きをつけます。本書の解説に使用しているサンプルファイルは，本書購入者のみダウンロード可能。UIアニメーションは，QRコードから動きを見ることができます。＜太字＞デザイン＋アニメーションで，ゲームUIの知識と実践がよくわかる＜太字＞1冊です！
■■こんな方におすすめ
・ゲームUIをデザインしたい新人デザイナー
・趣味のゲーム開発者
・ゲームの仕事につきたい学生
■■目次
●UIデザイン編
CHAPTER1 ゲームUIデザインの基本を知ろう
1-1 UIデザインの基礎知識（１）デザインの4原則
1-2 UIデザインの基礎知識（２）UIデザインの5つの考え方
1-3 UIデザインの基礎知識（３）ゲームUIの画面設計
…
CHAPTER2 ゲームUIにおけるPhotoshopの基本を知ろう
2-1 Photoshopの基本（１）ゲームUIにおけるPhotoshopの役割
2-2 Photoshopの基本（２）Photoshopの画面構成
2-3 Photoshopの基本（３）ファイルと画像の操作
…
CHAPTER3 ダイアログのUIデザインを作ろう
3-1 ダイアログのデザイン（１）ダイアログのデザイン情報を整理する
3-2 ダイアログのデザイン（２）ダイアログ作成の基本を知る
3-3 ダイアログのデザイン（３）ワイヤーフレームとデザインカンプ
…
CHAPTER4 ホーム画面のUIデザインを作ろう
4-1 ホーム画面の基本（１）ホーム画面のデザイン情報を整理する
4-2 ホーム画面の基本（２）ホーム画面作成の基本を知る
4-3 ホーム画面の基本（３）ワイヤーフレームとデザインカンプのポイント
…
●UIアニメーション編
CHAPTER5 ゲームUIアニメーションの基本を知ろう
5-1 UIアニメーションの基礎知識（１）UIアニメーションの重要性
5-2 UIアニメーションの基礎知識（２）ユーザビリティ
5-3 UIアニメーションの基礎知識（３）インタラクション
5-4 UIアニメーションの基礎知識（４）UIアニメーションを作るための準備
…
CHAPTER6 ゲームUIにおけるAfter Effectsの基本を知ろう
6-1 After Effectsの基本（１）UIアニメーションにおけるAfter Effectsの役割
6-2 After Effectsの基本（２）After Effectsの画面構成
6-3 After Effectsの基本（３）フレームレートと解像度
6-4 After Effectsの実践（１）コンポジション／背景／シェイプを作る
…
CHAPTER7 ダイアログのUIアニメーションを作ろう
7-1 ダイアログのアニメーション（１）ダイアログアニメーションの情報を整理する
7-2 ダイアログのアニメーション（２）ダイアログアニメーションのイメージを検討する
7-3 ダイアログのアニメーション（３）ダイアログアニメーションの素材を準備する
7-4 ダイアログのアニメーション（４）拡大縮小のアニメーションを作る
…
CHAPTER8 ホーム画面のUIアニメーションを作ろう
8-1 ホーム画面の基本（１）ホーム画面のアニメーション情報を整理する
8-2 ホーム画面の基本（２）ホーム画面アニメーションの基本を知る
8-3 ホーム画面の基本（３）ホーム画面アニメーションのイメージを考える
8-4 ホーム画面の基本（４）ホーム画面アニメーションの素材を準備する
…