今話題のツール”Figma”の基本操作からワイヤーフレーム・デザインカンプ作成まで押さえる!eラーニング「Figma入門講座(全21回)」販売スタート!!
![](https://prcdn.freetls.fastly.net/release_image/3670/3662/3670-3662-2e92fc9cb3d6b29c7941e25a038c8146-698x393.jpg?width=1950&height=1350&quality=85&format=jpeg&auto=webp&fit=bounds&bg-color=fff)
株式会社クリーク・アンド・リバー社(C&R社)は、これからFigmaを使用したい、使い方を知りたい初心者の方に向けたeラーニング「Figma入門講座(全21回)」の販売を開始しました。
▼詳細・お申し込みはこちら
https://www.creativevillage.ne.jp/category/crv_event/151513/
ブラウザ上で作動するWebデザインツール「Figma」。簡単にワイヤーフレームの作成やUIデザイン・Webデザイン・グラフィックデザインが可能で、その利便性の高さからWebやゲームなど、多くの制作現場で利用されています。そんな今“使いたいツール”の一つとして注目を集めるWebデザインツール「Figma」を使いこなしたいと考える方も多いのではないでしょうか。
本講座は、これからFigmaを使用したい、使い方を知りたい初心者の方を対象としたeラーニングです。Figmaの概要から、基本操作、Webサイト制作を想定したワイヤーフレーム・デザインカンプの作成まで全21回で学んでいきます。ご興味のある方はぜひご視聴ください。
Figma入門講座(全21回) eラーニング
■カリキュラム
Figma 01(1:00:03)
1. Figmaの概要
2. Figmaアカウントの作成
3. Figmaのインストールと日本語
Figma 02(1:16:37)
1. Figmaの特徴
2. Figmaデータの基本
3. デザインファイルとfigjamファイル
Figma 03(1:00:48)
1. 基本操作:フレーム
2. 基本操作:シェイプツール
Figma 04(1:08:51)
1. 基本操作:ペンツール/直線
2. 基本操作:ペンツール/曲線
3. 基本操作:鉛筆ツール
Figma 05(1:21:03)
1. 基本操作:一行のテキスト
2. 基本操作:複数行のテキスト
3. 基本操作:テキストの詳細設定
Figma 06(1:16:25)
1. 基本操作:画像の挿入
2. 基本操作:画像の調整
3. 基本操作:ブーリアングループ
Figma 07(1:09:07)
1. 基本操作:塗りのスタイル
2. 基本操作:エフェクト
3. 基本操作:レイヤーのブレンド
Figma 08(1:10:33)
1. コンポーネントの作成
2. インスタンスの利用
3. メインコンポーネントとインスタンス
Figma 09(1:04:10)
1. オートレイアウト
2. オートレイアウトの追加
Figma 10(1:11:29)
1. 色スタイルの登録
2. テキストスタイルの登録
3. レイアウトグリッドの表示
Figma 11(0:59:58)
1. バージョンの管理1
2. バージョンの管理2
3. 選択範囲の色表示
Figma 12(1:14:34)
1. ファイルの共有
2. コメント機能
3. チームライブラリ
Figma 13(1:10:11)
1. プラグイン
2. ファイル/テンプレート
3. ウィジェット
Figma 14(1:04:20)
1. Webサイト制作の流れ
2. ワイヤーフレームの基本
3. プレビューの確認とファイルの書き出し
Figma 15(0:52:27)
1. ワイヤーフレーム:ヘッダとグローバルナビ
2. ワイヤーフレーム:キービジュアルとキャッチエリア
Figma 16(1:05:13)
1. ワイヤーフレーム:画像と文字の配置1
2. ワイヤーフレーム:画像と文字の配置2
3. ワイヤーフレーム:フッタ
Figma 17(1:04:40)
1. ワイヤーフレーム:コーディングのための作業1
2. ワイヤーフレーム:コーディングのための作業2
3. ワイヤーフレーム:コーディングのための作業3
Figma 18(1:08:41)
1. デザインカンプ:画像の配置
2. デザインカンプ:PDFの書き出し
3. デザインカンプ:パーツの書き出し
Figma 19(1:14:13)
デザイン実践:広告バナーの作成
Figma 20(1:12:13)
デザイン実践:サムネイルの作成
Figma 21(1:11:57)
デザイン実践:UIデザインの作成
■登壇者
![](https://prcdn.freetls.fastly.net/release_image/3670/3662/3670-3662-fa68bf25ff392f36ea85e4af9b06c110-868x868.jpg?width=1950&height=1350&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff)
内田 祐生(うちだ・さちお)氏
design fleet inc. 代表取締役
デザイン(印刷/Web)のディレクションや制作、執筆活動の他、クリエイティブ系の専門学校で講師も務める。1999年デザイン事務所開業、これまでに動画配信を主要コンテンツとする文化庁サイトのWebデザイン担当や、東京都教育庁のPRに関するデザイン制作、電鉄系建設会社のコーポレートプロフィールに関する印刷、Web両方のディレクション、デザイン制作などに携わる。また、UI/UX案件として大手メーカーのユニットバスに関するクライアント向けプレゼンシミュレータ開発を長年に渡って行っている。案件としては相談を受け、コンサルタント的な立場から始まり、開発や制作につながるパターンが多い。厚生労働大臣指定試験機関 特定非営利活動法人 インターネットスキル認定普及協会 正会員、認定講師。公益社団法人 日本印刷技術協会クロスメディアエキスパート。公益社団法人 日本印刷技術協会DTPエキスパート。ビジネス著作権検定上級を所持。
■価格・視聴可能期間
価格:55,000円(税込)
※購入後90日間視聴可能
※動画作成年月:2024年5月
▼詳細・お申し込みはこちら
https://www.creativevillage.ne.jp/category/crv_event/151513/
【お問い合わせ】
株式会社クリーク・アンド・リバー社
PEC事務局「Figma入門講座(eラーニング/全21回)」担当
Email:pec_seminar@pr.cri.co.jp
【CREATIVE VILLAGE】9/2(月)~9/30(月)初秋のCRVプレゼントキャンペーン'24実施中!
https://go.creativevillage.ne.jp/l/924692/2024-08-02/2hyctq
C&R社は1990年の創設以来、クリエイター・エージェンシーのパイオニアとして、企業合同説明会やキャリア相談、セミナーなど、クリエイターの皆さまのキャリアアップとスキルアップをサポートしてまいりました。今後も、ミッションである「プロフェッショナルの生涯価値の向上」のもと、さまざまな取り組みを通じて、クリエイターの方々がその能力を最大限に発揮できる環境づくりをめざしてまいります。
<Web・デザイン関連セミナー・講座>
▼9/5(木)デザインの基礎知識を深めるチャレンジ講座Vol.1 ~デザインプロセスとブランディング~
https://www.creativevillage.ne.jp/category/crv_event/151114/
▼9/5(木)Director’s talking vol.2 コンセントメンバーと考える、 変化する時代に必要とされるウェブディレクターの仕事とは
https://go.creativevillage.ne.jp/l/924692/2024-07-16/2hty21
▼9/11(水)【アーカイブ録画配信】WebクリエイターのためのWebサイト制作基礎(2)
気を付けておきたいタグの使い方とCSSの書き方
https://www.creativevillage.ne.jp/category/crv_event/152213/
▼9/12(木)【UI/UX】さまざまな視点からデザインするはじめの一歩 ~色々な事例から学ぶUI/UXのポイント~
https://www.creativevillage.ne.jp/category/crv_event/151982/
▼9/17(火)2日間で学ぶデザイナーのための数学入門
https://www.creativevillage.ne.jp/category/crv_event/152302/
▼9/18(水)デモンストレーションを見ながら学ぶ HTML/CSSの基礎(1)〜ヘッダーデザインの構造を理解する〜
https://www.creativevillage.ne.jp/category/crv_event/151469/
▼9/19(木)デザインの基礎知識を深めるチャレンジ講座Vol.2 ~CIとVI~
https://www.creativevillage.ne.jp/category/crv_event/151116/
▼卓越したUIを作る ゲーム、アプリ、Webサイト(eラーニング)
https://www.creativevillage.ne.jp/category/event-list/seminar/132998/
▼バナー制作を通して学ぶ!Web制作に必要なPhotoshop講座(eラーニング)
https://www.creativevillage.ne.jp/category/skillup/131541/
▼JavaScript基礎/実践講座(eラーニング)
https://www.creativevillage.ne.jp/category/skillup/131472/
▼デザインカンプ制作講座(eラーニング)
https://www.creativevillage.ne.jp/category/topcreators/web-creator/128433/
▼Illustrator基礎講座(eラーニング)
https://www.creativevillage.ne.jp/category/skillup/125068/
▼Dreamweaver講座(eラーニング)
https://www.creativevillage.ne.jp/category/skillup/131903/
▼UI/UX基礎講座(eラーニング)
https://www.creativevillage.ne.jp/category/event-list/seminar/123451/
▼UXディスカバリー: プロダクト開発の調査フェーズをマスターしよう (eラーニング)
https://www.creativevillage.ne.jp/category/event-list/seminar/147628/
【クリーク・アンド・リバー社とは】
1990年創業のプロフェッショナル・エージェンシーです。「プロフェッショナルの生涯価値の向上」と「クライアントの価値創造への貢献」をミッションに、映像、ゲーム、Web、広告・出版、作家、建築、AI/DX、ライフサイエンス、舞台芸術、CXO、アスリート、各分野のプロフェッショナルに特化したエージェンシー事業(派遣・紹介)、プロデュース事業(開発・請負)、ライツマネジメント事業(知的財産の企画開発・流通)を展開しています。また、C&Rグループとしては、医療、IT、会計、法曹、ファッション、食、アグリカルチャーの分野でも同事業を展開しており、その分野は合わせて18にまで拡大しています。
Webサイト:https://www.cri.co.jp/
X:https://twitter.com/creekcrv
Facebook:https://www.facebook.com/creekandriver
LinkedIn:https://www.linkedin.com/company/cr.creekandriver
YouTube: https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg
▼ドローンで撮影した会社紹介映像を公開中!
▼C&R社の原点とは…?ブランドサイト「Go Beyond the Limit」
すべての画像