ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

【2022年11月更新】ゲームUIデザイナー向けおすすめ書籍まとめ

こんにちは、ちょこです。

このページでは、ゲームUIデザイナーにおすすめの書籍を紹介します。
ゲームUIを1冊で包括的にまとめている書籍は見当たらなかったため、複数ジャンルを紹介します。

 

現在46(2022/11/03更新)

 

デザイン全般…10冊

このジャンルは非デザイナー向けに書かれた書籍が多く、レイアウト、フォント、文字組み、配色、画像配置などの基礎的な知識が得られるジャンルです。
図が多く、分かりやすく書かれているため、読みやすいものが多いです。
どれか1冊でも手元にあると良いのかなと思います。

 

1:伝わるデザインの基本 増補改訂3版

バナーやチラシなどを作る機会のある方であればデザイナー、非デザイナー問わず超おすすめです!まずはこれを読んで不足があれば他の書籍を探してみて欲しいです。

 

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
178語
備考
# PowerPoint #ビットマップ画像とベクターデータの違い # 約物のルール

FFTに例えるとシドルファス・オルランドゥ!強すぎて最早バランスブレイカー「伝わるデザインの基本 増補改訂3版」 - ゲームアプリのUIデザイン

 

2:デザイン入門教室

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× 180語
備考
 

リセマラしてでも必ずゲットすべき!初心者にオススメしやすい難易度「デザイン入門教室」 - ゲームアプリのUIデザイン

 

3:伝わるデザインの授業

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
△ ※UDフォント 167語
備考
# グラフィックデザイン # 文字の装飾 # VI # 視線誘導 

素人っぽさを脱するための感覚とロジックが習得できる「伝わるデザインの授業 一生使える8つの力が身につく」 - ゲームアプリのUIデザイン

 

4:いちばん面白いデザインの教科書 改訂版

デザイナーの行うべき造形とは、意図することを的確に伝えること

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× × × ※用語の説明程度 538語
備考
# グラフィックデザイン # アイコン # 写真撮影 # カメラ # マスク # 画像補正 # InDesign # 印刷 # パス入門

デザインのやり方、教えます「How to Design いちばん面白いデザインの教科書」 - ゲームアプリのUIデザイン

 

5:デザインを学ぶ1 グラフィックデザイン基礎

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
△  ※UDフォントに関するコラム 277語
備考
# グラフィックデザイン #ピクトグラム # パッケージデザイン # 紙の規格

ピクトグラムも紹介されてるよ!「デザインを学ぶ1 グラフィックデザイン基礎」 - ゲームアプリのUIデザイン

 

6:やさしいデザインの教科書

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× × △  ※UCDフォントに関するコラム 103語
備考
 

デザインとは、見る側の立場になって、どうすれば分かりやすいかを考え、情報を整理して見せること「やさしいデザインの教科書」 - ゲームアプリのUIデザイン

 

7:とりあえず、素人っぽく見えないデザインのコツを教えてください!

教科書みたいに小難しい内容は一切なし!

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× × なし
備考
# あしらい # 装飾

コツを知れば初心者でもプロっぽく「とりあえず、素人っぽく見えないデザインのコツを教えてください!」 - ゲームアプリのUIデザイン

 

8:一生使える見やすい資料のデザイン入門

資料のデザインは「学べば誰でも改善できる」

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× × 82語
備考
# プレゼン資料 # PowerPoint # ビフォーアフター

資料のデザインは学べば誰でも改善できる「一生使える見やすい資料のデザイン入門」 - ゲームアプリのUIデザイン

 

9:プレゼン資料のための正しいデザイン

プレゼン資料はデザインの力で変わります!

レイアウト 配色 フォント・文字組 画像配置
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× × 86語
備考
# プレゼン資料 # PowerPoint # ビフォーアフター

プレゼン資料はデザインの力で変わります「プレゼン資料のための正しいデザイン ビジネスを成功に導くレイアウトの技術」 - ゲームアプリのUIデザイン

 

10:ノンデザイナーズ・デザインブック

この本の基本原則に従えば、あなたの作品が、もっとプロらしく、組織化され、一体化され、おもしろくなることを保証します。

レイアウト 配色 フォント・文字組 画像配置
△ ※日本語は補足 ×
インフォグラフィック 表・グラフ ユニバーサルデザイン 索引
× × × 213語
備考
# パンフレット # ハガキ # 翻訳本

4つの基本原則を知るだけで、あなたのデザインはぐっと良くなる「ノンデザイナーズ・デザインブック」 - ゲームアプリのUIデザイン

 

 

デザイン全般(クライアント居る)…6冊

このジャンルは入門書の中でもクライアントが存在する際のデザインの流れについて書かれているものをまとめました。

基本的なデザイン知識に加えて、クライアントが何をもとめているか、クライアントからの修正にどのように対応するのか、という点で悩んでいる方には参考になるかと思います。

また、素材に関する利用規約の確認など、商用を意識した視点の内容も含まれています。非デザイナーにとってはやや難易度が高いと感じるかもしれませんが、プロのデザイナーにとってはこの辺りも入門書レベルに入ってくると思います

 

1:デザイナーじゃないのに!

この本で紹介するいくつかのテクニックを知るだけで、「見にくい」「わかりにくい」「あか抜けない」を回避しながら、スピーディーにデザインを整えていくことができるようになります。

備考
#マンガ #デザインの4大原則 #フィードバック対応のコツ #ターゲットを意識したデザイン #フリー素材サイト紹介

デザイナーの超基本が漫画でわかる「デザイナーじゃないのに!」 - ゲームアプリのUIデザイン

 

2:デザインの基本ノート

まずは「デザインの基本を知る」こと。そして「たくさんの作例を見る」こと。この流れがとても大事だと考えています。

デザインとは人が幸せになるようにすること「デザインの基本ノート 仕事で使えるセンスと技術が一冊で身につく本」 - ゲームアプリのUIデザイン

 

3:デザイン力の基本

デザインとは、「プロジェクト成功のカギを握る、創造のための知識・教養」だと私は考えています。

プロのデザイナーの思考プロセスを分かりやすく解説!「デザイン力の基本 簡単だけど、すごく良くなる77のルール」 - ゲームアプリのUIデザイン

 

4:デザイン・フォーラム 13人のプロが教える原則と経験則

備考
#グラフィックデザイン #索引

疑問解決!160問!「デザイン・フォーラム 13人のプロが教える原則と経験則」 - ゲームアプリのUIデザイン

 

5:一生懸命デザインしたのにプロっぽくなりません。

僕も、みなさんのデザイン力を伸ばすためのお手伝いをしたい

デザイン力向上の一助になれば幸いです「一生懸命デザインしたのにプロっぽくなりません。」 - ゲームアプリのUIデザイン

 

6:デザイナーになる。 伝えるレイアウト・色・文字のいちばん大切な基本

「デザイン」は「目的を形にすること」

良いデザインって?がわかる、新しいデザイン入門の入門書「デザイナーになる。 伝えるレイアウト・色・文字のいちばん大切な基本」 - ゲームアプリのUIデザイン

 

レイアウト…2冊

このジャンルは主にレイアウトに関わるジャンルです。
レイアウトの基礎的な知識は「デザイン全般」のジャンルで補えますが、より細かい調整、トレンドを含む事例集を含めます。

1:やさしいレイアウトの教科書

広告中心のレイアウトの入門書「やさしいレイアウトの教科書」 - ゲームアプリのUIデザイン

 

2:っぽくなるデザイン 誰でもできるかっこいいレイアウト集

ポスターやポストカード未経験の方におすすめ「っぽくなるデザイン 誰でもできるかっこいいレイアウト集」の感想 - ゲームアプリのUIデザイン

 

フォント…2冊

基礎的な知識は上で紹介している「デザイン全般」のジャンルの書籍で補えます。
ここではフォントについての周辺知識を取り扱っている書籍を紹介します。デザインのインプットはいくらしても困らないので、余裕があったら読んでみても良いかと思います。

1:英国人デザイナーが教えるアルファベットのひみつ

Zは外国っぽい!「英国人デザイナーが教えるアルファベットのひみつ」 - ゲームアプリのUIデザイン

 

2:タイポさんぽ改

レトロ調のロゴデザインをする仕事の参考資料に「タイポさんぽ改」 - ゲームアプリのUIデザイン

 

ダークパターン…1冊

ダークパターンはまだ馴染みのない言葉かもしれませんが、UIデザイナーは優先度高く覚えたい言葉です。企業にとってリスクもあるため避けたいデザインです。

1:ザ・ダークパターン ユーザーの心や行動をあざむくデザイン

ダークパターンをセールステクニックとして扱う時代は、もう終わりです。

備考
#ダークパターンの種類 #ダークパターンを使うリスク #ナッジ #デフォルト効果

そのデザイン、顧客の信頼を失っていませんか?「ザ・ダークパターン ユーザーの心や行動をあざむくデザイン」 - ゲームアプリのUIデザイン

 

レビュー…5冊

デザインのレビュー、フィードバックの事例を学ぶことで、どういった点で指摘が想定されるか学ぶことが出来ます。独学で学習する環境のUIデザイナーも多くいると思うので、こういった書籍で学びセルフチェックの精度を高めることができるかと考えます。

1:なるほどデザイン

目で見て楽しむデザインの本「なるほどデザイン」 - ゲームアプリのUIデザイン

 

2:だから、そのデザインはダメなんだ。

WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる

備考
#web #サイト設計 #コンテンツ設計 #マーケティング戦略 #ユーザビリティ #HCD

webデザインに広く触れつつ骨太な一冊「だからそのデザインはダメなんだ」 - ゲームアプリのUIデザイン

 

3:やってはいけないデザイン

デザイン初心者から現役のプロの方にもオススメ「やってはいけないデザイン」 - ゲームアプリのUIデザイン

 

4:失敗しないデザイン

デザイン未経験者、独学のデザイナー、フィードバックを出す側の方など、幅広くおすすめ「失敗しないデザイン」 - ゲームアプリのUIデザイン

 

5:いろいろな、いろ。配色に着目したデザインレイアウトの本

配色に注目したフィードバックの参考に!「いろいろな、いろ。 配色に着目したデザインレイアウトの本」 - ゲームアプリのUIデザイン

 

フィードバック…4冊

このジャンルはクライアントからのフィードバックに対してどのようなデザインを提案するか事例を紹介しているジャンルです。どれも2021年以降に出版された比較的新しめの書籍です。

1:鬼フィードバック

本書では、たくさんのラリーを通じてデザイナーとしての思考と目線、解決方法を参考にすることもできますし、反対側の立場であるディレクターとしお手の思考と視線、指示の仕方も楽しめます。

備考
# バナー # 名刺 # チラシ # サムネイル # プレゼン資料 # POP # ポスター # 企業ロゴ

デザインの見方、捉え方、考え方の本質をつかむ一冊「鬼フィードバック デザインのチカラは“ダメ出し”で育つ」 - ゲームアプリのUIデザイン

 

2:どうする?デザイン

本書は、クライアントとデザイナーの会話と作例で、デザインができあがるプロセスを俯瞰できるデザイン本です。

備考
#ポスター #名刺 #ショップカード #チラシ #ロゴ #パンフレット #パッケージ

発注から納品までを8ページで解説「どうする?デザイン クライアントとのやりとりでよくわかる!デザインの決め方、伝え方」 - ゲームアプリのUIデザイン

 

3:赤ペン添削でわかりやすい!選ばれるデザイナーへの道

本書では、デザインの作成において「赤ペン添削」と「会話」という2つのコミュニケーションによりデザインがブラッシュアップされていくプロセスに焦点を当てました。

備考
#フライヤー #バナー #ポスター #DM、ハガキ #パッケージ

上司がいないデザイナー必見!「赤ペン添削でわかりやすい! 選ばれるデザイナーへの道」 - ゲームアプリのUIデザイン

 

4:○×でわかる! デザインが良くなる5つのポイント

備考
#ポスター #チラシ #フライヤー #リーフレット #広告 #ハガキ #パンフレット #小冊子 #雑誌記事 #メニュー

クライアントから受けたデザインのオーダーをより要望に沿ったデザインに仕上げるためのポイントやコツを紹介「○×でわかる! デザインが良くなる5つのポイント」 - ゲームアプリのUIデザイン

 

クイズ…1冊

1:もっとクイズで学ぶデザイン・レイアウトの基本

備考

#デザインの言語化 #グラフィックデザイン #クイズ

デザインの良し悪しを言葉にできるようになる!「もっとクイズで学ぶデザイン・レイアウトの基本」 - ゲームアプリのUIデザイン

 

人間中心設計(HCD)…4冊

ゲームUIデザイナーが他のデザイナーと一線を画す部分のひとつがこのジャンルかと思います。設計思想であったり、ユーザービリティの調査手法などが学べます。

1:人間中心設計入門 HCDライブラリー 第0巻

HCDに興味が湧いたら最初に読む本「人間中心設計入門 HCDライブラリー 第0巻」 - ゲームアプリのUIデザイン

 

2:UX原論

結局良いUXって何?と悩んでいる方にオススメ!「UX原論」 - ゲームアプリのUIデザイン

 

3:人間工学の基礎

初心者にはオススメしづらいけど、参考資料を当たりたい場合に便利「人間工学の基礎」 - ゲームアプリのUIデザイン

 

4:悲劇的なデザイン あなたのデザインが誰かを傷つけたかもしれないと考えたことはありますか?

デザイナーとして何ができるかな「悲劇的なデザイン あなたのデザインが誰かを傷つけたかもしれないと考えたことはありますか?」 - ゲームアプリのUIデザイン

 

OOUI…1冊

1:オブジェクト指向UIデザイン──使いやすいソフトウェアの原理

UI設計に興味がある人にオススメ!「オブジェクト指向UIデザイン──使いやすいソフトウェアの原理」 - ゲームアプリのUIデザイン

 

ユニバーサルデザイン…1冊

1:アクセシブルデザインの発想 不便さから生まれる「便利製品」

アクセシブルデザインに触れる最初の1冊に丁度良いボリューム『アクセシブルデザインの発想 不便さから生まれる「便利製品」』 - ゲームアプリのUIデザイン

 

行動心理学…1冊

1:快感回路

ガチャ演出はなぜ豪華になるのか「快感回路」 - ゲームアプリのUIデザイン

 

ゲームUI…2冊

1:実践ゲームUIデザイン コンセプト策定から実装のコツまで

昨今のゲーム業界のワークフローをまとめた1冊「実践ゲームUIデザイン コンセプト策定から実装のコツまで」 - ゲームアプリのUIデザイン

 

2:売れるゲームのUI/UX 制作現場の舞台裏

ゲームUIデザイナー未経験者だけでなく経験者にもオススメできます「売れるゲームのUI/UX 制作現場の舞台裏」 - ゲームアプリのUIデザイン

 

失敗学…2冊

1:失敗の科学 -失敗から学習する組織、学習できない組織-

ゲーム開発に例えてみたら失敗の報告はバグ報告と似てることに気付いた「失敗の科学 -失敗から学習する組織、学習できない組織-」 - ゲームアプリのUIデザイン

 

2:ユーザインタフェース開発失敗の本質

筆者の体験をざっくりまとめた軽快な読み口「ユーザインタフェース開発失敗の本質」 - ゲームアプリのUIデザイン

 

発想法…4冊

1:直線は最短か?

弁証法ってなに?「直線は最短か?」 - ゲームアプリのUIデザイン

 

2:∞(むげん)アイデアのつくり方

アイデアしりとりって知っていますか?「∞(むげん)アイデアのつくり方」 - ゲームアプリのUIデザイン

 

3:博報堂のすごい打ち合わせ

ブレストをやる時の事例が紹介されている「博報堂のすごい打ち合わせ」 - ゲームアプリのUIデザイン

 

4:UXデザインのための発想法

新しいサービス、表現を検討したい方のヒントになるかも「UXデザインのための発想法」 - ゲームアプリのUIデザイン