FigmaでゲームUIデザインを作ろう
ฝัง
- เผยแพร่เมื่อ 9 ม.ค. 2025
- WEBデザインツール「Figma（フィグマ）」を使用して、ゲームUIデザインを作る方法を解説しています。基本から便利機能まで、ゲームUIを作るのに役立ちそうな機能を一気にご紹介！Figmaは無料でも使用できますので、ぜひお試しください。デザイン初心者の方でも使いやすいので、オススメです。
📃Noteマガジン発売中！
---------------------------------------------------
ゲームUIデザインに関連する情報や、「Photoshop」や「AfterEffects」で作成したオリジナルデータを公開しています。
Noteマガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。
note.com/hanas...
📃プロフィール紹介
---------------------------------------------------
🔹はなさくの
ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後に独立してゲームUIデザインやバナー、動画、イラスト制作などのお仕事をしています。
📃SNSアカウント
---------------------------------------------------
X(Twitter)： / hanasakuno
Instagram： / hanasakuno
ブログ：hanasaqutto.com/
無料素材：stockmaterial....
📃お問い合わせ
---------------------------------------------------
support@2clue.net
#ゲームUIデザイン #デザイン講座
画面を作りながら解説してくれたので作業イメージをつかむことが出来ました…！
凄い分かりやすかったです！
動画ありがとうございます！
良かったです・・・！
こちらこそ、見ていただき、ありがとうございます～！
すごい！photoshopやillustratorが無くてもここまで作れるんですね⭐️わかりやすかったです。
見ていただき、ありがとうございますー！
デザインと動画は面白かったです。お疲れ様です。
ありがとうございます・・・！
FigmaはUIをクリックしたときの挙動も一緒にデザインできるので、
より直感的に設計ができてイメージがすんなり入ってくることが利点ですね。
今の仕事でWebアプリの画面イメージがFigmaで作成されているのですが、
ゲームのUI制作にもFigmaが通用するというところは盲点でした。
個人的にゲーム制作もしているので、Figmaを活用してみます！
コメントありがとうございますー！
アプリのUIを作るのには、Figmaはとても良さそうですね！
ゲームUIだと、今回のようなフラットなデザインだと問題ないのですが、細かい装飾やブラシでの書き込みが多いテイストになると
やはりPhotoshopで作った方がラクな気もしますので、用途に合わせて使いこなせると良さそうですね。
大変分かりやすい動画をありがとうございます。参考にさせて頂きます。
ひとつ質問があります。
UIデザイナー志望の学生が作るポートフォリオに、UI画面をスマートファンの画面にくっつけてスマホのコマーシャルのようなビジュアルを作っているのをよく見ます。
あれはどのようにして作っているのでしょうか？
せっかく作品を作ったのにポートフォリオでのビジュアル制作が出来ず困っています。
よろしければご教授いただけると幸いです。
コメントありがとうございます！
作ったUI画面をスマホやPCのフレームに当てはめて、きれいなビジュアルを作りたいという感じでしょうか。
調べてみたのですが、Figmaではモックアップを作成できる便利なプラグインがいくつかあり、その中でも私は「Mockup Plugin」というのが使いやすいと感じました。
このプラグインは、一部有料もありますが、モックアップ用のフレームで無料で使用できるものもあるので、その中から選んでも良さそうです。
@
迅速なご回答をいただきありがとうございます。
なるほど、モックアップという言葉を初めて知りました！調べたところそちらの機能で間違いなさそうです。
figmaでも出来るのですね。有料版に入る予定なので早速試してみます。
本当にありがとうございます！！大変助かりました。
今後も素敵な動画を楽しみにしています。