UXDesigner,Semdesign_UX/UI디자이너 셈디자인 Details
※ 2024年6月4日まで40名以上の方にご購入いただく講座については、検収作業を行いより精度の高い翻訳で提供する予定でございます。
※ 講義資料は映像公開日(2024年5月28日)から60日以内、順次提供されます。正確な日程についてのご案内は出来かねる点、予めご了承ください。
追加で身に付けるべきスキルも多く、学べるところも見つけるのが難しいため試すことさえできていないのなら?
ゲームUI/UXデザインの基礎はもちろん、4つの異なるスタイルに基づく20のアイコンデザインの実習に基づいて独自のポートフォリオを構成するためのコツまで盛り込みました。
Sem Designのポートフォリオ
講座の例題
20のアイコンデザインでUIの基礎からポートフォリオノウハウまで学びます。
Part 01. UIの基礎とデザインを始める
-
ゲームUIとPhotoshopの基礎 -
ポップアップウィンドウ3種
(カジュアルスタイル) -
システム設定ウィンドウ
(カジュアルスタイル)
Part 02. スクロールリスト
-
クエストUI
(SFスタイル) -
クエスト内容のアイコン
(ベクトル) -
報酬アイテムのアイコン
(ドローイング)
-
すべて獲得するボタンのアイコン
(ベクトル) -
リーグランキングのUI
(SFスタイル) -
ランキングのアイコン
(ベクトル)
Part 03. パターンとフレームのデザイン
-
手紙UIのデザイン
(パターンイメージ) -
ダンジョン入場のUI
(王道ファンタジースタイル)
Part 04. UI演出の企画
-
通知ウィンドウのUI
(王道ファンタジースタイル) -
戦闘結果のUI
(カジュアルファンタジースタイル)
Part 05. UI Flow
-
スキルのUI
(カジュアルファンタジースタイル) -
スキルのアイコン
(ドローイング) -
キャラクター情報のUI
(カジュアルスタイル)
Part 06. 2DゲームグラフィックスとUI
-
2DパズルゲームのインゲームUI
(カジュアルスタイル) -
パズルブロック&アイテムアイコン
(ドローイング)
UI/UXデザイナー
Sem Design
こんにちは、UI/UXデザイナーのSem Designです。
私は18年間PC、コンソール、モバイルのデバイス環境でMMORPGやカジュアル、リズムアクションなど様々なゲームプロジェクトのUIデザインと演出作業を行ってきました。
現在もUIデザイナーであり、ゲームアーティストとしてモバイルゲーム開発とライブサービスのためのデザインに参加しており、「Sem Designクラス」という名前の講座を通じてゲームUIデザインに関する情報とノウハウを提供しています。
*Sem DesignクラスのゲームUI/UXの講座はART in Gで提供しています。

Sem Design
現) フリーランスのゲームアーティスト、ゲームUI/UXデザイナー
現) ゲームUI/UXデザインの専門講座、「Sem Designクラス」を運営中(Art in G)
DoubleU Games
リードUI/UXデザイナー、ゲームアーティスト
Dalcomsoft
アートディレクター、リードUI/UXデザイナー、ゲームアーティスト
Cocoonbeat
リードUI/UXデザイナー
NDoors
リードUI/UXデザイナー、ゲームアーティスト
Sony Computer Entertainment Korea
リードコンセプトアーティスト、UI/UXデザイナー
この講座のポイント
簡単な言語で作り上げたゲームUI/UXデザインに特化した講座
誰でも理解できる簡単で日常的な概念と単語を利用し、ゲームUIデザインを始めるための基礎理論からデザイン実務のスキル、長く働き続けるデザイナーになるために必要な専門性まで学びます。
多彩なスタイルの実務レベルの例題のまとめ
王道ファンタジーやカジュアルファンタジー、カジュアル、SFなど、4つの代表的なスタイルに基づいた20の例題を直接作成してみます。デザインを分析して身に付ける方法から、効果的に作業を進めてクオリティを高める方法、迅速かつ効率的に成果物を作り出すプロセスまで学びます。
就職率100%を可能にしたゲームアーティストの成長ノウハウ
ベースが全くなくても、正しい方法で勉強すれば競争力のあるポートフォリオを作成し、ゲーム業界に入ることができます!様々なジャンルとプラットフォーム環境のプロジェクト経験を持つベテランゲームアーティストのノウハウを自分のものにしてみましょう。
講座内容
下記のような内容を学べます。
-
ゲームUI/UXデザインの基礎ゲームUI/UXデザインのベースを作る基礎理論を学び、最もよく使われるテクニックを中心とするPhotoshopの機能を学びます。 -
小さなポップアップウィンドウから始めるゲームUIデザインカジュアルなゲームスタイルでポップアップウィンドウを直接作成しながら、基礎過程で学んだ内容を復習します。ゲームUIを構成する基本的な要素について理解してみます。 -
スクロールリストのUIとフルスクリーンのUISFゲームスタイルでクエストのUIを作成し、スクロールリストの概念を学びます。リーグランキングのUIを作成して、フルスクリーンのUIの解像度に対応する概念を学びます。
-
情報の深さとUIフロー王道ファンタジースタイルの手紙のUIで情報の深さの概念を理解します。カジュアルゲームスタイルのキャラクター情報のUIを作成し、流れを持つUIについて学びます。 -
UI演出の企画王道ファンタジーゲームスタイルの通知UIを作成し、それに基づいてシンプルなUI演出を計画してデザインの成果物に適用する方法を学びます。また、カジュアルファンタジーゲームスタイルの戦闘結果のUIを通じて、より複雑な流れを持つUI演出を考えてみます。 -
様々なアイコンとグラフィックデザインの実務様々なスタイルのピクトグラムやアイテム、スキルアイコンなどを直接作り、ベクトル/ドローイングアイコンのデザインを幅広く学びます。構造的なオブジェクトデザインが必要なスタイルのUIを作成し、デザインスキルまで育ててみます。
カリキュラム
カリキュラム内容のご紹介
SECTION 01. オリエンテーション
01. 講座紹介とゲームUIについて
- 講師紹介
- ゲームUI?UX?
- 講座のカリキュラムの紹介と勉強方法
SECTION 02. ゲームUIデザインの基礎
02. ゲームUIデザインを始めるための基礎理論
- グリッド
- 情報デザイン(カラー、フォント、デコレーション要素)
- リファレンスの活用
03. ゲームUIのデザインを始めるためのPhotoshopの基礎
- Photoshopと親しくなる
- レイヤープロパティ
- ビットマップとベクトル
- シェイプツールとペンツール
- レイヤー効果
- ゲームUIのデザインで使うフォント効果
SECTION 03. ゲームUIデザインを始める
04. 基本ポップアップウィンドウ3種の作業準備
- ポップアップウィンドウの構造
- 作業方向の設定とUIの企画
- レイヤー整理の重要性
05. 基本ポップアップウィンドウのデザイン3種(カジュアルスタイル)
- コンセプトデザイン
- 基本ポップアップウィンドウのデザイン3種
- レイヤーの整理
SECTION 04. ゲームUIの基本コンポーネント
06. システム設定ウィンドウの作業準備
- ゲームUIの基本コンポーネント:ボタンやタップ、トグル、スライダーなど
- 作業方向の設定とUIの企画
- タブで構成されたUIレイヤー整理のコツ
- コンセプトデザイン
07. システム設定ウィンドウのデザイン(カジュアルスタイル)
- システム設定UIのデザイン
- タブ構造UIのレイヤー整理
SECTION 05. スクロールリスト+アイコンデザイン1
08. クエストUIの作業準備
- スクロール領域とリスト
- 作業方向の設定とUIの企画
- コンセプトデザイン
09. クエストUIのデザイン(SFスタイル)
- クエストUIのデザイン
- レイヤーの整理
10. 9 Gridとアイコンデザイン
- 9 Grid
- クエスト内容のアイコン(ベクトル)
- 報酬アイテムのアイコン(ドローイング)
- すべて獲得するボタンのアイコン(ベクトル)
SECTION 06. 解像度の対応+アイコンデザイン2
11. ランキングUIの作業準備
- 解像度の対応とは?
- 作業方向の設定とUIの企画
- コンセプトデザイン
12. ランキングUIのデザイン(SFスタイル)
- ランキングUIのデザイン
- フルスクリーンのレイヤー整理
13. アイコンデザイン2
- ランキングのアイコン(ベクトル)
SECTION 07. 情報の深さを持つUI+パターンイメージの作成
14. 手紙UIの作業準備
- 情報の深さとインタラクション
- 作業方向の設定とUIの企画
- コンセプトデザイン
15. 手紙UIのデザイン(王道ファンタジースタイル)
- 手紙UIのデザイン
- パターンイメージの作成
SECTION 08. UI状態の区分+フレームデザイン
16. ダンジョン入場UIの作業準備
- UI状態の区分(有効/無効/ロック状態)
- 作業方向の設定とUIの企画
- コンセプトデザイン
17. ダンジョン入場UIのデザイン(王道ファンタジースタイル)
- ダンジョン入場UIのデザイン
- フレームのデザイン
SECTION 09. UI演出の企画1+エフェクトの表現
18. 通知UIの作業準備
- 1つのシーケンスから構成されるUI演出の計画
- ゲームUX/UIデザイナーとしてのマインドセット
- 作業方向の設定とUIの企画
- コンセプトデザイン
19. 通知UIのデザイン(王道ファンタジースタイル)
- クエストクリアの通知UIのデザイン
- エフェクトの表現
SECTION 10. UI演出の企画2
20. 戦闘結果UIの作業準備
- 流れを持つUI演出の計画
- 作業方向の設定とUIの企画
- コンセプトデザイン
21. 戦闘結果UIのデザイン(カジュアルファンタジースタイル)
- 戦闘結果UIの演出
- デザイン作業
SECTION 11. UI FLOW 1+アイコンデザイン3
22. スキルUIの作業準備
- UI Flow
- 作業方向の設定とUIの企画
- コンセプトデザイン
23. スキルUIのデザイン(カジュアルファンタジースタイル)
- スキルUIのデザイン(スキルツリー)
- スキルレベルアップ情報のポップアップUIのデザイン
24. アイコンデザイン3
- スキルアイコンのレイアウトを見る
- スキルアイコン(ドローイングアイコン)
SECTION 12. UI FLOW 2
25. キャラクター情報UIの作業準備
- UI Flow
- 作業方向の設定とUIの企画
- コンセプトデザイン
26. キャラクター情報UIのデザイン(カジュアルスタイル)
- キャラクターリストUIのデザイン
- キャラクター詳細UIのデザイン
SECTION 13. 2DゲームグラフィックスとゲームUI+アイコンデザイン4
27. 2Dゲームグラフィックスデザインの作業準備
- 2Dゲームグラフィックス作業の範囲
- 作業方向の設定とUIの企画:簡単なゲームのルール設定
- コンセプトデザイン
28. 2DパズルゲームのインゲームUIのデザイン
- 2DパズルインゲームUIの企画
- デザイン作業
29. アイコンデザイン4
- パズルブロックのデザイン
- アイテムアイコン
SECTION 14. ポートフォリオの作成と勉強のコツ
30. 競争力のあるゲームUI/UXデザイナーになる
- 心強い実力につながる勉強方法
- 良いポートフォリオを作る
- ゲームアーティストとしての心構え
*講座動画の公開時期や、カリキュラムのイメージ・内容などは予告なく変更になる場合がございます。予めご了承ください。
インタビュー
UI/UXデザイナー Sem Designがお話ししたいこと
UI/UXデザイナーとして講師の強みは何だと思いますか?
ゲームUI/UXデザインを単にイメージを綺麗に見えるようにするアート・グラフィックデザインの観点だけでなく、情報デザインの観点からも深く触れるため、ゲームUI/UXデザイナーとして競争力と専門性を築くための基盤を設けることができるはずです。様々なスタイルのゲームUIの画面をデザインしてみることで、実務にすぐに活用できる作業プロセスとノウハウを身に付けられるように構成しました。
今回の講座の差別化ポイントは何ですか?
ゲームのUI/UX分野に関する情報とポートフォリオの作成、実務で活用できるノウハウを共有したいと思います。ベースが全くない方も正しい方法で勉強すれば競争力のあるポートフォリオを完成し、ゲーム業界に第一歩を踏み出すことができます。しかし、目標は就職ではありません。ゲーム開発において重要な役割をするデザイナーとして成長することを目指してください!長年のノウハウが盛り込まれたゲームUI/UXデザインの講座をオンラインで受講することができます。
どのような方に今回の講座をおすすめしますか?
ゲームUIデザイナーになりたいがどこから始めれば良いのか分からず苦しんでいた方、完成度の高いポートフォリオを制作してゲームUIデザイナーとしてゲーム業界で働きたい方、デザインスキルをさらに発展させたい現場の方に役立つような知識とノウハウを盛り込みました。
使用プログラムについてご案内します。
当講座は、以下のツールを使用します。
[メインツール]
- Photoshop CC 2022
※円滑な受講のため、該当バージョンのご使用を推奨します。
※PhotoshopはCC以上のバージョンを推奨します。
