1
ゲームUIデザインで使う「UIコンポーネント一覧」についてまとめました📝1枚画像で収まらなかったので、明日「その2」をアップします😂
#ゲーム素材の作り方
2
ゲームUIデザインに役立つ「視線誘導の法則とは」についてまとめました📝
#ゲーム素材の作り方
3
ゲームUI作成時に考えておくべき「UIカラー指定」についてまとめました📝
#ゲーム素材の作り方
4
ざっくりですが、スマホゲームで使われているフォントサイズを調べてみました📝
サンプル画像はダイアログですが、その他画面でも大体同じです。
最小文字サイズは20px以上推奨で、その他文字サイズは4px単位で変化させていくのをオススメします👀
#ゲーム素材の作り方
5
ザラッとした絵本風アイコン＋簡易アニメ。
今月のNoteマガジンで、データ配布します👀
#ゲーム素材の作り方
6
ゲームUIで難しいところは、文字数の増減に耐えられるレイアウトを考えなければいけないところだと思う…😂
固定であれば、そこで一番キレイに見えるレイアウトで組むだけなんですが、ゲームだとそうはいかないんですよね…
基本的に情報が可変なので…🥲
#ゲーム素材の作り方
7
【無料】で商用可能な可愛いフォントをご紹介✨
バナーやちょっとしたアクセント文字として使えそうなフォントを集めてみました👀
#ゲーム素材の作り方
8
ゲームは、使い勝手や操作性に加えて「ワクワクさせる」ための細かな仕掛けがたくさん隠されています👀
ゲーム画面をじっくり見て、どうしてその見せ方をしているのだろう…と一度考えてみると、新たな発見があるかも…✨
#ゲーム素材の作り方
9
個人でゲーム開発されてる方、ワイヤーフレーム制作をサボってませんか・・・？😆
小規模開発なら、XDなどでワイヤーフレーム全画面分をまずは作ってみてください。
そうすると、制作工数や機能の洗い出しなど、色々と見えてくるものがあるはず📝
#ゲーム素材の作り方
10
ゲーム特有の【文字装飾】についてまとめました📝
ちょっとだけWebデザインをしていた時期があるのですが、そのときは、こんなに盛った文字なんて作らなかったですよ…😂
作っても、①のようなシンプルなものでしたね👀
#ゲーム素材の作り方
11
ゲームUIで「オシャレに黒を使う方法」について図解しました✨
純粋な黒（#000000）を使うより
🔸半透明する
🔸色を混ぜる
🔸グラデにする
など、ちょっと工夫するだけで、
見え方がグッと変わります👀
#ゲーム素材の作り方
12
「文字デザインのちょっとしたコツ」をまとめました📝
ゲーム系UIやバナー内の文字は、キャラや背景の上に配置したり、表示自体が小さい場合があるため、「文字の隙間をうめる」とちょっとだけ幸せになるかもしれない・・・というお話👀
#ゲーム素材の作り方
13
ゲームのUI素材として、アイコンを作る時は、いつも頭の中で連想ゲームをしながら作っています🤔
パッと思いつくときもあるのですが、そうでなければ、キーワードをひたすら並べていき、アイコンに使えそうな形状を探しています😂
#ゲーム素材の作り方
14
ゲームでよく見かける「バーゲージ（棒ゲージ）」についてまとめました😆
ゲージ名については、
それっぽいものを勝手につけてます💦
他にもまだあるので、第2弾もありそう・・・👀
#ゲーム素材の作り方
15
「UIデザインのトレンド」をまとめました✨
要点のみギュッと絞ったので、
もっと知りたい方は、
調べてみると新たな発見があるかも・・・👀
#ゲーム素材の作り方
16
「簡単に盛れる文字加工〜3ステップ〜」
についてまとめました✨
フォントをそのまま使用するよりも、
ちょい足し加工をした方が見栄えがUPするので、
オススメです😉
#ゲーム素材の作り方
17
最近の「スクロールバー」事情について考えてみました🤔
ゲームUIに限らず、スクロールバーを表示しないことが増えてきた気がします。
みなさんの「バー事情（？）」も、ぜひ聞きたいです・・・✨
#ゲーム素材の作り方
18
「キャンディ風文字の作り方」をまとめました✨
こちらのPSDデータは、お試しでnoteで販売する予定です。
（少しだけ様子を見て、需要がなさそうであれば、やめます😅）
ちなみに、装飾はレイヤー効果のみを使用しているので、文字を打ち直すだけで同じ表現ができます。
#ゲーム素材の作り方
19
「ミニキャラができるまで」をまとめてみました✨
ラフはフォトショ、仕上げはイラレで作成しています😉
#ゲーム素材の作り方
20
今日の一枚画像は「トグルボタンの種類」についてです🐣
ゲームのUIデザインをするときに、トグルボタンに悩み、調べる機会が多かったので、基本の型をまとめてみました✨
#ゲーム素材の作り方
21
「ひんやり氷文字の作り方」をまとめました✨
こういった装飾は、Photoshop先生の得意分野ですね😆
#ゲーム素材の作り方
22
【文字装飾】「ネオン看板の作り方」をまとめました✨
ネオンっぽいレイヤースタイル効果を一つ作ってしまえば、あとはスタイルのコピペだけで対応できるので（色変えは必要）、かなり便利かなと。
ただ、この表現を使える場面がかなり限られてるかも・・・👀
#ゲーム素材の作り方
